Sabtu, 22 September 2012

Cara Membuat Tombol Buka Tutup di Kotak Komentar Blog

Selain Membuat Rapi Kotak Komentar dengan Memberi Spoiler pada Kotak Komentar blog lo bro, Kita juga bisa membuat tombol buka tutup bro, ini cara bro membuat blog kita lebih rapi dari berbagi jutaan komentar di blog lo bro yg berserakan hehe, untuk itu bro bagi lo yang berminat silahkan simak untaian berikut ya bro :




>> Pilih Rancangan
>> Pilih Template 
>> Edit HTML 
>> klik Expand Widget Template
>> Cari Kode  ]]></b:skin>  bro
>> Setelah Ketemu bro, Silahkan Copy Kode diBawah dan Letakkan diAtas Kode 
      ]]></b:skin> bro.




a.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background: url( http://orthodoxincense.com/interface/oincense/footer_cross1.jpg )repeat-x;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;position:relative;
}a.openpanel em {width:0px;height:0px;display:block;position:absolute;top:15px; right:15px;border:6px solid transparent;border-top-color:white;
}a.openpanel.active {background-color:#;}a.openpanel.active em {top:6px;border color:transparent transparent white transparent;
}div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}div.hompiPanel {padding:10px 20px 20px;margin:0px 0px !important;}



Ket :

  •        Silahkan Ganti Bro Tulisan yang berwarna HIJAU dengan URL BACKGROUND yang lo inginkan ya bro.




>> Kemudian carilah bro kode </head>
>> Copy kode diBawah ini bro dan pastekan tepat diAtas kode </head> ya bro, jangan lupa 
      ya bro.




<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var panelSelector       = '#comments',
    openPanelText       = "Open Comment Please",
    closePanelText      = "Close Comment Please",
    slideDownPanelSpeed = 600,
    slideUpPanelSpeed   = 400;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://raxterblog.googlecode.com/files/komentarslideblogger.js' type='text/javascript'/> 



Ket :

  •        Silahkan Ganti Bro Tulisan yang Berwarna HIJAU Sesuka Hati lo bro hehe





>> Tinggal Save Template Deh Bro dan Lihat blog lo bro pasti sudah jadi hehe . . .




Gampangkan bro ? ? selamat mencoba ya bro

13 komentar:

  1. Makasih ya bro, ijin make tutorialnya...hehe

    BalasHapus
  2. keren bro tutorial'a..
    di tunggu vsit back'a..
    http://system70mb.blogspot.com

    BalasHapus
  3. terimakasih sob infonya..
    .saya sudah follow blog sobat kalau sobat berkenan follow balik yah? http://blogku-sederhana.blogspot.com/

    BalasHapus
  4. URL BACKGROUND nya ko ga ber pungsi yah di blog ku, bagai mana cara menampilkan jumlah komentarnya?

    BalasHapus
    Balasan
    1. kalo mau ada jumlah komentarnya bro pake aja cara yg ini bro : http://raxterbloom.blogspot.com/2012/09/cara-membuat-facebook-dan-form-komentar.html

      Hapus
    2. tutor yang http://raxterbloom.blogspot.com/2012/09/cara-membuat-facebook-dan-form-komentar.html#sthash.IxufIPZ5.iuIA7wzY.dpuf salah bro gak bisa di blog ane...

      Hapus
    3. tidak bro, ini gua pake cara yg itu. tengok aja ndiri bro dibawah.

      Hapus
  5. bahasa lo bro gaul banget ..
    xP Mantap dah Bro mau Bookmark dulu

    BalasHapus
  6. Jiahhh aku sebelumnya uda pakai ini Broo...
    aku juga uda posting.. disini http://hermanbagus.blogspot.com/2012/08/membuat-show-dan-hide-komentar-pada-blog.html

    Karena Showhide komentar itu tidak suport Html 5, makannya aku pakai alternatif pakai spoiler.

    BalasHapus
  7. blog saya kog gak bisa ya kang ?

    BalasHapus
    Balasan
    1. terkadang memang ada template blog yg tidak support html bro. seperti kata bang herman bagus bro.

      Hapus