Membuat kotak komentar Facebook dan Blogger Berdampingan

Home > Blogging > Tips And Trick > Membuat kotak komentar Facebook dan Blogger Berdampingan

07.35 Diposting oleh Aliyafi Rizky

Dengan membuat pilihan kotak komentar, akan bisa lebih memudahkan pengunjung blog untuk memberikan tanggapan terhadap postingan blog. Karena tidak semua orang punya akun blogger ataupun blog. Tetapi hampir semua orang punya akun facebook, dengan demikian pembaca akan lebih mudah meninggalkan komentar.

Cara Membuat Komentar Facebook dan Blogger

1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode ]]></b:skin>
4. Taruh kode berikut di atas ]]></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;}

5. Kemudian cari kode </head>
6. Taruh kode berikut di atas kode di atas kode </head>

<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>

7. Ganti IDfacebook dengan ID sendiri (facebook.com/IDfacebook)
8. Kemudian cari kode <div class='comments' id='comments'>
9. Kamu akan menemukan 2 kode yang sama. Letakkan kode di bawah ini tepat di bawah 2 kode tersebut

<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:post.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'/> <data:post.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='data:post.url' num_posts='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

10. 5 adalah banyaknya komentar yang ditampilkan dan 450 adalah lebar kotak komentar facebook.
11. Simpan Template jika sudah selesai.

Kabar terbaru dari blogspot adalah, sekarang blogger bisa mengaktifkan atau mengganti komentar bawaan dengan kotak komentar Google+. Semakin banyak pilihan kotak komentar yang bisa dipakai, karena sebuah blog sejatinya adalah komunikasi dua arah, bukan hanya konten tetapi juga percakapan (komentar).

Anda membaca artikel Membuat kotak komentar Facebook dan Blogger Berdampingan dan anda bisa menemukan Anchor Text artikel Membuat kotak komentar Facebook dan Blogger Berdampingan dengan url https://rizky-44.blogspot.com/2013/07/membuat-kotak-komentar-facebook-dan.html.

