Cara Mudah Memasang Kotak Komentar Facebook di Blog

.

Salah satu bagian elemen terpenting dari suatu blog adalah kotak komentar blog. Dengan adanya kotak komentar blog kita akan bisa mengetahui tanggapan, kritikan ataupun komentar dari pengunjung tentang konten suatu blog yang sedang di lihat. Selain itu komentar dari pengunjung bisa meningkatkan kredibilitas suatu blog, semakin banyak komentar semakin baik kredibilitas konten dan pengelolaan blog... Nahh untuk menarik minat pengunjung blog supaya mau berkomentar di postingan artikel sobat, silakan di simak tips & triknya....

Terkadang tidak mudah untuk mendapatkan komentar dari pengunjung blog, hal ini bisa disebabkan oleh beberapa faktor yang menurut saya bisa berdampak mengurangi tingkat minat pengunjung untuk mau berkomentar pada postingan artikel yang di bacanya. Berikut analisa dan saran saya mengenai faktor-faktor yang bisa mengurangi minat pengunjung blog untuk mau berkomentar pada postingan artikel sobat...
  • Prosedur kotak komentar yang terlalu rumit, seperti : kode captca yang harus diisi, harus mempunyai akun google untuk bisa berkomentar, harus menjadi member atau follower terlebih dahulu, menggunakan kotak komentar pada jendela baru, dsb. Saran saya hindarkan prosedur tersebut apabila ingin mendapatkan komentar dari pengunjung biasa (bukan follower).
  • Sistim komentar blog yang kurang atraktif. Saran saya tambahkan emoticon pada sistim komentar blog dengan animasi emoticon yang unik dan menarik.
  • Kotak komentar standar bawaan blog. Saran saya gunakan trik pada postingan artikel ini untuk mempercantik dan menambah pilihan kotak komentar untuk pengunjung blog.
Apabila sobat blogger masih menggunakan prosedur sistim komentar seperti pada faktor-faktor yang saya sebutkan di atas silakan sobat rubah dulu prosedurnya supaya trik Membuat Kotak Komentar Blog & Facebook ini bisa maksimal hasilnya.

