Cara Memasang Kotak Komentar Facebook di Blogspot | Bergandengan Dengan Komentar Blog

Logo Blogger dan Facebook Chat

Ehem! Selamat pagi agan-agan semua! Pada pagi menjelang siang yang cerah ini saya mau berbagi tentang bagaimana cara memasang kotak komentar facebook di blog atau blogspot dengan mudah. Kotak ini sudah banyak digunakan orang-orang, baik di website besar hingga website kecil-kecilan, hehehehe...

Apa sih keuntungan kotak komentar facebook tersebut? 

Kotak komentar facebook berguna untuk bagi para pengguna facebook yang sedang online dan membaca artikel agan. Saat mereka berencana ingin berkomentar lewat blog agan, mereka pasti surut niatnya saat melihat cara berkomentar di blog rumit sekali... Harus login di goole dulu, atau memasukkan identitas mereka sendiri setiap saat mereka ingin berkomentar akhirnya mengakibakan mereka tidak mau berkomentar di blog agan lagi. Tapi, jika ada kotak komentar facebook. mereka menjadi berniat besar untuk berkomentar dan berkomentar terus karena berkomentar lewat facebook bisa dengan mudahnya, tanpa memasukkan identitas pembaca. Sehingga hal ini dapat menambah rating blog atau website agan sendiri.

Oke. kalau agan mau memasang kotak komentar facebook tersebut, sebelumnta agan lihat dulu screenshootnya sebelum memasnganya. Berikut screenshootnya:

Gambar diatas adalah screenshoot kotak komentar facebook, 

Kotak komentar facebook akan otomatis tampil pertama kali, dan kotak komentar blog (seperti gambar di bawah) akan bersembunyi dulu sampai agan atau pengunjung blog agan meng-klik tombol yang berikon atau berlogo blogger seperti yang diberi kotak berwarna merah.

Gambar diatas itu adalah screenshoot saat tombol berlogo blogspot ditekan. Pada saat itu, maka tampillah kotak komentar blogkita yang biasa

Bagaimana sih memasang kotak komentar facebook tersebut? 

Hal yang harus agan siapkan umtuk memasang kotak komentar facebook ini yaitu, agan harus masuk dulu ke akun blog agan : www.blogger.com, Setelah itu ikuti langkah berikut:

1. Masuk ke pengaturan blog agan, setelah itu pilih template. Lihat gambar berikut
   
   
   
   
   

   

   Pilih pengaturan template seperti yang di kotak merahkan

   
   


2. Pada halaman template, klik tombol "Edit Html" 


3. 
   Tekan "Ctrl + F" pada kotak Edit Htm, cari kode <div class='comments' id='comments'> (kalau terdapat dua buah kode <div class='comments' id='comments'>, pilih yang ke dua) dan letakkan kode di bawah ini tepat di bawah kode <div class='comments' id='comments'> 
   
   
   

<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='2' width='400'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='ID Facebook Agan' 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><style>.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;}</style> 

Keterangan:

• Ganti ID Facebook Agan dengan URL/ID facebook agan. 
  Kalau agan tidak tahu id facebook agan, bisa pergi ke link berikut : Find My ID Facebook

Setelah selesai, klik simpan template agan. Dan cek apakah Kotak Komentar Facebook tersebut telah sukses terpasang di blog agan. 

Oke. Sekian dulu tentang Cara Memasang Kotak Komentar Facebook di Blogspot | Bergandengan Dengan Komentar Blog, mudah-mudahan cara ini dapat membuat blog agan menjadi laris dan menjadi langganan bagi para pembaca, aamiin. Kalau ada pertanyaan atau ketidak jelasan, silahkan masukkan komentar atau hubungi saya pada bagian atas blog "Contact Us". Terimakashi dan silahkan baca dan lihatlihat artikel lainnya di bawh ini. Wssalam.

Hal Yang Diperlukan dan Diperhatikan Dalam Membuat Forum

Hal yang diperlukan dalam membuat forum

Hmmm, setelah dipikir-pikir ternyata agan-agan ingin membuat forum di website agan. Wah selamat ya, membuat wadah komunitas itu sulit dan menantang lo. Nah okay deh,

Sekarang saya ingin memandu agan-agan membuat forum. Mudah-mudahan membantu karena saya cuma ingin berbagi pengalaman.

Yang paling pertama dan mendasar adalah memilih script forum system. Di internet banyak banget script forum dari yang open source alias gratis sampai yang berbayar. Wah… bingung ya? Hehehe jangan bingung dong. Berikut ini daftar rekomendasi forum system yang populer atau biasa dipakai. Atau setidaknya yang saya kenal.

1. PHPBB3 Olympus. Script ini gratis dan handal. Mudah dioprek dan banyak mod atau script untuk modifikasi. Saya sendiri pertama kali mengenal forum ya PHPBB ini. Walaupun situs PHPBB pernah di-hack tapi itu bukan karena scriptnya yang lemah namun karena para admin PHPBB.com yang malas mengupdate.


