Firman Blog: Komentar

tes3
Firman Blog - Mengapa saya beri judlu "Cara Membuat Show Hidden Komentar" Karena disini saya akan memberi tutorial "Cara Membuat Show Hidden Komentar" , Langsung aja TKP. 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj9KT8L4E69r421HjlMUYWd3pyndxqNpLSwtSLSavsQcahMTTKJ7lIC3nEdr3VQfWOVrSAisvVZKVeev7BWaYpsD1AJol5fzYWIEEBtHaJQwQ41I2xAO4ubM7RmknLqUZNTWZNN4sh5V0X/s1600/Show+Hidden+Komentar-firman+blog.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj9KT8L4E69r421HjlMUYWd3pyndxqNpLSwtSLSavsQcahMTTKJ7lIC3nEdr3VQfWOVrSAisvVZKVeev7BWaYpsD1AJol5fzYWIEEBtHaJQwQ41I2xAO4ubM7RmknLqUZNTWZNN4sh5V0X/s400/Show+Hidden+Komentar-firman+blog.PNG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
1) Pertama, pergilah ke Dashboard, lalu Template, kemudian pilih "EDIT HTML".</div>
<div class="separator" style="clear: both; text-align: left;">
2) Kedua, Taruh kode di bawah ini di atas ]]></b:skin> (CTRL + F) :</div>
 
<div style="border: 3px double rgb(95, 32, 14); padding: 10px; text-align: left;">
/* Panel Comments */ a.openpanel { display:block; width:auto; padding:0px 0px; text-align:center; font-weight:bold; line-height:32px; background-color:#000; color:white; text-decoration:none; margin:0px 0px; -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(0,0,0,0.2); 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:#303030;} a.openpanel.active em { top:6px; border-color:transparent transparent white transparent; } div.paneline { height:0px; border-bottom:4px inset #1a1a1ab; } div.hompiPanel { padding:10px 20px 20px; -webkit-box-shadow:inset 0px 1px 7px rgba(0,0,0,0.2); -moz-box-shadow:inset 0px 1px 7px rgba(0,0,0,0.2); box-shadow:inset 0px 1px 7px rgba(0,0,0,0.2); margin:0px 0px !important; }</div>
 
3) Ketiga, Cari Kode </head> (CTRL +F), setelah ketemu letakan kode di bawah ini dia atas kode </head> 
 
<div style="border: 3px double rgb(95, 32, 14); padding: 10px; text-align: left;">
<script src='http://reader-download.googlecode.com/svn/trunk/blogger-slide-panel-comments.js' type='text/javascript'></script> <script type='text/javascript'> //<![CDATA[ var panelSelector       = '#comments',     openPanelText       = "Open Comment",     closePanelText      = "Close Comment",     slideDownPanelSpeed = 600,     slideUpPanelSpeed   = 400; //]]> </script></div>
 
4) Keempat, Klik "Simpan" 
 
*Bila kurang jelas bisa komentar atau PM <a href="http://www.fb.com/firmansijenius" rel="nofollow" target="_blank">(klik)</a> 
 
Keyword : Tutorial Blogger, Tips And Trick, Komentar.