Senin, 28 Februari 2011

Cara Membagi 2 kolom Header blog


Pada kesempatan ini saya akan membahas cara membagi kolom Elemen Header menjadi 2 kolom.berikut langkah-langkahnya :

1. Seperti biasa para sobat LOGIN blog
2. Di dasboar sobat lalu pilih Rancangan dan pilih Edit HTML
3. Pilih Expand Template Widget
4. Sisipkan Kode di bawah ini antara <header> dan </header>.

<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

5. setelah selesai jangan lupa di simpan.
selamat mencoba dan salam sukses...

Jumat, 25 Februari 2011

Menampilkan Hanya Judul Pada Halaman Label

Kadang saat kita menulis dan kita posting kita memberi label, sama halnya dengan kategori. Tulisan yang kita buat tentunya beragam jenisnya, kita biasanya mengelompokannya dengan menggunakan label. Misalnya, kita punya label personal untuk tulisan-tulisan kita yang isinya personal, dilain pihak kita punya label opini untuk tulisan yang berisi opini mengenai fenomena yang sedang hot.

Tulisan atau

Rabu, 23 Februari 2011

Cara dapatkan sponsor/iklan untuk blog

Para sobat blogger pasti ingin mendapat sponsor atau iklan dari situs penyedia iklan,selain bisa mempercantik tampilan blog melalui banner-banner atau link yang telah disediakan biasanya kita juga akan mendapatkan persenan apabila pembaca atau pengunjung blog mengeklik atau mendaftar dari sponsor yang kita pasang di blog.

seperti yang saya pasang di bawah judul artikel ini.nah,oleh karena itu pada kesempatan kali ini saya akan berbagi situs penyedia iklan untuk di pasang di blog.berikut daftar penyedia iklan :

1. Ziddu.com

2. komisigratis.com

3. incrasebux.com

4. cafebisnis.com

5. Kumpulblogger.com

6. alertpay.com

dan masih banyak lagi penyedia iklan.

Apabila sobat berminat sobat bisa klik daftar situs yang sudah di sediakan dan mendaftarnya.
Mungkin ini saja yang dapat saya bagikan pada kesempatan kali ini semoga artikel ini bermanfaat untuk para sobat blogger.

selamat mencoba dan semoga keberuntungan berpihak kepada sobat blogger.dan jangan lupa untuk meninggalkan pesan walupun sepatah atau duapatah yang bersifat membangun agar artikel kedepannya lebih baik lagi.terimkasih atas waktunya untuk mengunjungi blog ini dan salam sukses selalu.

Selasa, 22 Februari 2011

Cara pasang Recent Comment di blog

Para sobat blog ketemu lagi saya harap sobat tidak bosen atau jenuh karena pada kesempatan kali ini saya akan membahas tentang cara memasang komentar terbaru atau yang biasa di sebut recent comments.

pasti para sobat ingin memasangnyakan agar pembaca selalu tahu berita terbaru dari blog sobat.
langsung saja kita bahas,berikut langkah-langkahnya :

1. seperti biasa sobat Login blog
2. setelah masuk dasbor sobat pilih Rancangan dan pilih elemen laman
3. tambah gadget (letak sesuai keinginan sobat )
4. pilih feed akan keluar form seperti di bawah ini.

Selanjutnya sobat masukkan alamat berikut di URL feed:

http://SITUSBLOGSOBAT.blogspot.com/feeds/comments/default

Kemudian pilih Lanjutkan dan akan muncul form seperti di bawah ini :


Kemudian atur sesuai keinginan sobat.

5. setelah selesai semua pilih simpan dan lihat hasilnya.
selamat mencoba dan salam sukses....

Menambah icon di judul postingan blog


Agar blog lebih menarik sobat bisa menambah icon atau gambar di samping judul postingan.
berikut langkah-langkahnya :

