Rabu, 21 Maret 2012

Cara Pasang Kotak Komentar Facebook Pada Blog

Facebook, situs jejaring sosial yang mempunyai pengguna terbanyak di dunia telah membuat para pengguna mereka merasa addicted. Sesuai slogan mereka yaitu “Facebook membantu Anda terhubung dan berbagi dengan orang-orang dalam kehidupan Anda”,Facebook memberikan segala kemudahan untuk terhubung dengan orang lain. Salah satu kelebihan layanan Facebook yang berguna bagi blogger adalah dengan adanya kotak komentar pada blog yang terintegrasi dengan Facebook.

Dengan adanya kotak komentar Facebook, para pengunjung dapat mengirim komentar pada artikel blog dengan mudah. Selama ini jika hanya mengandalkan kotak komentar default dari Blogger, maka pengunjung terkadang merasa malas untuk berkomentar karena ada beragam persyaratan yang harus dipenuhi misalnya harus login ke Google Acoount-meskipun terkadang pemilik blog juga mengijinkan anonymous user untuk post komentar di blognya.

Selain itu kelebihan kotak komentar Facebook ini adalah sangat efektif untuk SEO (Search Engine Optimizing), karena ada pilihan “Post comment to my Facebook profile”. Jika tanda centang diaktifkan, maka komentar dari pengunjung akan mampir juga ke profile pengunjung tersebut. Dengan demikian besar kemungkinan teman mereka yang bisa saja tertarik dengan postingan kita dan akhirnya ikut berkunjung ke blog kita.

Penampakan Kotak Komentar Facebook:
image

Langsung saja cara pasang kotak komentar Facebook pada blogger adalah sebagai berikut:
1. Non aktifkan komentar stardar dari blogger jika sobat tidak ingin ada 2 tipe kotak komentar. Langkah untuk menonaktifkannya adalah :
- Buka account Blogger
- Klik “Setting” pilih tab “Comment
- Kemudian klik radio button “Hide
- Save Setting
2. Selanjutnya kembali ke “Dashboard Blogger” dan pilih “Edit HTML
3. Centang “Expand Widget Templates
4. Cari kode berikut:

<data:post.body/>
atau
<div class=’post-header-line-1′/>
5. Letakkan kode berikut dibawahnya:
      NB: Jika sobat memakai readmore, letakkan kode dibawah <data:post.body/> yang kedua.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://nagadolanan.blogspot.com/' target='new'><img alt='' class='icon-action' src='http://lh3.ggpht.com/_M1pYMGMUxt0/TGmv1KcNNBI/AAAAAAAACu0/8WlVlSkCPI0/CommentsFB.png'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;136575963025211&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol +
&#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://nagadolanan.blogspot.com/' target='_blank' title='Facebook Comment'>Facebook Comment untuk Anda!</a></b></div>
6. Simpan template sobat.
7. Dan akhirnya kotak komentar Facebook telah nampang di setiap postingan sobat!

Bagaimana? Mudah bukan!

Sobat ingin mencoba berkomentar di kotak komentar Facebook? Silakan komentar di kotak komentar di bawah ya...?

Cara Membuat Widget Follow Me Twitter



Cara Membuat Widget Follow Me TwitterFollow Me On Twitter Widget itu dia istilah kerennya untuk widget ini. Ada berbagai macam jenis widget Follow Me yang sering kita lihat tentunya, mulai dari widget Follow Me animasi sampai yang statis (diam). Dan penempatan widget ini pun bisa dimana saja, bisa di sidebar dan ada juga widget Follow Me yang melayang (floating) bebas ditempatkan di area mana saja. Kali ini saya mau share cara pasang widget follow me twitter melayang aja deh seperti yang ada di blog ini. Sekalian saya kasih 2 tipe sekaligus, yang dengan animasi sama yang statis (diam) alias non animasi biar ngga ada yang minta-minta lagi ya he he.
Widget Follow Me Twitter Melayang dengan Animasi :
1.       Login ke dashboard blogger anda.
2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
3.       Copy script dibawah ini dan paste pada gadget.
<a style="display:scroll;position:fixed;bottom:1px;left:1px;" href="https://twitter.com/Syem_Fremay" target="_blank"><object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="159" height="159"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=https://twitter.com/Syem_Fremay" /></object></a>

4.      Ganti username Twitter https://twitter.com/Syem_Fremay dengan akun twitter anda.
5.       Save / Simpan.
Widget Follow Me Twitter Non Animasi (statis) :
1.       Login ke dashboard blogger anda.
2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
3.       Copy script dibawah ini dan paste pada gadget.
<a style="display:scroll;position:fixed;bottom:1px;left:1px;" href=" https://twitter.com/Syem_Fremay" target="_blank"><img src="http://www.twitterbuttons.org/images/twitter-9a.png" width="150" height="124" border="0" /></a>

4.      Ganti username Twitter  https://twitter.com/Syem_Fremay dengan akun twitter anda.
5.       Save / Simpan.
Nah untuk widget follow me twitter yang kedua, sobat dapat menggonta-ganti gambar buttonnya dengan koleksi gambar button follow me yang ada disini http://www.twitterbuttons.org/index.html. Caranya tinggal ganti URL button yang saya tandai dengan warna biru dengan URL button twitter pilihan. Ada puluhan button twitter follow me yang bisa sobat pilih. Contoh gambar-gambarnya yang ada dibawah ini nih :






Oke sobat, sekian dulu sharing kali ini tentang cara memasang widget follow me twitter melayang. Semoga bisa memenuhi keinginan sobat blogger yang pernah menanyakan cara membuat widget follow me ini pada saya beberapa waktu yang lalu. Don’t forget to follow me OK !