Berbagi Artikel Lewat Facebook

facebook_share_button Seperti kita ketahui, salah satu cara agar blog kita cepat dikenal adalah dengan melakukan submit artikel ke situs web directory atau bisa dengan mendaftar di situs social bookmark, seperti technorati, mybloglog, delicious, digg, stumbleupon, reddit, dll. Bisa juga dengan mensubmit ke situs-situs iklan baris dan submit ke situs khusus submit artikel, seperti situs ezinearticles.

 

Salah satu situs jejaring sosial yang sekarang paling banyak digemari adalah facebook, yang sampai saat saya menulis artikel ini masih menduduki peringkat 2 alexa, satu tingkat dibawah google. Itu berarti facebook sudah menjadi makanan sehari-hari jutaan orang di seluruh dunia. Sayang di sayang jika sobat tidak menggunakan kesempatan ini untuk melakukan promosi blog sobat ke situs “muka buku” ini.

 

Dengan apa sobat promosi blog? bisa dengan langsung menulis di wall milik sobat. Tapi cara itu cukup memakan waktu karena sobat harus menulis lagi di wall facebook sobat. Saya menyarankan sobat untuk memasang widget facebook share di blog, kenapa? karena tinggal klik sobat langsung dibawa ke halaman facebook dan seketika postingan blog nongol disana.

 

Hasilnya banyak yang akan mengklik link blog dan membaca postingan sobat, tentunya dengan catatan harus mempunyai banyak teman. Kalau teman saya cuman 10 orang gimana mas dody? “ya mendingan tinggal di hutan aja sob” Laughing Cukup ya testimonialnya, daripada panjang lebar nanti pada ngacir nya, yukkk...

 

Baiklah, sekarang silahkan ikuti langkah-langkahnya dibawah ini :

    • Login ke blogger dengan ID sobat tentunya.
    • Langsung saja menuju Tata Letak –>> Edit HTML
    • Kemudian centang Expand Template Widget.
    • Sekarang tergantung sobat ingin meletakkan button facebook nya dimana, jika melihat blog saya, sobat akan menemukan button facebook-nya ada di bawah judul postingan, dan akan muncul saat read more di klik saja.
    • Untuk membuat seperti punya saya, sekarang sobat cari kode :

      <div class='post-header-line-1'/>
      <div class='post-body'>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <style>.fullpost{display:inline;}</style>
      <p><data:post.body/></p>

  • Dengan catatan sobat sudah menggunakan read more, baca selengkapnya disini.
  • kemudian sisipkan kodenya di antara kode diatas, sehingga hasilnya seperti berikut :

    <div class='post-header-line-1'/>
    <div class='post-body'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style>.fullpost{display:inline;}</style>
    <b:if cond='data:post.url'>
    <span style='float:right;margin-top:-30px'><a expr:href='&quot;
    http://www.facebook.com/share.php?u=&quot; + data:post.url' target='_blank'><img alt='www.blog-zone.info' border='0' src='http://lh5.ggpht.com/_7Y9pl24WpQY/Sx6lhaUhIjI/AAAAAAAACU4/QPkeR53HjaM/shareonfacebook_thumb%5B4%5D.png?imgmax=800'/></a></span>
    </b:if>
    <p><data:post.body/></p>

  • Jangan lupa Simpan Template.

Keterangan :

  1. Float:right –->> posisi button facebook-nya ada disebelah kanan.
  2. Margin-top:-30px –>> jarak antara button facebook dengan judul postingan, silahkan diatur sesuai dengan template sobat.

Sebenarnya sobat bisa meletakkannya dimana saja yang kira-kira mudah di lihat pengunjung, bisa juga diletakkan dibawah postingan, dengan button yang lebih besar tentunya agar dapat dilihat pengunjung blog. Untuk kode yang berwarna merah adalah alamat url dari button facebook-nya, jika ingin mencarinya sobat bisa searching di google atau phobucket.

 

Oke deh, selamat berkreasi !

 

Poskan Komentar