18 September 2012

Cara Membuat Show-Hide Komentar

By kreasi

On 10:12

Langkah dan Cara Membuat Show Hide Komentar / Expand Collapse Blogger Comment Box

Pertama,sobat pergilah ke Dashboard lalu pilih Tata Letak kemudian contreng tulisan Expand Widget Templates,dan cari kode berikut (Gunakan Ctrl+F):

</head> atau <head>

saya lupa, di coba aja satu per satu hehehe, klo tadi aku make yang <head>

Jika sobat sudah menemukannya,tepat diATASnya letakkan script berikut:

<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 = "Tampilkan Komentar",

closePanelText = "Tutup Komentar",

slideDownPanelSpeed = 600,

slideUpPanelSpeed = 400;

//]]>

</script>

<script type='text/javascript'>

</script>
<script src='http://mrpujiajadeh.comze.com/slide-blogger-comment-box.js' type='text/javascript'/>

di bagian tulisa Tampilkan komentar atau Tutup komentar anda bisa meng-edit sendiri :D

Setelah itu,cari kode berikut:

]]></b:skin>

Jika sudah sobat ketemukan,tepat diATASnya letakkan barisan kode ini:

a.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background:#ffffff; url()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:#ffffff;}a.openpanel.active em {top:6px;border color:#222222; }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;}

Setelah itu simpan template sobat.

Catatan:
Trik ini akan bekerja tentu jika sobat mengaktifkan komentar di blogger,baik dalam komentar posting maupun settingan secara universalnya.Selamat mencoba ya :D

Selamat Mencoba dan Selamat Beraktifitas :) See You Agant on the my new post :)