Pular para o conteúdo principal

Cara Memasang Komentar Facebook di Blog - Responsive Desain

Cara Memasang Komentar Facebook di Blog - Responsive Desain
Salah satu indikasi blog kita jelek banget atau tidak adalah adanya kolom komentar yang disematkan dalam desain template yang kita gunakan.

Masih ingatkan dengan alasan blog kamu super jelek sekali?

Dengan dasar itulah seorang blogger mencari sebuah template yang menyediakan fasilitas kolom komentar yang user frindly.

Kami katakan demikian, ya karena faktor kemudahan saja. Tentu tidak ada diantara blogger yang tidak menggunakan faceebook sebagai media berkomunikasi dengan sesama kolega.

Kali ini akan kita bahas tentang cara memasang komentar facebook di blog. Tips ini dimaksudkan untuk menambah kemudahan bagi para pembaca atau pengunjung blog kita yang akan memberikan komentar atau sekedar mencari backlink. Beberapa tips kali ini ane dapatkan dari akang CB.
Cara Memasang Komentar Facebook di Blog - Responsive Desain
 Cara Memasang Kolom Komentar Faceebook Responsive di Blog

Tida usah sepaneng, santai aja mas Bro. berikut langkah-langkahnya:
1. Masuk akun blogger > pilih template > mode HTML
2. Copas kode di bawah ini tepat di bawah kode <body>


<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

3. Copas kode di bawah ini dan letakkan tepat di bawah kode <div class='comments' id='comments'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='600' expr:data-href='data:blog.url'/>
</div>
</b:if>
4. Save template
5. Silakan test dengan cara membuka salah satu artikel, dan lihat di bawah sudah terdapat kolom komentar FB atau belum. Jika sudah, selamat Sobat berhasil. Jika belum, silakan lakukan langkah ke dua di bawah ini.

Cara Lain
1. Login ke akun Facebook Anda
2. Buat dulu ID Aplikasinya di Facebook App > Pilih Create New App”.
3. Ikuti langkah berikutnya dan masukkan alamat blog di “App Domain”.
5. Masukkan juga alamat blog di bagian “Select how your app integrates with Facebook”, pilih “Website”, masukkan "seluruh alamat url blog sobat", misalkan seperti http://www.forumblogindo.com
6. Pilih“Save Changes”.
Catatan:
Simpan ID Aplikasi Facebook Anda yang berupa angka --yang muncul setelah tahap "Create New App". Untuk memoderasi komentar yang masuk nantinya (memilih komentar yang akan diterbitkan), buka saja FB Tools Comments.

7. Masuk akun blogger > pilih template > mode HTML
8. Copas kode di bawah ini dan letakkan di bawah kode <head>

<meta property="fb:app_id" content="YOUR_APPLICATION_ID"/>

9. Isi YOUR_APPLICATION_ID dengan ID Aplikasi FB (berupa angka) yang sudah dicatat pada langkah sebelumnya.
10. Copas kode di bawah ini dan letakkan di bawah kode <div class='comments' id='comments'>


<b:if cond='data:post.isFirstPost'> <script>(function(d){ var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;} js = d.createElement(&#39;script&#39;); js.id = id; js.async = true; js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;; d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js); }(document));</script> </b:if> <a expr:href='data:post.url + &quot;#fb-root&quot;'><fb:comments-count expr:href='data:post.canonicalUrl'/> comments</a>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/> <script>(function(d){ var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;} js = d.createElement(&#39;script&#39;); js.id = id; js.async = true; js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;; d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js); }(document));</script> <div style='margin: 20px 0 0 0;'><fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='600'/></div> </b:if>

11. Save template
12. Silakan cek lagi njeh.

Masih belum berhasil?

Silakan lakukan langkah pamungkas njeh. Hal ini sudah saya bahas di artikel sebelumnya

Demikian ulasan singkat pagi ini. Semoga bermanfa'at. Salam.

Comentários

Postagens mais visitadas deste blog

9 Blog Berpenghasilan Tertinggi di Indonesia dari Google Adsense

techzend.com Sobat blogger. Kemarin telah kita ketahui bahwa pendapatan para blogger di Indonesia tahun 2015 ini memang tidak bisa dianggap remeh. Karenanya mereka menjadikan blog sebagai rutinitas pekerjaan sehari-hari.  Bisa dibayangkan, hanya cukup duduk manis, ambil poisi paling enak, serta berhadapan dengan sebuah laptop/ PC disandingkan dengan segelas kopi hangat, kita bisa mendapatkan penghasilan yang insyallloh halal thoyyiban.  Kali ini akan kita lanjutkan bahasan tentang info 9 blog berpenghasilan tertinggi di Indonesia dari Google Adsen s e . Kenapa saya ulas hanya pada fokus yang berpenghasilan dari Google Adsence? Ya karena memang rata-rata para blogger menggunakan GA sebagai pemasukankan utama mereka. Seperti halnya kita tahu, ada juga yang mendapatkan penghasilan blog dari pemasangan iklan dan affiliasi . Blog Berpenghasilan Terbesar di Indonesia Data yang saya sampaikan kali ini, hanya berdasarkan hasil survei serta ulasan dari beberapa sumber lain. Setelah mel...

28 Senjata Ngeblog Wajib para Blogger

Sobat. Pada kesempatan ini akan Ane berikan "senjata pamungkas" ketika bergelut dalam dunia blog, baik blogspot maupun wordpress . Senjata ngeblog ini berupa "tools" maupun "software" yang pasti bermanfaat dan bisa membantu Sobat dalam mengembangkan dan membangun sebuah blog yang berkualitas .  Tidak hanya berkualitas dari sisi desain, namun juga berkualitas dari sisi isi konten. 28 senjata ngeblog terbaik ini sangat muda digunakan. Tidak terlalu bertele-tele dan membingungkan, namun di dalamnye termuat cara yang simpel dan sangat memerikan manfa'at yang luar biasa. Tools ini tidak sekedar saya saja yang menggunakan, namun juga para blogger terkenal lokal maupun manca negara. Senjata Ngeblog Terbaik dan Terpopuler para Blogger Sesuai dengan judul topik bahasan kali ini, maka manfaat dari penggunakan tools di bawah ini untuk membuat sebuah situs, website atau blog yang memang berkualitas. Tidak sekedar blog "asal-asalan". Masih teringat buk...

Bahaya Copy Paste Artikel pada Blog serta Solusinya

Etika Komunikasi Publik Sobat. Pagi ini iseng-iseng Saya mencoba melakukan risearch salah satu artikel bulan kemaren diterbitkan. Judul artikel tersebut yakni 9 blog berpenghasilan tertinggi di Indonesia dari Google Adsense.  Ketika muncul di halaman pertama Google, saya coba untuk menelusuri salah satu artikel dari salah satu situs.  Keingintahuan saya itu muncul manakala judul dari artikel yang dipublish di situs tersebut "sama persis" dengan artikel yang saya terbitkan. Saking penasarannya, kemudian saya buka hyperlink dari url situs tersebut. Anehnya, ketika terbuka secara utuh, saya heran, kaget dan tersenyum sipu. Alasanya kenapa? Karena artikel  9 blog berpenghasilan tertinggi di Indonesia dari Google Adsense  ini telah di copas alias copy paste di situs yang saya buka tersebut. Postingan tersebut tidak tergolong dalam istilah rewrite atau tulis ulang, melainkan copy paste secara utuh terhadap seuruh isi artikel yang saya tulis. Tidak nyaris 90 %, namun 100% c...