Tips Pasang Tombol Share Facebook di Blog

Estetika dan Kecantikan Gigi S.A.S

Perbaikan dan Restorasi Gigi

Ig @ahligigijember

KLIK ahligigijember.blogspot.com

Tidak dapat kita pungkiri lagi, jika sekarang Facebook sudah menjadi situs social networking yang paling banyak penggunan / penggemarnya. Jadi, sangat menguntungkan sekali jika tombol Share on facebook itu kita pasang di blog . Orang akan menjadi lebih mudah untuk membagikan informasi yang ada di blog kepada orang lain. Secara otomatis cara ini akan meningkatkan traffic. Mau tahu cara memasangnya? sebenarnya caranya mudah sekali, ok ikuti langkah berikut ini

1. Tentunya Login dulu ya
2. Pada pilih Layout ---> Page Element ---> Add Gadget
3. Setelah itu pilih yang HTML / Javascript
4. Setelah itu Copy Paste kode dibawah ini untuk diletakkan kedalam HTML / Javascript tersebut.


Untuk Gambar silahkan copy kodenya di bawah ini :

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; } </style> <a href="http://www.facebook.com/share.php?u=<url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" style="text-decoration:none;">Share</a><p><a href="http://hitsuke.blogspot.com/2009/05/cara-memasang-tombol-share-on-facebook.html" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>


Sedangkan untuk yang icon


<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank"><img src="http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981" alt="" /></a><p><a href="http://hitsuke.blogspot.com/2009/05/cara-memasang-tombol-share-on-facebook.html" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>


Untuk tampilan link saja

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank">Share on Facebook</a><p><a href="http://hitsuke.blogspot.com/2009/05/cara-memasang-tombol-share-on-facebook.html" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>


Atau juga icon dan link


<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }</style><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a><p><a href="http://hitsuke.blogspot.com/2009/05/cara-memasang-tombol-share-on-facebook.html" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>

Cara lain pasang share Facebook agar terlihat lebih profesional yaitu kita meletakkannya di dalam postingan atau di atas postingan.

Caranya, silahkan pilih page layout/ tata letak---> Edit HTML dan jangan lupa untuk mencentang (Expand Template Widget)

Setelah itu, silahkan kalian cari kode HTML

<span class='post-author vcard'>

gunakan tombol Ctrl+F untuk mempermudah pencarian
Setelah kodenya ketemu, silahkan kalian paste tepat di bawah kode tersebut
trus simpan dan slahkan lihat hasilnya... Selamat mencoba yach.. :))

Foto Tentang Kecantikan Gigi Versi Tukang Gigi S.A.S
Koleksi Foto Hasil Perbaikan Gigi
Ig@ahligigijember
ahligigijember.blogspot.com