Cara Memasang Plugin Commant Facebook di Blogspot

Your ADS

Apa kabar sobat blogging, tentunya dalam keadaan sehat-sehat selalu ya. Amiin.

Pernah kah sobat bayangkan gimana sih caranya biar bisa pasang plugin commant dari facebook? 

Ternyata caranya cukup mudah loh sobat blogging, kita tinggal kunjungin aja tuh Facebook social plugin dan kita pilih tuh pluggin yang mau digunakan yang mana, karena Blogging Campus akan membuat judul Memasang Plugin Commant Facebook di Blogspot, jadi kita pilih yang Commants Plugin dari Facebook. 

Nah, jika sobat blogging gak mau repot-repot biar langsung pasang aja, nah ini dia nie code scriptnya:

<div id="fb-root"></div>
<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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-comments" data-href="http://blog-ridwans.blogspot.com/" data-num-posts="2" data-width="500"></div>

Tinggal sobat ganti aja tuh tulisan yang warna merah "http://blog-ridwans.blogspot.com" atau kalo sobat pengen langsung berkunjung ke pluggin facebooknya sobat bisa klik disini.

Tinggal sobat ganti aja nama url "http://blog-ridwans.blogspot.com" seperti gambar berikut:

Bagaimana sobat blogging? udah tahu kan gimana caranya memasang plugging commant facebook di blogspot?

Pasti sobat blogging akan bertanya-tanya gimana memasangnya, kan baru dikasih tahu cara mendapatkan script codenya aja dari pluggin facebook. Tenang sobat blogger, sekarang kan kita sudah memiliki code scrtipnya tuh, sekarang sobat masuk ke dalam Design caranya:

1. Tentunya sobat sudah masuk kedalam Dashboard blogspot sobat ya. 
2. Klik Tab Design >> Edit HTML   
3. Nah, disitu terlihat script pada halaman tersebut, oh iya jangan lupa yah sobat centang Expand Widget Templates
4. Trus sobat cari code <p><data:post.body/></p>
5. Kemudian code script pluggin facebook tadi sobat paste dibawahnya ya. 
6. Kemudian sobat Save Templates.
7. Lihat hasilnya deh.

Oh, ya sobat blogger maka script tadi bakal jadi seperti :

<p><data:post.body/></p>

<div id="fb-root"></div>
<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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-comments" data-href="http://blog-ridwans.blogspot.com/" data-num-posts="2" data-width="500"></div>

Mudah ya sobat blogger. Jadi tunggu apa lagi, lakukan dan peraktekkan. Maka Kesuksesan ada ditangan Anda.

Your ADS