Cara Memasang Tombol Buka Tutup Di Kotak Komentar Blog

Nehandnews.com - Cara Membuat Tombol Buka Tutup di Kotak Komentar Blog, Selamat sore sahabat Nehandnews, pada kesempatan kali ini saya akan sharing bagaimana Cara Membuat Tombol Buka Tutup di Kotak Komentar Blog, Mungkin buat sobat yang sering blogwalking ke blog teman yang lain pastinya sudah tau bukan tentang kotak komentar yang bisa di buka dan di tutup ini, yah contohnya seperti yang saya gunakan di blog Nehandnews ini. keuntungan memasang kotak komentar buka tutup yaitu untuk meringkaskan semua komentar yang masuk supaya tidak terlihat kalo tidak di buka tombol komentar nya dan sekaligus menciptakan kesan yang rapi pada blog. bisa di bayangkan kalo sebuah blog yang mempunyai total komentar yang jumlah nya ratusan dari pengunjung, bakalan mengekor ke bawah halaman blog nya. 

Cara Memasang Tombol Buka Tutup Di Kotak Komentar Blog

Cara Memasang Tombol Buka Tutup Di Kotak Komentar Blog

Langsung saja sob berikut Cara Membuat Tombol Buka Tutup di Kotak Komentar Blog :

1. Masuk ke Akun Blogger sobat.
2. Lalu masuk ke menu Template -> Edit Html
3. Setelah itu cari kode ]]></b:skin> dan letakkan kode dibawah ini tepat di atas nya.

a.openpanel {display:block;width:620px;height:30px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background:#ffffff;font-size:20px;font-family:Comic Sans MS;color:#ffffff;border:2px solid #ffffff;text-shadow:0 1px 0 #CCC;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius: 3px;-moz-box-shadow: 0 1px 3px #C6C6C6, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;-webkit-box-shadow: 0 1px 3px #C6C6C6, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;box-shadow: 0 1px 3px #C6C6C6, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;} 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;}

4. Kemudian cari kode </head> dan letakkan kode berikut ini tepat di atas nya kode tersebut.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'/><script type='text/javascript'>//<![CDATA[ var panelSelector = '#comments', openPanelText = "Tampilkan Komentar", closePanelText = "Tutup Komentar", <span style="font-family: Trebuchet MS, sans-serif;">slideDownPanelSpeed = 600, slideUpPanelSpeed = 400; //]]></script><script type='text/javascript'></script><script src='http://membuatgempar.net23.net/comment.js' type='text/javascript'/>

Keterangan : <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'/> Jika ditemplate sobat sudah ada kode tersebut.

5. Simpan Template.

Nah berikut Cara Memasang Tombol Buka Tutup Di Kotak Komentar Blog, Terimakasih. Semoga bermanfaat..

• Tweet
• Share
• Share
• Share

ADVERTISE

Related Posts