Sunday, March 11, 2012

Cara Membuat Kotak Peringatan di Bawah Postingan

Menambah widget atau kotak di bawah postingan itu lah pembahasan saya kali ini, dimana fungsi dari kotak tersebut adalah semacam pemberitahuan seperti yang terlihat di blog ini. atau pun informasi yang lain yang ingin sobat 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 sobat
  • Untuk tulisan yang berwarna merah ganti dengan artikel yang anda inginkan
Semoga bermanfaat...

4 comments:

  1. kunjungan perdana...izin follow dan komentar...d tunggu juga kunjungan baliknya

    ReplyDelete
  2. ini yang saya cari...
    jangan lupa kunbal+follback nya yaa.!! mksh
    siunus.blogspot.com

    ReplyDelete
    Replies
    1. mantapp kang, pasti di follback. Makasih kunjungannya ya :D

      Delete

:: MAHASISWA LUGU ::
Just share and save my story