1. sediakan gambar atau icon yang ukurannya tidak terlalu besa,apa bila belum ada sobat bisa klik disini,kemudian sobat hosting atau upload gambar ke photobucket atau image hack untuk mendapatkan URL gambar atau tempat penyimpan gambar.
2. setelah dapat URL gambarnya sobat  LOGIN  www.blogger.com  blog.
3.di dasbor sobat pilih rancangan dan pilih Edit HTML dan jangan lupa untuk mencentang Expand Template Widget.
4. cari kode :

h3.post-title, .comments h4 {
font: $(post.title.font);
margin: .75em 0 0;
}

yang gak jauh dari kode tersebut,karena setiap template berbeda kode htmlnya.
agar sobat lebih cepat dalam pencarian sobat bisa tekan F3 di keyboard.
setelah ketemu copykan kode berikut ke dalam nya :

background:url(URL GAMBAR SOBAT) no-repeat;
padding:0px 0px 05px 30px;

sehingga menjadi seperti ini :

h3.post-title, .comments h4 {
font: $(post.title.font);
margin: .75em 0 0;
background:url(URL GAMBAR SOBAT) no- repeat;
padding:0px 0px 05px 30px;

}

5. setelah selesai jangan lupa untuk menyimpannya.
selamat mencoba...dan jangan lupa untuk meninggalkan pesan atau komentar.
salam sukses.

Senin, 21 Februari 2011

cara memasang google translate bentuk icon bendera di blog


Para sobat blogger pasti sudah tahu apa itu google translate,bagi yang belum tahu bagi sobat blog atau pemula mari kita sama-sama membahasnya.

GOOGLE TRANSLATE adalah fasilitas penterjemah bahasa dari penyedia google translate yaitu mbah google...:D agar pengunjung yang tidak bisa berbahasa indonesia bisa mengerti atau bisa membaca postingan yang berbahasa indonesia.

di sini saya akan bahas cara memasang google transalte dalam bentuk icon bendera agar penampilan blog lebih menarik.
berikut langkah-langkahnya :

1. seperti biasa sobat harus login blog terlebih dahulu.

2. setelah masuk dasbor sobat bisa memilih rancangan dan kemudian pilih ELEMEN LAMAN ( letak bisa di sesuikan menurut selera sobat )

3. pilih tambah gadget.lihat gambar.




4. pilih HTML/JAVASCRIPT




setelah di tambah copykan code di bawah ini di dalam content.


