Buat Komentar Threaded Versi 2 Di Blogspot | Komentar Blogspot mirip Wordpress

Wah sekarang saya ingin mencoba untuk membangkitkan blogspot saya ini dan sekarang saya ingin coba untuk share Buat Komentar Blogger Thread V2 dulu saya juga pernah share yang beginian tapi itu yang versi lama dan sekarang saya ingin menshare yang versi terbarunya saya mendapatkan tips ini dari sobat saya Ѽ ΛÐSΛŦÐΛŦ Ѽ ok tanpa banyak basa-basi lagi langsung saja kita praktekan gimana cara buatnya!

1. Masuk ke dashboard --> Design --> Edit HTML
2. Klik dulu "Expand Widget Templates"
3. Tekan "Ctrl+F" dan cari kode ]]></b:skin>.
Letakan kode dibawah ini tepat diatas kode yang dicari tadi:

Quote :: /* Comments Thread Systems */
.cm_wrap{margin-top:17px;clear:both;float:left;width:100%}
.cm_wrap a:link,a:visited{text-decoration:none;color:#000}
.cm_wrap a:link:hover{color:#000}
.cm_head{padding-left:17px;margin:0;width:60px;float:right}
.cm_head a:link,a:visited{text-decoration:none;color:#555555}
.cm_head a:link:hover{color:#555555}
.avatar-image-container a img{border-radius:20px;background:url(http://cdn1.iconfinder.com/data/icons/crystalproject/32x32/apps/personal.png) no-repeat scroll center center;position:relative;left:1px;top:1px;width:40px;height:40px;}
.cm_avatar{width:42px;height:42px;border:solid 4px #C4C4C4;-webkit-border-radius:1em;-moz-border-radius:10em;border-radius:10em;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.37),0 0 7px rgba(0,0,0,.37) inset;-moz-box-shadow:0 1px 3px rgba(0,0,0,.37),0 0 7px rgba(0,0,0,.37) inset;box-shadow:0 1px 3px rgba(0,0,0,.37),0 0 7px rgba(0,0,0,.37) inset;border-image:initial;background-color:white;margin:0;padding:0;}
.cm_reply{padding-top:10px}
.cm_reply {
padding-top:5px
}
.cm_reply a {
-moz-border-radius:2px;
-webkit-border-radius:2px;
background:0;
border:1px solid #C4C4C4;
border-left-color:#E4E4E4;
border-radius:2px;
border-top-color:#E4E4E4;
color:#424242!important;
display:inline-block;
font:12px/19px sans-serif;
margin:0;
padding:1px 6px;
text-align:center;
text-decoration:none;
text-shadow:0 -1px 0 #FFF
}
.cm_reply a:hover {
background:0;
text-decoration:none!important
}
.cm_entry{-moz-box-shadow:0 5px 9px rgba(0,0,0,0.55),0 0 5px rgba(0,0,0,0.55)inset;-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.55),0 0 5px rgba(0,0,0,0.55)inset;box-shadow:0 5px 9px rgba(0,0,0,0.55),0 0 5px rgba(0,0,0,0.55)inset;background:url(http://4.bp.blogspot.com/-cW0C_M7FoLg/TrGFovh8STI/AAAAAAAAGP0/RrNPL8S2Mh4/s1600/texture.png)repeat #F7F7F7;border:5px solid #C4C4C4;border-radius:11px;overflow:hidden;padding:33px;}
.cm_entry p{text-shadow:0px 0px 2px #000;color:#000;font-size:13px;margin:0;}
.cm_arrow {
background:transparent;
display:block;
height:18px;
margin-left:-25px;
margin-top:-5px;
position:absolute;
width:9px
}
.cm_info {
margin-bottom:5px;
border:2px solid dashed;
-webkit-border-radius:5px 5px 5px;
}
.cm_name{margin:0;padding:0;}
.cm_entry p {
color:#222;
font-size:13px;
margin:0
}
.cm_pagenavi {color:#fff;font-size: 13px;font-family:Patrick Hand;text-transform: uppercase;text-shadow: 0 0 2px #fdfdfd;font-weight: bold;}
.cm_pagenavi a {color:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;text-decoration: none;padding:10px;}
.cm_pagenavi a:hover {-moz-transform:scale(1.07);text-decoration: none}
.cm_pagenavi a:active {text-decoration:line-through}
.cm_pagenavi span {color: #222;background: white;border-radius:3px;padding: 4px;border: 1px solid #ccc;}

4. Terus cari kode dibawah ini
<b:includable id='comments' var='post'>baris kode yang harus diganti</b:includable>

tulisan yang berwarna merah harap diganti dengan kode dibawah ini

Quote :: <div class='comments' id='comments'><a name='comments'/><b:if cond='data:post.allowComments'><h4><b:if cond='data:post.numComments > 0'><b:if cond='data:post.numComments == 1'><span id='cm_total'>1</span> comment<b:else/><span id='cm_total'><data:post.numComments/></span> comments</b:if></b:if></h4><div id='cm_reply_css'></div><div class='cm_pagenavi' id='cm_page'></div><div id='cm_block'><b:loop values='data:post.comments' var='comment'><b:if cond='data:comment.isDeleted'><b:else/><div expr:id='data:comment.anchorName'><div class='cm_wrap'><a expr:name='data:comment.anchorName'/><div class='cm_head'><div class='cm_avatar'><b:if cond='data:blog.enabledCommentProfileImages'><data:comment.authorAvatarImage/></b:if> </div><div class='cm_reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=__blogID__&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a></div></div><div class='cm_entry'><span class='cm_arrow'></span><div class='cm_info'><div class='cm_name'><b:if cond='data:comment.authorUrl'><a expr:href=comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a><b:else/><b><data:comment.author/></b></b:if></div><div class='cm_date'><data:comment.timestamp/></div><div class='clear'/> </div><p><data:comment.body/><b:include data='comment' name='commentDeleteIcon'/></p></div></div></div></b:if> </b:loop></div><div class='cm_pagenavi' id='cm_page_copy'></div><b:if cond='data:post.embedCommentForm'><b:if cond='data:post.allowNewComments'><b:include data='post' name='comment-form'/><b:else/><data:post.noNewCommentsText/></b:if><b:else/><b:if cond='data:post.allowComments'><a expr:href=post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></b:if></b:if></b:if></div>

5. Kemudian cari kode </body> dan letakan kode dibawah ini diatas kode </body>

Quote :: <script type="text/javascript"></script>

5. Jangan lupa disimpan!

*Untuk melihat demonya silahkan komentar di blog ini : doodeyz.blogspot.com

» Buat Komentar Threaded Versi 2 Di Blogspot | Komentar Blogspot mirip Wordpress
» Trik curang blogger (tentang jumlah komentar)
» Menu Navigasi Elegan Untuk Blogspot
» Mengganti Newer Older Link Di Blogspot Dengan Gambar Melayang
» Cara Buat Tombol Floating Share Ala Web Agnes Monica