Cara Membuat Show Hide Komentar

    Hallo Sobat , Gimana Kabar Kalian ? Sudah Lama Kevin tidak Posting , dikarenakan Urusan Sekolah. 
    Kali ini Kevin akan Sharing Tentang dunia Blogging , yg Berjudul "Cara Membuat Show Hide Komentar". ini dia Contohnya


Klik Gambar Untuk Memperbesar

   Berikut Tutorial / Caranya 

1.) Login ke Akun Blogger Sobat.
2.) Masuk ke Dasbor -> Rancangan -> Edit HTML -> Centang "Expand Template Widget"
3.) Cari kode ]]></b:skin> , Gunakan F3/CTRL+F.
4.) Kemudian Letakan kode dibawah ini diatas kode ]]></b:skin>
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;}
5.) Kemudian Cari kode </head> , dan Letakan kode dibawah ini diAtasnya.

<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 = "Show Comment",
closePanelText = "Hide Comment",
slideDownPanelSpeed = 600,
slideUpPanelSpeed = 400;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://mrpujiajadeh.comze.com/slide-blogger-comment-box.js' type='text/javascript'/>
6.) Terakhir Tinggal SAVE TEMPLATE


Catatan : Ganti Text Yang Berwarna MERAH dengan Text Kalian Sendiri

Kevin Pramana

Selamat Datang Diblog Saya Yang Sederhana ini, Saya Harap Kalian Semua Senang dengan Blog saya ini, Mohon Maaf Jika ada Salah Kata dalam Postingan saya.. Keep Visit ya !

12 Comments:

 

Copyright @ 2013 Pramana Cyber.