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
Makasih ya bro, ijin make tutorialnya...hehe
BalasHapuskeren bro tutorial'a..
BalasHapusdi tunggu vsit back'a..
http://system70mb.blogspot.com
Bagus sob artikelnya :)
BalasHapus#Koment balik ya sob Pasang Iklan Murah Hanya 5000/bulan
terimakasih sob infonya..
BalasHapus.saya sudah follow blog sobat kalau sobat berkenan follow balik yah? http://blogku-sederhana.blogspot.com/
URL BACKGROUND nya ko ga ber pungsi yah di blog ku, bagai mana cara menampilkan jumlah komentarnya?
BalasHapuskalo mau ada jumlah komentarnya bro pake aja cara yg ini bro : http://raxterbloom.blogspot.com/2012/09/cara-membuat-facebook-dan-form-komentar.html
Hapustutor 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...
Hapustidak bro, ini gua pake cara yg itu. tengok aja ndiri bro dibawah.
Hapusbahasa lo bro gaul banget ..
BalasHapusxP Mantap dah Bro mau Bookmark dulu
Jiahhh aku sebelumnya uda pakai ini Broo...
BalasHapusaku 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.
haha oke deh bro, lo lebih jago dahhh hehe. . .
Hapusblog saya kog gak bisa ya kang ?
BalasHapusterkadang memang ada template blog yg tidak support html bro. seperti kata bang herman bagus bro.
Hapus