Pasang Facebook Komentar Responsive di Blogspot

Pasang Facebook Komentar Responsive di Blogspot

Banyak sekali tutorial mengenai Responsive dan VALID HTML5 yang bertebaran di dunia maya baru-baru ini yang secara kopetibel dan menjadi topik hangat (Dumay). Namun menurut saya pribadi untuk memaksimalkan blog serta memanjakan pengunjung apa salahnya kita memasang Facebook Komentar.

Pasang Script ini di atas kode </body>, Abaikan langkah ini jika blog anda sudah ada script ini.

<div id='fb-root'/>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/id_ID/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>

Pasang CSS ini di ]]></b:skin> atau </style>

.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}

Pasang HTML ini di <div class='post-footer'> yang paling terakhir.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='5' data-width='620' expr:data-href='data:blog.url'/>
</div>
</b:if>

Sesuaikan pertanyaan anda dengan artikel yang saya publish diatas ini. Saya hanya menjawab pertanyaan yang sesuai Tema.