Wednesday, August 7, 2013

CARA MEMBUAT KOTAK KOMENTAR BLOG DAN FACEBOOK BERDAMPINGAN


Cara Membuat Kotak Komentar Blog Dan Facebook Berdampingan - Untuk tampilan kotak komentar blog biasanya cuma ada satu, tapi kotak komentar tersebut dapat dimodifikasi dengan menambakan satu lagi yaitu kotak komentar facebook. Untuk letak dari komentar blog dan facebook (FB) akan serasi dan terlihat manis jika diletakkan saling berdekatan atau sejajar. Seperti yang telah diketahui bahwa kotak komentar disediakan untuk visitor dalam memberikan unek-uneknya atau komentarnya. Makin banyak pengunjung memerikan tanggapan / komentar yang pasti akan tambah baik kredibilitas konten dan pengelolaan blog tersebut.


Ada tips dan trik blogspot untuk mendapatkan atau memikat pengunjung blog untuk mau mengisi kotak komentar blog anda. Pengunjung/visitor blog akan senang berkomentar di form komentar blog, jika form komentar blog tersebut tidak merepotkan dan membuat jengkel pengunjung karena kotak komentar tersebut terlalu sulit untuk disii sehingga pengunjung malas mendatanginya lagi. Jadi buatlah nyaman pengunjung blog dalam memberikan tanggapan dalam kotak komentar blog anda.

Cara menggabungkan kotak komentar blog dan komentar facebook (FB) yang ada di bawah postingan blog ini selain form komentar blog tersebut akan tampil cantik, juga akan membuat pengunjung merasa enak dan dapat memilih untuk mengisi komentarnya pada kedua kotak komentar yang telah tersedia baik pada kotak komentar blog ataupun pada kotak komentar facebook.



Cara Membuat Komentar Facebook dan Blogger

1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode ]]></b:skin>
4. Taruh kode berikut di atas ]]></b:skin>
.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px;cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}

5. Kemudian cari kode </head>
6. Taruh kode berikut di atas kode di atas kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='IDfacebook' property='fb:admins'/>
<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>

7. Ganti IDfacebook dengan ID sendiri (facebook.com/IDfacebook)
8. Kemudian cari kode <div class='comments' id='comments'>
9. Kamu akan menemukan 2 kode yang sama. Letakkan kode di bawah ini tepat di bawah 2 kode tersebut

 <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'/><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='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

10. 5 adalah banyaknya komentar yang ditampilkan dan 450 adalah lebar kotak komentar facebook.
11. Simpan Template jika sudah selesai.

Penting :
Seperti biasanya untuk susunan template blog rata-rata tidak sama. Jika didalam template blog anda terdapat 2 kode yang sama yaitu kode <div class='comments' id='comments'>, maka untuk lebih mudahnya, letakkan kode-kode pada no.9 tersebut pada kode yang nomor 2 (dua) saja untuk ditempatkan dibawah kode <div class='comments' id='comments'>

Jangan bingung untuk cara membuat komentar blog dan facebook berdampingan ini, jika anda masih belum paham silahkan simak lebih teliti lagi dan lihat berulang-ulang tutorial diatas.

