Thursday, 1 December 2011

Cara menambah widget atau kotak di bawah postingan blog




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

0 comments:

Post a Comment

Enter your email address:

Delivered by FeedBurner

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More