2. SMF atau Simple Machine Forum. Wah, ini juga bagus deh. Tampilan defaultnya juga mantab, jadi nggak perlu ganti template juga sudah bagus. Kalo soal fitur sih rata-rata bulletin board atau forum system sama. Tapi yang jelas SMF juga bisa jadi pilihan karena mudah digunakan.


3. vBulletin. Bulletin board system yang satu ini bagus dan handal. Banyak digunakan dimana-mana, contohnya kaskus.us. Tapi agan-agan harus membayar untuk menggunakan vBulletin ini. Tapi yang jelas agan-agan tidak akan menyesal menggunakannya. Walaupun kata orang tampilannya susah di-custom tapi fiturnya kaya dan code-codenya lebih teratur daripada Bulletin Board lain. Tapi kalau mau coba cari banyak juga sih yang ngasih link download vBulletin gratisan. Cuma masalahnya yang gratis tidak didukung oleh dukungan resminya.


4. MyBB atau My Bulletin Board. Menurut tim pembuatnya, MyBB tadinya mau di-komersil-kan alias harus bayar. Tapi akhirnya mereka memutuskan untuk merilisnya secara Open Source. Fiturnya lengkap termasuk user reputation mirip vBulletin. MyBB juga menyediakan skrip khusus untuk konversi dari berbagai forum ke MyBB.


5. BBPress. Nah BBPress ini lain dari yang lain. Bulletin board system ini dibuat oleh tim yang membuat wordpress. Jadi tentu saja BBPress ini dibuat sesimple mungkin, tujuannya adalah fungsi bukan yang lainnya. Secara default BBPress tidak bisa posting gambar hanya teks. BBPress juga tidak menggunakan BBCode seperti Bulletin system lainnya. Tapi seperti biasanya, untuk menambah fungsi BBPress kita bisa menginstall plugin-plugin yang tersedia di situsnya. Kalau menurut saya BBPress cocok digunakan sebagai buletin technical support. Misalnya agan-agan menghosting sebuah software house, user agan-agan bisa bertanya di bulletin ini. SEO? jelas! BBPress bisa menggunakan permalink dengan mudah tanpa harus menginstall third party.

Sebenarnya masih banyak lagi Forum System, misalnya IPB (Invision Powered Board) dan lain-lain. Tapi ya itu tadi saya cuma pernah memakai yang lima tadi. Instalasi masing-masing script forum tentu saja berbeda. Sebelum menginstall secara online ada baiknya mencobanya secara offline menggunakan WampServer atau XAMPP supaya lebih matang pada saat launching nanti. Untuk yang menggunakan Linux bisa menginstall paket LAMP.

Setelah selesai menginstall lebih baik agan-agan melakukan checklist awal untuk kelengkapan forum agan-agan. Berikut checklistnya:

1. Kategori forum. Di bagian ini agan-agan mungkin harus brainstorming dulu. Lebih baik agan-agan melakukannya bersama teman agan-agan . Jangan sampai kategori yang satu dengan yang lainnya memiliki isi yang overlapping. Thread di kategori A juga bisa ada di kategori B. Selain membingunkan pengunjung, agan-agan sebagai administrator juga akan kesulitan.


2. Peraturan forum umum. Menyangkut tata tertib dan sopan santun ber-forum. Apakah bicara kasar diperbolehkan? Apakah gambar porno diizinkan? Apakah melakukan posting yang sama berulang-ulang tidak apa-apa? Bagaimana caranya supaya pengunjung tidak OOT (Out of Topics) dan memudahkan pengunjung lainnya mencari informasi yang berguna. Sanksi apa yang diterapkan jika user melanggar? Pertanyaan-pertanyaan seperti itu harus agan-agan jawab dan sebaiknya ditulis terlebih dahulu daftarnya.


3. Peraturan forum teknis. Menyangkut cara posting yang baik dan benar. Postingan yang tidak benar seperti lupa menutup tanda BBCode, tidak me-resize gambar (terlalu besar) sesuai aturan sehingga merusak layout forum, dsb tentu saja akan mengganggu user lainnya. User pemula sebaiknya diberi tempat untuk latihan posting dan diset menjadi auto prune (menghapus secara otomatis setelah n hari).


4. Izin akses. Apakah user boleh attachment? Apakah user boleh mengirim email via PM (Private Messaging?). Apakah Forum X boleh dilihat oleh semua orang? Bagaimana dengan guest? Apa mereka boleh ikut posting? Apakah perlu menggunakan password di kategori tertentu? Semua ini juga berkaitan dengan fitur forum system. Jadi sebaiknya agan-agan membaca-baca dokumentasinya.


5. Cara registrasi. Registrasi ada 3 cara. (1) User yang melakukan verifikasi melalui email. (2) Verifikasi dilakukan oleh admin. (3) Tidak perlu verifikasi, daftar, langsung bisa login. Biasanya cara yang paling sering digunakan adalah cara 1 dan beberapa forum private menggunakan cara 2. Tergantung kebutuhan agan-agan, set lah cara registrasi dengan bijaksana.


