Welcome to my blog Friends

Selasa, 14 Desember 2010

Membuat Widget Di Bawah Posting

Jumpa lagi gan, wew sekarang saya akan posting lagi tentang blogspot. Mungkin bagi para blogger mania sudah tidak asing lagi tutorial kaya gini atau malah udah jadul. Yah, ini cuma buat yang belum tau saja ok? bagi yang udah tau jangan pada demo hehe.
Baiklah, langsung saja ya. Berikut caranya :
1. Login ke blogger kalian masing-masing
2. Masuk ke Rancangan --> Edit HTML
3. Backup dulu template kalian sebelum melakukan edit template dengan klik Download Template Lengkap. (untuk berjaga-jaga kalau nanti gagal/rusak)
4. Beri tanda cek pada kotak yang bertuliskan "Expand Template Widget"

5. Jika sudah, caril kode ]]></b:skin> (tips : tekan keyboard Ctrl + F, lalu masukkan code tadi ke kotak Find kecil yang muncul di bagian bawah layar)
6. Copy/paste kode berikut, dan masukkan tepat di atasnya :

.bawahpost{
padding:10px;
margin:10px 0px;
background:#e1f2ff;
border:1px solid #ddd;
line-height:1.6em;
}

7. Jika sudah, cari lagi kode berikut :

<data:post.body/>


8. Lalu copy/paste kode di bawah ini persis di bawahnya :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='bawahpost'>
Jangan asal Copy/Paste karena Blog juga adalah hasil Karya Cipta. Biasakan untuk meminta ijin kepada pemilik karya atau paling tidak menyebutkan sumber asal. Hitung-hitung bersilaturahmi dan memperluas pergaulan, bukan?
</div>
</b:if>


9. SIMPAN TEMPLATE.

10. Mission Complete !!

Catatan :
Warna merah di atas bisa kamu ganti dengan Kode Script, Kode Iklan, Text, dsb sesuai yang kalian mau.
Dan Hasilnya akan seperti ini :
Nah, sampai disini dulu tutorial dari saya, Salam Blogger Mania!!

0 komentar:

Posting Komentar

Visit My Facebook