Cara Membuat Kotak Komentar (Facebook dan Blogger) 2

Menyambung postingan lalu tentang cara membuat Kotak Komentar (Facebook dan Blogger) berikut ini caranya : 

• Log in ke www.blogger.com 
• Klik Template → Edit HTML Cari kode ]]></b:skin> dengan cara tekan Ctrl+F  → Letakkan kode berikut ini tepat diatas kode ]]></b:skin>

.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px;cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}

• Cari kode </head> → Letakkan kode berikut ini tepat diatas kode </head>

Kode script:

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='IDfacebook' property='fb:admins'/> <script type='text/javascript'> function commentToggle(selectTab) { $(".comments-tab").addClass("inactive-select-tab"); $(selectTab).removeClass("inactive-select-tab"); $(".comments-page").hide(); $(selectTab + "-page").show();} </script>

• Ganti ID facebook dengan ID akun facebook Anda sendiri 
• Cari kode <div class='comments'id='comments'>

(kode ini ada di dua tempat berbeda) →Letakkan kode berikut dibawah kedua kode <div class='comments'id='comments'>

Kode script:

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

Keterangan : 

5      : jumlah komentar yang ingin Anda tampilkan 

450 : lebar kotak komentar facebook. 

• Simpan template dan lihat blog Anda 

Duh, panjang ya uraiannya hehe… silakan bagi yang mengalami problema yang sama bisa menerapkan hal ini juga. Semoga bermanfaat dan selamat berkomentar, pasti saya balas …