Cara Membuat Show/Hide Komentar Keren Di Blogspot
* buka blog mu
* pilih template >>> edit HTML
* Cari kode ini ]]></b:skin>
* Copy kode dibawah dan letakkan diatas kode ]]></b:skin>
h3.trigger {
background: url(http://i1175.photobucket.com/albums/r628/realonekazz/comment-boxbg.png) no-repeat;
height: 44px;
line-height: 46px;
width: 518px; border-radius:4px;
font-family:Arial;
font-size: 1.4em; font-weight: bold;
text-align:left;
color:#A1A1A1;
float: left;
cursor:pointer;
box-shadow: #333 0px 1px 3px;
padding:0 0 0 50px;
margin:10px 0px 10px 10px;
}
h3.active {
background-position: bottom left;
color:#ddd;
}
.toggle_container {
padding-left:10px;
overflow: hidden;
clear: both;
}
* Kemudian cari kode </head>* Copy kode di bawah dan letakkan diatas </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=1.7.2' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".toggle_container").hide();
$("h3.trigger").click(function(){
$(this).toggleClass("active").next().slideToggle("slow");
});
});
</script>
* Trus cari kode ini <div class='comments' id='comments'>* Copy kode dibawah dan letakkan dibawah kode <div class='comments' id='comments'>
<h3 class='trigger'>Click Untuk Melihat Komentar</h3> <div class='toggle_container'> <div class='block'>* Trus geser ke bawah dan temukan kode seperti ini </b:includable> kemudian copy kode dibawah dan letakkan diatasnya
<p style=' line-height:0px; font-family:Arial; font-size:8px; font-weight:bold; text-align:right;'><a href='http://yabasadeh.blogspot.co.id/2016/01/animasi-lucu-dan-imut.html' style='color:#CAC8C8;'><i>MY BLOG</i></a></p> </div> </div>* Kalau anda bingun lihat gambar di bawah
* Jika anda sudah mengerti silahkan di save template dan lihat hasilnya,..
### SEMOGA BERHASIL GAN ###
Baca Juga Artikel Terkait Lainnya