Cara Memasang Kotak Komentar Facebook Di Blog

Cara Memasang Kotak Komentar Facebook Di Blog

post: by Aspuri

Mungkin Tips ini sudah banyak yang di Share oleh Sobat2 Blogger yang lainnya, tapi tidak ada salahnya-kan, kalau Saya Nge-Sharenya juga. OK, kita langsung ke langkah-langkahnya saja.

[1]. Pertama, pastinya LogIn dulu ke Blog Kalian.

[2]. Kemudian Dari Dasbor, cari Rancangan --> Edit HTML.

[3]. Lanjut, Centang kotak "Expand Templte Widget".

[4]. Lalu cari Code di bawah.

  <b style="background-color: black; color: red; font-family: Molengo, 'Trebuchet MS', serif; font-size: 14px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></b:includable><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b:includable id='status-message'><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b:if cond='data:navMessage'></b>  

[5]. Kalau sudah ketemu, sekarang Copy dan Paste-kan Code di bawah tepat di ATAS Code .  

 </font> <font face="Molengo, 'Trebuchet MS', serif"><b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/> </font><br style="font-family: Molengo, 'Trebuchet MS', serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><font face="Molengo, 'Trebuchet MS', serif"><script src=' http://connect.facebook.net/en_US/all.js#appId=323420961010532&xfbml=1'/></font><br style="font-family: Molengo, 'Trebuchet MS', serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><font face="Molengo, 'Trebuchet MS', serif"><fb:comments expr:href='data:post.url' num_posts='2' width='</font><font color="#ff0000" face="Molengo, 'Trebuchet MS', serif" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">477</font><font face="Molengo, 'Trebuchet MS', serif">'/></font><br style="font-family: Molengo, 'Trebuchet MS', serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><font face="Molengo, 'Trebuchet MS', serif"></b:if></font><font face="Molengo, 'Trebuchet MS', serif" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></font><font color="#33ff33" face="Arial, Tahoma, Helvetica, FreeSans, sans-serif" style="font-size: 13px; line-height: 16px; text-align: justify;"> </font><font color="#33ff33" face="Arial, Tahoma, Helvetica, FreeSans, sans-serif" style="font-size: 13px; line-height: 16px; text-align: justify;"> 

Maka Keseluruhan Codenya Seperti Di Bawah.

 </font> <b style="color: lime; font-family: Molengo, 'Trebuchet MS', serif; font-size: 14px; line-height: 22px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/> <br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><script src=' http://connect.facebook.net/en_US/all.js#appId=323420961010532&xfbml=1'/><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><fb:comments expr:href='data:post.url' num_posts='2' width='<font color="#ff0000" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">477</font>'/><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></b:if></b><br style="font-family: Molengo, 'Trebuchet MS', serif; font-size: 14px; line-height: 22px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></font></p> <p> <font style="background-color: white; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="color: red; font-family: Molengo, 'Trebuchet MS', serif; font-size: 14px; line-height: 22px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></b:includable><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b:includable id='status-message'><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b:if cond='data:navMessage'></b><font face="Molengo, 'Trebuchet MS', serif" style="font-size: 14px; line-height: 22px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></font><font color="#33ff33" face="Arial, Tahoma, Helvetica, FreeSans, sans-serif" style="font-size: 13px; line-height: 16px;">

[6]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Sekian dulu Tips Blogger kali ini, semoga Tips ini bermanfaat buat Kalian.