Kamis, 27 Februari 2014
nah kawan ini posting aku perbarui. karena yg kemarin mungkin kata teman gak bisa ato ada code yg slah (mungkin) :D nah sekarang aku perbarui. langsung saja DIPLOTOT :
- 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 script:
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments"
;' 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
ost.url'/> Comments</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments"' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <dataost.numComments/> Comments</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == "item"'><div id='fb-root'/><fb:comments expr:href='dataost.url' num_posts='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>
;' 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='dataost.url'/> Comments</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments"' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <dataost.numComments/> Comments</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == "item"'><div id='fb-root'/><fb:comments expr:href='dataost.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 …
Kalo ada masalah tinggal commentar aja. okee!! (y) ;)
