Apa kabar sahabat blogger diseluruh dunia baik yang sudah master atau yang baru belajar ngeblog seperti saya ini..Kali ini blogger newbie akan berbagi sebuah cara membuat kotak komentar show dan hide pada blog semoga informasi ini semakin menambah kecantikan dan kerapian blog sobat semuanya
Nah untuk membuat kotak komentar show dan hide di blog silahkan ikuti langkah-langkah dibawah ini
1. Silahkan login ke dasbord blogger anda
2. Klik menu template edit HTML
3.Cari kode seperti ini ]]></b:skin>
Pastekan kode dibawah ini tepat diatas kode diatas
#comments {
display : none;
}
.tombol-komentar a{
text-align: center;
}
.stylewadah {background: #CCC;
padding: 5px;
display : none;
}
.tombol-komentar a{
text-align: center;
}
.stylewadah {background: #CCC;
padding: 5px;
4. Temukan kode seperti ini </head>
5. Pastekan kode dibawah ini tepat diatasnya
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".tombol-komentar").click(function(){
$("#comments").slideToggle("slow");
$(this).toggleClass("active");
return false;
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".tombol-komentar").click(function(){
$("#comments").slideToggle("slow");
$(this).toggleClass("active");
return false;
});
});
</script>
6 Temukan kode seperti ini <b:includable id='comments' var='post'>
7. Pastekan kode dibawah ini tepat dibawah kode diatas
<center>
<div class='stylewadah'>
<a class='tombol-komentar' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 0'>No Comments be the first<b:else/><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></b:if>
</a>
</div>
</center>
<div class='stylewadah'>
<a class='tombol-komentar' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 0'>No Comments be the first<b:else/><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></b:if>
</a>
</div>
</center>
8 Klik save templat dan selesai
Nah demikianlah Cara membuat Kotak komentar show dan hide pada blog kita semoga tulisan ini memberikan manfaat untuk anda semua
Salam blogger newbie
No comments:
Post a Comment