Membuat Widget Di Bawah Posting

Posted by Gani Mugni Minggu, 05 Februari 2012 0 komentar
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!!



MobGold Banner 468x60
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Membuat Widget Di Bawah Posting
Ditulis oleh Gani Mugni
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://azharadzuan.blogspot.com/2012/02/membuat-widget-di-bawah-posting.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Posting Komentar

Panduan blog dan SEO support Jual Online Baju Wanita - Original design by Bamz | Copyright of Azhara Blog.