Update Terbaru
Loading...
Home » , » Cara Membuat Tombol Buka Tutup di Kotak Komentar Blog
Published On : Rabu, 03 Oktober 2012
06.42.00 | Admin | No Comments

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 . . .





Related Post

0 komentar:

Posting Komentar

Referensi : DTE | MDF Blog | MKR Site
Copyright © 2013. Gembulz Blog's - All Rights Reserved
Template Created by Creating Website Modify by Gembulz Blog's
Powered by Blogger Top