Trik ini menggunakan cara menggabungkan kotak komentar facebook dan komentar blog untuk di gunakan pada sistim komentar blog. Penggunaan komentar di pisahkan dengan cara membuat tab komentar untuk memudahkan pengunjung untuk memilih kotak komentar yang sesuai dengan apa yang pengunjung inginkan. Tab komentar dilengkapi dengan info banyaknya jumlah komentar. Contoh penggunaan kotak komentar ini seperti yang ada di blog MonozCore. Oke...bro seep-kan infonya, nahhh... sekarang kita lanjutkan ke TKP....

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.


  • Copy-paste kode berikut ini di dalam kode <Html>.

    xmlns:fb='http://ogp.me/ns/fb#'

    Contoh :
    <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://ogp.me/ns/fb#'>

  • Pasang kode meta-tag berikut ini dan taruh di bawah kode <Html>.

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content='data:blog.pageTitle' property='og:title'/>
    <meta expr:content='data:blog.url' property='og:url'/>
    <b:else/>
    <meta expr:content='data:blog.title' property='og:title'/>
    <meta expr:content='data:blog.homepageUrl' property='og:url'/>
    </b:if>
    <meta expr:content='data:blog.homepageUrl' property='og:site_name'/>
    <meta content='./favicon.ico' property='og:image'/>
    <meta content='App ID Facebook Sobat' property='fb:app_id'/>
    <meta content='ID Facebook Sobat disini' property='fb:admins'/>
    <meta content='article' property='og:type'/>

  • Apabila sobat belum menggunakan kode JQuery silakan copy kode JQuery berikut dan taruh di atas kode </Head> pada template blog. Jika sudah ada kode JQuery di blognya silakan lewati langkah ini.

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'/>

  • Cari kode </Head> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Head> tersebut.

    <style>
    .comments-page {}
    #blogger-comments-page {display: none;}
    .comments-tab {float:left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2; border-radius:4px;}
    .comments-tab-icon { height: 16px; width: auto; margin-right: 3px;}
    .comments-tab:hover { background-color: #eeeeee;}
    .inactive-select-tab { background-color: #d1d1d1;}
    </style>
    <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>

  • Kunjungi situs Facebook kemudian login ke akun facebook sobat.

  • Masuk ke Facebook Developper untuk mendapatkan kode script facebook comment.

  • Klik "Get Code" untuk menampilkan kode script facebook comment.


    - Langsung klik "Get Code" saja, untuk mendapatkan parameter App ID Facebook.


    - Terlihat pada gambar di atas terdapat dua kotak kode script.

  • Copy kode script pada kotak pertama kemudian simpan sementara menggunakan notepad. Hal ini dilakukan untuk mendapatkan App ID Facebook.

    Contoh :
    <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&appId=198573203529943";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    Perhatikan teks angka yang berwarna merah, teks tersebut merupakan kode untuk App ID Facebook Sobat. Gunakan angka tersebut sebagai App ID Facebook yang akan digunakan pada beberapa kode script.

  • Sekarang kita akan mengambil kode ID Facebook Sobat, caranya masuk ke akun facebook sobat kemudian lihat di kotak address bar browser yang ada di atas.

    Contoh :
    https://www.facebook.com/monozcore

    Pada teks yang berwarna merah terdapat Nama atau Angka dibelakang Alamat Facebook, itulah ID Facebook Sobat. Gunakan ID tersebut untuk digunakan sebagai kode ID Facebook.

  • Copy-paste kode di bawah ini dan taruh di bawah <Body> pada kode HTML template blog sobat.

    <div id='fb-root'/>
    <script>
    window.fbAsyncInit = function() {
    FB.init({
    appId : &#39;App ID Facebook Sobat&#39;,
    channelUrl : &#39;<data:blog.url/>&#39;,
    status : true,
    cookie : true,
    xfbml : true
    });
     // Additional initialization code here

    };
    // Load the SDK Asynchronously
    (function(d){
    var js, id = &#39;facebook-jssdk&#39;, ref = d.getElementsByTagName(&#39;script&#39;)[0];
    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&quot;;
    ref.parentNode.insertBefore(js, ref);
    }(document));
    </script>

    Gunakan App ID Facebook yang tadi sudah sobat dapatkan.

  • Copy-paste kode di bawah ini dan taruh di bawah <div class='comments' id='comments'> atau kode yang mirip dengan kode <div class='comments' id='comments'> pada kode HTML template blog sobat.

    <div style='margin-left:20px;'>
    <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' style='vertical-align:top;'/>
    <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='https://lh4.googleusercontent.com/-hq1JcDFnlFY/T1h53RSuHqI/AAAAAAAABV0/XOyCtVQYLVU/s800/blog-icon.jpg' style='vertical-align:top;'/> <data:post.numComments/> Comments
    </div></div><div class='clear'/>
    </div>
    <div class='comments-page' id='fb-comments-page' style='margin:10px 20px 10px 20px;'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <fb:comments colorscheme='dark' data-num-posts='10' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' notify='true' width='575'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>

    • Kode margin-left:20px; merupakan pergeseran tab dari kanan sebesar 20px.
    • Kode margin:10px 20px 10px 20px; merupakan pergesaran kotak komentar facebook dari tab komentar sebesar atas 10px, kanan 20px, bawah 10px dan kiri 20px.
    • Kode width='575' merupakan dimensi lebar kotak komentar facebook.

  • Klik "Save" dan lihat hasilnya...
Catatan :
Trik Membuat Kotak Komentar Blog & Facebook pada postingan artikel ini sudah dilengkapi dengan beberapa fitur, antara lain :
  • Banyaknya jumlah komentar yang ada pada komentar facebook dan komentar blog.
  • Menggunakan sistem Tab untuk memisahkan antara komentar facebook dengan komentar blog.
  • Pada komentar facebook dilengkapi dengan notifikasi pesan, jadi apabila ada komentar baru yang diketik melalui kotak komentar facebook bisa langsung diketahui melalui akun facebook sobat atau bisa langsung dicek di http://developers.facebook.com/tools/comments.
Wuiihh postingan artikel kali ini OKE BGT kan ??? cape bro buatnya tapi ga papa ini semua berkat support sobat blogger, jadi saya akan selalu memberikan postingan artikel terbaik yang unik, menarik dan atraktif..... Jangan lupa cendolnya yaa... dan dilarang meng-copy postingan artikel ini baik sebagian maupun keseluruhan tanpa persetujuan dari pihak MonozCore... oke...sob... wassallam.
 
 http://monozcore.blogspot.com/2012/03/cara-membuat-kotak-komentar-blog.html
ARTIKEL YANG BERHUBUNGAN :


4 comments:

Agen Poker Terpercaya said...

MutiaraPoker.com situs agen permainan Kartu Remi & Domino online uang asli Terbaik dan Terpercaya di Indonesia. Permainan seru Tanpa Bot, Tanpa Admin, 100% Player vs Player dilengkapi berbagai Bonus menarik dengan Pelayanan 24 jam Deposit & Withdraw cepat dan aman hanya di MutiaraPoker.com...yang terbaik untuk anda
LINK WEBSITE RESMI KAMI :
www.mutiarapoker.com
www.mutiarapoker.net
www.mta77.com
MutiaraPoker.com hadir dengan berbagai Bonus menarik untuk para member :
- Bonus Referral 15%
- Bonus Rollingan / Cashback Mingguan 0,3%
- Bonus Deposit Pertama 10%
- Extra Bonus Rollingan / Cashback Bulanan
* Rollingan 10 Juta = Bonus Chips Rp 25.000,-
* Rollingan 25 Juta = Bonus Chips Rp 50.000,-
* Rollingan 50 Juta = Bonus Chips Rp 125.000,-
* Rollingan 100 Juta = Bonus Chips Rp 300.000,-
* Rollingan 200 Juta = Bonus Chips Rp 600.000,-
Hanya dengan 1 user ID anda bisa menikmati berbagai permainan favorit :
- Texas Holdem Poker
- Domino 99
- Capsa Susun
- Adu Q
Download dan Mainkan permainan favorit anda setiap saat..kapanpun..dimanapun melalui smartphone anda. MutiaraPoker.com siap melayani anda dengan didukung oleh beberapa Bank terkemuka di Indonesia seperti : BCA, Mandiri, BNI, BRI. Staff kami yang ramah dan handal siap memberikan pelayanan yang terbaik untuk anda. Buktikan sendiri kepuasan dan kenyamanan bermain di MutiaraPoker.com hanya dengan minimal deposit Rp. 10.000,- dan minimal withdraw Rp. 25.000,-
MutiaraPoker.com bisa dihubungi melalui :
- Live Chat 24 Jam
- Telepon / SMS : +855 8161 5577
- Blackberry : 565F521B
- Yahoo Messenger : cs_mutiarapoker
- Skype : mutiara_poker
- Facebook : www.facebook.com/MutiaraPokerOfficial
Kepuasan dan Kenyamanan Anda adalah Prioritas kami.
Selamat Bergabung dan Raih Kemenangan Anda bersama kami MutiaraPoker.com...yang terbaik untuk anda

dominoQQ said...

Agen Bola Juara
Bola
Judi Bola
Bandar Bola
Agen Sbobet
Promo Bonus Poker
Poker Bonus New Member
Domino qiu qiu
Capsa Susun Uang Asli
Game Poker
Cara Bermain Poker
Cara Menang Poker
Poker Dewa
Qiu Qiu Uang Asli

acehpoker said...

Telah Hadir Agen Poker, DominoQQ, Capsa Susun, Bandar Ceme,Ceme Keliling, & Live Poker Terbaik dan Terpercaya.

Hanya dengan Minimal Deposit 10 ribu Bonus 10 ribu dan Minimal Withdraw 25 ribu anda dapat bermain di Acehpoker;

1. Acehpoker memberikan bonus Referral 15% (Seumur Hidup)
2. Sistem keamanan terjamin dan Data pribadi akan aman bersama kami.
3. Player Vs Player ( 100% No Robot)
4. Dengan Sistem Confirm Deposit terbaru Max 2 menit (Jika semua Nama di Id dan di bank
sama)
5. CS yang ramah dan Melayani dengan Professional
6. Online 365 Hari 24 Jam
7. Anda Menang berapapun Kami Bayar tanpa Maksimal Withdraw dan Tidak ada batas maksimal
withdraw dalam 1 hari.
8. Dapat bermain 6 permainan hanya dengan 1 Web , yaitu Poker , DominoQQ , Bandar Ceme, Capsa Susun, Ceme Keliling, Live Poker
9. Bisa bermain di Android dan IOS
10. Sistem pembagian Kartu menggunakan teknologi yang mutakhir dengan sistem Random Permanent (acak) , Dan tersedia Ratusan meja untuk tempat anda bermain

Pin BBM : 563AB8CA
yahoo : mahadewi374@yahoo.com
Line: Lilly080615

Bola
Agen Bola Terpercaya
Daftar Judi Bola Maxbet
Bandar Bola IBCBET
Daftar Bola BCA
Cara Bermain Poker
Agen Poker Terpercaya
Poker Bonus Deposit
Cara Daftar Poker
Bandar Ceme Terpercaya
Cara Bermain Poker
Situs Poker Terpercaya
Judi Bandar Capsa
Poker Bonus Member Baru
Panduan Bermain Poker
Agen Poker Terbaik
Poker Promo Poker Online
Poker Online Terpercaya
Capsa Susun Uang Asli
Qiu Qiu Uang Asli
Poker Online Terbaik
Domino QQ Online
Bandar Ceme Keliling
Judi Poker Online
Agen Ceme Keliling
qiu qiu
texas holdem poker
Poker Online Indonesia

Roni Lette said...

mantap bos artikelnya...test ya boss
Menulis Bebas

:X ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

 
Judul Blog Anda is proudly powered by Pusat Cara | Modif by Junay Sugiyanto™