1News Online:
Home » » Tutorial Blog - Cara pasang Facebook share button dengan counter di Blogspot

Tutorial Blog - Cara pasang Facebook share button dengan counter di Blogspot

Wednesday, October 31, 2012 | 3:34 AM


Untuk memasang Facebook Share Button pada setiap post di bawah post title,seperti yang boleh anda lihat pada blog ini, hanya ikut beberapa langkah yang mudah di bawah.

Langkah 1

Pergi ke http://www.facebook.com/facebook-widgets/share.php dan pilih style button yang ingin anda pasang pada blog. Anda juga boleh memilih button dengan counter.

Langkah 2

Log in blog = Dashboard => Design => Edit HTML. Seterusnya, tick pada kotak Expand Widget Templates.

Langkah 3

Dengan menggunakan keyboard, tekan kekunci F3. Seterusnya taip atau paste kod <div class='post-header-line-1'/> pada kotak Find dan seterusnya, klik Find. Jika kod tersebut tiada, anda boleh menggantikannya kod <div class='post-header-line-1'> atau <data:post.body/>

Langkah 4

Salin kod yang telah siap pada Langkah 1 dan paste kod tersebut di bawah atau selepas kod <div class='post-header-line-1'/> atau <div class='post-header-line-1'> atau <data:post.body/>

Akhir sekali klik Preview, dan jika tiada mesej Error yang terpapar, klik saja Save.


P/s: Jika anda ingin mengubah kedudukan button tersebut, anda boleh gunakan kod ini untuk memaparkan button pada sebelah kanan atau kiri

<div style="float:right;padding:4px;">
Masukkan kod Facebook Share Button di sini
</div>

Gantikan right kepada left pada float jika anda ingin memaparkan button pada sebelah kiri

Contoh:

<div style="float:right;padding:4px;">
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>

Kongsi artikel ini : :

Post a Comment

 
Copyright © 2012. 1News Online - All Rights Reserved
Proudly powered by Blogger