22 comments:

  1. hasilnya nanti seperti comentar yang ada di blog anda ya ?? bagus juga ya, nanti akan saya coba di blog wp saya dan semoga saja bisa..

    ReplyDelete
  2. nice post sob
    eh iya, sobat dapet award loh, diambil ya http://hilmawanarga.blogspot.com/2013/01/award-pertama-hilmawans-weblog.html
    :)

    ReplyDelete
  3. Duh..gagal mas...susah banget....

    ReplyDelete
    Replies
    1. gak susah mas,,
      dibaca pelan" aja :-#

      thank's info"nya berguna banget! x-)

      Delete
  4. DINA SHOP : Barang yang Kami Tawarkan Semuanya Barang Asli Original Garansi Resmi Distributor dan Garansi TAM .
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS:0896-9198-6257 ATAU KLIK WEBSET RESMI KAMI
    BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon>DLL

    Dijual

    Ready Stock !
    BlackBerry 9380 Orlando - Black
    Rp.900.000,-

    Ready Stock !
    BlackBerry Curve 8520 Gemini
    Rp.500.000,-

    Ready Stock !
    BlackBerry Bold 9780 Onyx 2
    Rp.800.000,-

    Ready Stock !
    Blackberry Curve 9320
    Rp.700.000,-

    Ready Stock !
    Samsung Galaxy Tab 2 (7.0)
    Rp. 1.000.000

    Ready Stock !
    Samsung Galaxy Nexus I9250 - Titanium Si
    Rp.1.500.000,-

    Ready Stock !
    Samsung Galaxy Note N7000 - Pink
    Rp.1.700.000

    Ready Stock !
    Samsung Galaxy Y S5360 GSM - Pure White
    Rp.500.000,-

    Ready Stock !
    Nokia Lumia 800 - Matt Black
    Rp.1.700.000,-

    Ready Stock !
    Nokia Lumia-710-white
    Rp. 900.000,-

    Ready Stock !
    Nokia C2-06 Touch & Type - Dual GSM
    Rp.450.000,-

    Ready Stock !
    Nokia Lumia 710 - Black
    Rp. 900.000,-

    Ready Stock !
    Apple iPhone 4S 16GB (dari XL) - Black
    Rp.1.200.000,-

    Ready Stock !
    Apple iPhone 4S 16GB (dari Telkomsel)
    Rp.1.200.000,-

    Ready Stock !
    Apple iPod Touch 4 Gen 8GB
    Rp.700.000

    Ready Stock !
    APPLE iPod Nano 8GB - Pink
    Rp.500.000,-

    Ready Stock !
    Acer Aspire 4752-2332G50Mn Core i3 Win7 Home
    Rp 1.300.000

    Ready Stock !
    Acer Aspire S3-951-2364G34iss
    Rp. 1.200.000,-

    Ready Stock !
    Acer Aspire 5951G Core i7 2630 Win 7
    Rp. 2.500.000,-

    Ready Stock !
    Acer Aspire 4755G Core i5 2430 Win 7 Home Premium Green
    Rp. 2.500.000,-

    Ready Stock !
    Nikon D7000 kit 18-105mm
    Rp.1.700.000

    Ready Stock !
    Nikon D90 Kit 18-105mm Vr
    Rp 1.300.000

    Ready Stock !
    Nikon Coolpix L 120 Red
    Rp. 900.000

    Ready Stock !
    Nikon Coolpix P 500 Black
    Rp 1.000.000

    ReplyDelete
  5. DINA SHOP : Barang yang Kami Tawarkan Semuanya Barang Asli Original Garansi Resmi Distributor dan Garansi TAM .
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS:0896-9198-6257 ATAU KLIK WEBSET RESMI KAMI
    BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon>DLL

    Dijual

    Ready Stock !
    BlackBerry 9380 Orlando - Black
    Rp.900.000,-

    Ready Stock !
    BlackBerry Curve 8520 Gemini
    Rp.500.000,-

    Ready Stock !
    BlackBerry Bold 9780 Onyx 2
    Rp.800.000,-

    Ready Stock !
    Blackberry Curve 9320
    Rp.700.000,-

    Ready Stock !
    Samsung Galaxy Tab 2 (7.0)
    Rp. 1.000.000

    Ready Stock !
    Samsung Galaxy Nexus I9250 - Titanium Si
    Rp.1.500.000,-

    Ready Stock !
    Samsung Galaxy Note N7000 - Pink
    Rp.1.700.000

    Ready Stock !
    Samsung Galaxy Y S5360 GSM - Pure White
    Rp.500.000,-

    Ready Stock !
    Nokia Lumia 800 - Matt Black
    Rp.1.700.000,-

    Ready Stock !
    Nokia Lumia-710-white
    Rp. 900.000,-

    Ready Stock !
    Nokia C2-06 Touch & Type - Dual GSM
    Rp.450.000,-

    Ready Stock !
    Nokia Lumia 710 - Black
    Rp. 900.000,-

    Ready Stock !
    Apple iPhone 4S 16GB (dari XL) - Black
    Rp.1.200.000,-

    Ready Stock !
    Apple iPhone 4S 16GB (dari Telkomsel)
    Rp.1.200.000,-

    Ready Stock !
    Apple iPod Touch 4 Gen 8GB
    Rp.700.000

    Ready Stock !
    APPLE iPod Nano 8GB - Pink
    Rp.500.000,-

    Ready Stock !
    Acer Aspire 4752-2332G50Mn Core i3 Win7 Home
    Rp 1.300.000

    Ready Stock !
    Acer Aspire S3-951-2364G34iss
    Rp. 1.200.000,-

    Ready Stock !
    Acer Aspire 5951G Core i7 2630 Win 7
    Rp. 2.500.000,-

    Ready Stock !
    Acer Aspire 4755G Core i5 2430 Win 7 Home Premium Green
    Rp. 2.500.000,-

    Ready Stock !
    Nikon D7000 kit 18-105mm
    Rp.1.700.000

    Ready Stock !
    Nikon D90 Kit 18-105mm Vr
    Rp 1.300.000

    Ready Stock !
    Nikon Coolpix L 120 Red
    Rp. 900.000

    Ready Stock !
    Nikon Coolpix P 500 Black
    Rp 1.000.000

    ReplyDelete
  6. x-)
    sip gan mantap.
    kunjungi jga blog saya gan http://movieindo-net.blogspot.com :)

    ReplyDelete
  7. Thank's Broe, atas tutorialnya, sangatlah membantu ....
    ditunggu ya kunjungan baliknya " http://cidome.blogspot.com/ " :) (h)

    ReplyDelete
  8. thanks gan atas infonya :)
    http://freebiexp.blogspot.com

    ReplyDelete
  9. suksma bli... saya dari negaroa...

    ReplyDelete
  10. kalau eror diapain gan komen fbku malah ilang pas di tes

    ReplyDelete
  11. than infonya gan, dapat ilmu baru ,,,, kunjungi blog ane juga >>> http://amirdapir.blogspot.com/

    ReplyDelete
  12. template ane ndak cocok make ni, jadi bagi teman2 lain kalo mau masang ni kotak komentar musti make template baru..hehehe.. klo ane pengen ganti template tapi waktu ga ada. update aja jarang. makasi ya udah pada berkunjung

    ReplyDelete

Silakan Berkomentar sesuka Hati Anda Demi Kelancaran Kami Membangun Blog Ini.

Related Posts Plugin for WordPress, Blogger...

BERJALAN MENDAKI GUNUNG EVEREST, TERTATIH BERJALAN DI GURUN SAHARA, BERLAYAR MENYEBRANGI LAUTAN HINDIA,HANYA UNTUK MELIHAT RESTANA'S BLOG