Minggu, 27 Maret 2011

Cara menambah widget atau kotak di bawah postingan blog



Menambah widget atau kotak di bawah postingan itu lah pembahasan kita kali ini, dimana fungsi dari kotak tersebut adalah semacam pemberitahuan seperti yang terlihat di blog ini. atau pun informasi yang lain yang ingin anda tambahkan. tergantung dengan keperluan masing-masing individu. nah adanya widget atau kotak tersebut sangatlah membantu kita. mungkin di antara pembaca ada yang tertarik untuk memasang nya silahkan ikuti langkah-langkah di bawah ini.

Berikut ini langkah-langkah cara membuat widget atau kotak dibawah postingan artikel blog kita:
  • Login terlebih dahulu di blogger
  • Kemudian klik Rancangan
  • Edit HTML
  • Cari kode ]]></b:skin>
  • Dan letakkan kode di bawah ini persis di atas kode ]]></b:skin>
    .underpost{
    padding:10px;
    margin:10px 0px;
    background:#eee;
    border:1px solid #ddd;
    line-height:1.6em;}
  • Anda bisa mengganti warna bacground pada tulisan background:#eee; sedangkan warna untuk garis pinggir border:1px solid #ddd; ganti dengan kode warna lain
  • Nah untuk ID pemanggilan kode di atas cari kode <data:post.body/>
  • Letakkan kode di bawah ini persis di bawah kode tersebut
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
    <div class='underpost'>
    Letakkan artikel yang anda inginkan
    </div>
    </b:if>
  • Simpan tamplate anda
  • Untuk tulisan yang berwarna merah ganti dengan artikel yang anda inginkan
Semoga artikel ini bermanfaat buat sahabat semua dan salam sukses.....

1 komentar: