Cara Membuat Efek Smooth Slide Show Hide Blogger Comment Box!

Cara Membuat Efek Smooth Slide Show Hide Blogger Comment Box! - Ketemu lagi ya,hehehe (kangen ma kite kite ya :D)
Kali ini Pelajaran Blog akan sharing bagaimana membuat show/hide comment box di blogger.com, pingin tahu lebih lanjut? ikuti ya :D

Nah,gimana gan? tertarik ingin menciptakan 'show hide blogger comment' ini?
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>
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.co.cc/slide%20blogger%20comment.js' type='text/javascript'/>

Cara Membuat Efek Smooth Slide Show Hide Blogger Comment Box! - 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.

Demikian Cara Membuat Efek Smooth Slide Show Hide Blogger Comment Box!, semoga bermanfaat....

No comments:
Write komentar