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 Template --> 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!!

thanks to kolom-tutorial.blogspot.com

Related Posts

Membuat Widget di bawah Posting
4/ 5
Oleh

1 comments:

22 November 2010 at 22:15 delete

Makasih banyak artikelnya..

Salam kenal

Linknya sudah saya pasang di blog saia.

http://www.hendri83.blogspot.com
Catatan si Hendri

Reply
avatar