Home » » Cara Membuat Kotak Peringatan di Bawah Postingan

Cara Membuat Kotak Peringatan di Bawah Postingan

Di tulis oleh Ifan Prabowo pada Sunday, March 11, 2012 | 2:01 PM

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...
Share this article :
Baca Juga Yang Ini !!

Dapatkan artikel terbaru dari " Mahasiswa Lugu ".

Masukan Email anda disini :


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

 
Support : Maskolis | RMC | Naeza
Copyright © 2012. Mahasiswa Lugu - All Rights Reserved
Webmaster by Ifan Prabowo