<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDIfEd-alEgmF2uTv0OsCFaiKMrjJhfDpoN7ZRv-0r6rODxbI1uplZtETKnY2mQ70n4myvvLzuUIZYQTtCWLIshoNcfEnJ-szvOO150nBL9H3tc8iH7JSYJ-Xa5jcTWc00ZchRZc7GfTU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF8xu6CBMGs8RvzrWfOQa69PMxecboj7qvm_nAr2X9gYxFmVf8XYZX0b6OKZzTrG4H-zFqNtMKcNFDvqPKnI5Fc3UnwXRCLVKdc1xaXLf8H9xy5ma2etxG1xdfB0Bw4mJ5rz7PF4sgIgE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCpNGQyDpPsMYBKzK8bgAt2jvCPWltLj-S0hJ5BetXpllTjFBNcIxoPK_pkbjStATcYRo_in9bpi09k6YUiJ2ugc5t3AJhmw4ZOsEFvYmTEhVG1DrZR0Vc9waQbMPct4ntrN33ZwX9oqni/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx04bpU5uSYe3QdQ6BS2mlz4YOJjWfnyF9jj2Gc01nuF7RChkCqtVPPhTWHpDmdSCOtGbERkwVd8JNXTUSSF4waC7ObPJLmAntH3j_b8ICETW1nA81HElyY1LSR63z7VXBI4Ahjp4blTI-/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizCdi8SjP5Zz-hMUBrPWRwAGa6edL7HaqaBfW1xjlxQv2F9Pzf_B56Zcj6DnPT6e2myEfF_USTFdEYfpoXJEEBjuVypt2OkLL6BeAopXFgPxW3PFl3Oomnappk9fmuQhrdvCjiXBmOZmU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi513Z89PREVHoQDP8YK-bKWkq6Adi4ohiJcdKw8vMpoTQA78OjF2atFBvR3UQ8-cFooB0YmDem1-ij7NlNbTDueKSJoWzVnoJ2w0qZulqqZ9U0uLtyJLsXUm99BJPajeYq-ZKnUq5wq5o/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjapQZcJx156hvwaXRL-tRmTUsmUx9E31hp8nMjLR-VVbKYID0gybVezP8HZTe8xRf0o-0K0GMSQhTRxwGvtXqxEBL0TjYUAKk3wo_ShnkQPXBqKF1K_rBOy6mKZQ9bJGTIpHGPLv52uGY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTWg3QX9cDDXZLQbSY9KNzD1qgFbhSqEwaE0Riy9Nx279NWDocsAK9wsWcstZNF8r4fdX4Nnjg4xtVu_WeZeb4i_KzhLZOl9NQ4yQSdP2QCujd6r-kwHaQJvO7CDnFY8lmboB83QjizYc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpcysfQ51-eJ-n7NWWCDTMG0RrET8bmTOP5ehpJPMZAnl78P_ybNrX55xyKlKZ6U-C0Kvz71uAQ_srxAD9CZfqrFoPzmHmjMG1zVJR8WyLFkUbkl4hweVo43yN3ZMx4kRIaIcO6nhVui8F/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguYwq0NaoXrun_wumPGcqyzQFA2ZODTXDqGgMTHRws10i60jfEhz8PZkUqberItD80Q11ez2cL8o90Ix-bZD5zQ6B3qjOAaQHV5U7Mxn4wIXfY6BeSJl6e7m8W-bBnJovnlpQtIU5nK60/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsiDyFgqaVeIt8DeywwBqZS5_ySm9KsUOQFeIDr8C7Roq8eta9RaomKvREYVd5AkmXPtsQNHoPWVk5qy7QdMpHVQf4QPKxqkI1ZkMANHe550Gl-zuNezxmMCmP9KGvgrmwE_gnCQyHqHM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihCojfBhFudUvgo6PDICM5zMnwqGbI3oXk6vGBE0_TYNWvoZxWntKL9jrCl8_BmV0Gk4gNMJB7ZNsZOqPHUkwLAl-qn2EWGQrWFOVMLNzodivI10OVJ5PCiuCWREF0JdS3gMS84IHGMk4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style="font-size:10px;margin:8px 0px 3px 0px">

</div>


5. setelah selesai jangan lupa pilih simpan dan lihat hasilnya.

selamat mencoba dan jangan lupa untuk meninggalkan pesan agar ke depannya lebih baik lagi dan kami mengucapkan terima kasih atas waktunya untuk mengunjungi blog ini.salam sukses.

cara mengganti favicon blog

Pada kesempatan kali ini saya akan membahas cara mengganti favicon blog atau icon kecil yang ada di samping alamat blog kita yaitu di adress bar.lihat gambar di atas.


berikut langkah-langkahnya :
1. sediakan gambar atau icon yang ukurannya kira-kira 32x32 px.apabila sobat belum menyediakan gambarnya sobat bisa cari di sini kemudian gambar di hosting atau di apload ke photobucket atau imagehack untuk mendapatkan Url gambar.
2. setelah mendapat Url gambar kemudian seperti biasa LOGIN blog
3. di DASBOR sobat pilih RANCANGAN dan pilih EDIT HTML dan jangan lupa untuk mencentang Expand Template Widget
4. cari kode <b:include data="blog" name="all-head-content"/> dan copykan kode di bawah ini persis di bawah kode <b:include data="blog" name="all-head-content"/> :

<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="animated_favicon1.gif/alamat url gambar sobat" type="image/gif" />

*keterangan :
ganti URL gambar yang telah sobat dapat pada langkah no 1.

5. setelah selesai jangan lupa klik simpan dan lihat hasilnya.
selamat mencoba dan salam sukses.