6. Forbidden words. Kata-kata terlarang. Kumpulkan semua kata terlarang offensif yang agan-agan tahu. Baik itu yang eksplisit maupun implisit. Agan-agan bisa menyensornya menjadi misalnya f**k atau k****l atau bisa langsung menjadi -sensor-.


7. Panduan teknis. Buatlah sebuah thread baru berisi panduan teknis untuk melakukan berbagai hal misalnya: posting gambar, menggunakan BBCode, posting video (jika ada), mengirim pesan private, lupa password dan sebagainya. Semakin detail agan-agan membuat panduan teknis, semakin cepat user pemula menjadi terbiasa dengan forum.

Okay untuk starter kira-kira seperti itu. Jika forum agan sudah jalan dan mulai ramai, mungkin agan-agan harus mempertimbangkan merekrut moderator. Moderator bertugas sebagai perpanjangan tangan administrator. Sebaiknya moderator mengerti akan bidang kategori forum yang aganbuat. Misalnya forum tentang photoshop sebaiknya dimoderasi oleh orang yang paham photoshop.

Sedikit pesan penting: Forum memang akan menjaring banyak user jika dikelola dengan baik. Tapi jika agan-agan tidak siap dan berkomitmen untuk membuat forum, sebaiknya tidak perlu dibuat. Forum yang tampak sepi akan menakutkan calon pengunjung. Mereka pasti malas untuk bergabung dan jika hal itu terus-terusan terjadi, kesempatan agan-agan menjaring traffic akan hilang.

Sekian dulu yang bisa yanya bagikan kepada agan agan yang disini. Silahkan lihat-lihat dulu postingan saya yang lainnya di bawah ini.... Sekian dan Terimakasih

Terbaru Di Blogger.com (Blogspot) 2012

Blogger Memberikan Fitur SEO di Post Editor 

Walau masih dalam keadaan galau di domain TLD nya yang akhir-akhir ini susah terindeks/ muncul di serp. Ternyata google memberikan beberapa update interface dan fitur terbaru blogspot 2012.

Berhubung ketika posting ini aku menggunakan Tampilan blogger versi lama maka perubahannya tentu tidak sebanyak perubahan di tampilan blog baru,   beberapa diantaranya perubahan yang aku rasakan di tampilan bloggger Old Interface ialah :

• Interface post editor yang sedikit berubah tampilannya paling pertama kulihat ialah opsi untuk ukuran font teks yang dulu hanya berupa angka , sekarang juga ada tambahan opsi dalam bentuk Heading, Sub Heading, Minor Heading, Normal.   Berguna untuk penggunaan tag heading dalam posting seperti h2 h3 dan h4

• Opsi menambahkan ALT dan TITLE di gambar postingan.
  
  Cara Termudah Membuat ALT dan TITLE di gambar Blogspot : Klik gambar yang baru dimasukan lalu pilih 'properties' akan muncul opsi memasukan ALT dan TITLE gambar.  

Jadi sekarang tidak perlu lagi repot masukin manual tag html di gambar yang ada di postingan. Ini merupakan salah satu fitur dari blogspot yang kunilai bermanfaat untuk SEO. Karena dari dulu sudah sering dibilang kalau alt dan title di image itu diperlukan sekali :).

Alt Title di Blogspot

• Tambahan Pilihan menjadikan link ber Rel Nofollow ketika insert link, jadi tidak perlu lagi memasukan tag html rel="nofollow" secara manual. Info tentang rel Nofollow 
  
  
  
  

  

  Rel Nofollow di post editor , Gambar : buzz blogger

  
  
  
  

• Tambahan pilihan Upload Gambar From Mobile phone, melalui aplikasi G+ For Android  

Kalau diatas tadi merupakan beberapa hal baru yang kutemukan dari Blogspot ketika ku mencobanya. Berikut ini fitur-fitur baru dari blogspot yang lengkap dari Buzz Blogger yang aku susun dan sadur kembali dalam bahasa Indonesia 

Yang TerBaru dari Blogger.com 

• Search preferences

Jika sobat Tergaptek sudah menggunakan blogger tampilan baru maka sobat bisa menemukan menu setting baru 'Search preferences' yang akan memaksimalkan blog di search engine "katanya", he.

Search Preferences . Gambar By Buzz Blogger

Di dalam menu search Preferences itu ada beberapa menu lagi seperti :

• Meta Tags

• Errors and Redirections 

Custom pesan di

“Page Not Found” atau Custom Redirects di page. 

• Crawlers and Indexing

• Search Description

dan Custom robots header tags

Nah yang menarik lagi dan keren dari blogspot baru ini ialah opsi memasukan deskripsi di homepage dan juga deskripsi di setiap postingan berbeda di post editor.

Search deskripsi di postingan , Gambar Buzz Blogger

Semoga bermanfaat postingan mengenai beberapa hal baru yang ada di blogspot 2012.

- Reviewer: Miftah Farid - ItemReviewed: Terbaru Di Blogger.com (Blogspot) 2012 

Copyright (c) : -=UNITED-UNIVERSAL=- 2012

Urfi Ramadhani                 

Bukittinggi Software™