Backlink here..

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="background-color: white; clear: both; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-RVx47GVIlLaymXrVfUgnnay354kLqeXbf9Rg-OC-q6yKG982iAo5tdrmJyXgZnrqbFdOHGIctzLepRjbepfMUr905hVjbOV3T68ubwsGI64OS91MaGDQ8Fp9pzGmWGMrLlH1Svj9xAc1/s1600/komentar+fb+da+blogger.jpg" imageanchor="1" style="clear: left; color: #33707e; float: left; margin-bottom: 1em; margin-right: 1em; outline: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-RVx47GVIlLaymXrVfUgnnay354kLqeXbf9Rg-OC-q6yKG982iAo5tdrmJyXgZnrqbFdOHGIctzLepRjbepfMUr905hVjbOV3T68ubwsGI64OS91MaGDQ8Fp9pzGmWGMrLlH1Svj9xAc1/s1600/komentar+fb+da+blogger.jpg" style="border: 1px solid rgb(232, 232, 232); margin: 0px 4px 4px 0px; padding: 6px;" /></a></div>
<span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">Dengan membuat pilihan </span><a href="http://nanangnutriyas.blogspot.com/2013/07/Membuat-kotak-komentar-Facebook-dan-Blogger.html" style="background-color: white; color: #33707e; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px; outline: none;">kotak komentar</a><span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">, akan bisa lebih memudahkan pengunjung blog untuk memberikan tanggapan terhadap postingan blog. Karena tidak semua orang punya akun blogger ataupun blog. Tetapi hampir semua orang punya </span><a href="http://fb.com/nutriyas" style="background-color: white; color: #33707e; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px; outline: none;" target="_blank">akun facebook</a><span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">, dengan demikian pembaca akan lebih mudah meninggalkan komentar.</span><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><br />
<h2 style="background-color: white; color: #444444; font-family: Verdana, Verdana; line-height: 20px;">
Cara Membuat Komentar Facebook dan Blogger</h2>
<span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">1. Login ke akun blogger.com</span><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">2. Pilih Template kemudian Edit HTML</span><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">3. Tekan Ctrl F dan cari kode </span><span style="background-color: red; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">]]></b:skin></span><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">4. Taruh kode berikut di atas </span><span style="background-color: red; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">]]></b:skin></span><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><br />
<blockquote class="tr_bq" style="background-color: white; border-left-color: rgb(202, 218, 231); border-left-style: solid; border-left-width: 3px; color: #666666; font-family: Verdana, Verdana; font-size: 12px; font-style: italic; line-height: 20px; overflow: hidden; padding-left: 9px;">
.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;}</blockquote>
<br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">5. Kemudian cari kode </span><span style="background-color: red; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;"></head></span><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">6. Taruh kode berikut di atas kode di atas kode </span><span style="background-color: red; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;"></head></span><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><br />
<blockquote class="tr_bq" style="background-color: white; border-left-color: rgb(202, 218, 231); border-left-style: solid; border-left-width: 3px; color: #666666; font-family: Verdana, Verdana; font-size: 12px; font-style: italic; line-height: 20px; overflow: hidden; padding-left: 9px;">
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><br /><script src='http://code.jquery.com/jquery-latest.js'/><br /><meta content='<span style="color: blue;">IDfacebook</span>' property='fb:admins'/><br /><script type='text/javascript'><br />function commentToggle(selectTab) {<br />$(".comments-tab").addClass("inactive-select-tab");<br />$(selectTab).removeClass("inactive-select-tab");<br />$(".comments-page").hide();<br />$(selectTab + "-page").show();}<br /></script></blockquote>
<br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">7. Ganti </span><span style="background-color: white; color: blue; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">IDfacebook</span><span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;"> dengan ID sendiri (facebook.com/</span><span style="background-color: white; color: blue; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">IDfacebook</span><span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">)</span><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">8. Kemudian cari kode </span><span style="background-color: white; color: blue; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;"><div class='comments' id='comments'></span><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">9. Kamu akan menemukan 2 kode yang sama. Letakkan kode di bawah ini tepat di bawah 2 kode tersebut</span><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><br />
<blockquote class="tr_bq" style="background-color: white; border-left-color: rgb(202, 218, 231); border-left-style: solid; border-left-width: 3px; color: #666666; font-family: Verdana, Verdana; font-size: 12px; font-style: italic; line-height: 20px; overflow: hidden; padding-left: 9px;">
<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'></blockquote>
<br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">10. 5 adalah banyaknya komentar yang ditampilkan dan 450 adalah lebar kotak komentar facebook.</span><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">11. Simpan Template jika sudah selesai.</span><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><br style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;" /><span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">Kabar terbaru dari blogspot adalah, sekarang blogger bisa mengaktifkan atau mengganti komentar bawaan dengan </span>kotak komentar Google+<span style="background-color: white; color: #444444; font-family: Verdana, Verdana; font-size: 12px; line-height: 20px;">. Semakin banyak pilihan kotak komentar yang bisa dipakai, karena sebuah blog sejatinya adalah komunikasi dua arah, bukan hanya konten tetapi juga percakapan (komentar).</span></div>
<br/> Sumber:
      <a href='https://rizky-44.blogspot.com/2013/07/membuat-kotak-komentar-facebook-dan.html'>
 Blog's Rizky
</a>

Description: Membuat kotak komentar Facebook dan Blogger Berdampingan Rating: 4.5 Reviewer: Aliyafi Rizky - ItemReviewed: Membuat kotak komentar Facebook dan Blogger Berdampingan

Shares News - 07.35

Tags: Blogging, Tips And Trick

Comments

Membuat kotak komentar Facebook dan Blogger Berdampingan

Membuat kotak komentar Facebook dan Blogger Berdampingan

Cara Membuat Komentar Facebook dan Blogger

Share your views...

Posting Komentar

Label

Arsip Blog

About Me