Welcome To My Blog

Selamat datang di website pribadi saya. Online Learning Tutorial merupakan Website Tutorial untuk membuat media pembelajaran online yang Kreatif dan Inovatif berbasis Blog yang dapat digunakan sebagai E-Learning.

Sabtu, 27 Agustus 2011

Memasang Tombol Facebook Suka di Blog

Fungsi dan kegunaan tombol ini adalah sebagai jembatan penghubung antara pengguna facebook dan halaman blog Anda, sehingga akan mudah bagi Anda berbagi konten dengan teman-teman di facebook. Semakin banyak blog Anda disukai oleh pengggemar facebook berarti semakin lebih dikenal pula blog Anda oleh pengguna facebook, dan otomatis akan sangat membantu untuk menaikan traffic dan page rank blog.

Tombol Facebook Suka dapat dimanfaatkan guru untuk berbagi info ataupun materi dari blog E-Learning nya kepada siswa dalam Group Kelas Dunia Maya di Facebook, sehingga semakin mempermudah komunikasi dalam pembelajaran online dengan blog.

Berikut contoh tampilan tombol facebook di blog:







Kita asumsikan seperti ini : Saya adalah pengguna facebook dan menyukai salah satu isi artikel yang ada di blog Anda, lalu saya meng-klik tombol suka yang ada pada halaman tersebut, dengan demikian akan ada laporan di aktifitas facebook bahwa saya menyukai halaman blog Anda, dan otomatis akan terlihat oleh semua teman-teman saya yang ada di facebook tersebut. Dengan demikian semakin besar pula peluang blog Anda dikenal melalui facebook yang akan memperbesar peluang dalam meningkatkan traffic rank. Dan berikut tampilan bila saya menekan tombol facebook "suka" pada postingan Anda.






Coba Anda bayangkan bila saya mempunyai 1000 teman aktif di facebook, 1000 orang pula akan melihat aktifitas saya , 1000 orang pula akan melihat postingan Anda, 1000 orang pula kemungkinan akan meng-klik blog Anda, maka pada akhirnya 1000 pengunjung pula dalam satu hari di blog Anda. Dahsyat...bukan fungsi dari tombol facebook yang mungil ini. Tertarik bagaimana cara pasangnya, yuk perhatikan kode dibawah ini :


<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

Anda dapat mengatur atau mengganti teks yang berwarna dengan pilihan Anda

layout=standard menjadi layout=button_count .


show_faces=false menjadi show_faces=true

action=like menjadi action=recommend

font=arial  menjadi  font=lucida+grande atau font=segoe+ui atau font=tahoma atau font=trebuchet+ms atau font=verdana

colorscheme=light menjadi colorscheme=dark  


Cara pemasangannya :


1.Login ke Blogger > Layout/Tata Letak > Edit HTML > Expand Widget Templates


2.Copy kode diatas dan letakan tepat dibawah kode berikut
<div class='post-header-line-1'/>

atau kalau tidak ada menemukan kode diatas bisa juga diletakan sebelum kode berikut

<data:post.body/>

atau kalau tidak ada menemukan kode diatas bisa juga diletakan tepat di bawahnya kode berikut
<div class='post-footer'>


Untuk memudahkan menemukan kode html yang berada diblog Anda, silahkan tekan tombol CTRL+F dan copy kode yang ingin dicari kemudian paste-kan didalam kotak pencarian. Saya yakin Anda pasti bisa.
Demikian sedikit banyak pengetahuan yang saya bagikan tentang bagaimana Memasang Tombol Facebook "suka" di Blog, semoga postingan ini ada manfaatnya , salam...

Sumber : Masbugie
Stumble
Delicious
Technorati
Twitter
Digg
Facebook
Yahoo
Feed

0 komentar:

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

Posting Komentar