Cara Membuat Tombol Share Facebook, Twitter, Google+ di Blog

Keberadaan situs social media atau situs jejaring sosial dapat Anda manfaatkan untuk berbagi artikel di blog Anda ke situs-situs tersebut. Dengan memposting artikel yang bermanfaat para pengunjung blog Anda akan merasa tertarik untuk membagikan artikel di blog Anda ke akun jejaring sosial mereka.

Cara Membuat Tombol Share Facebook, Twitter, Google+ di Bawah Artikel
Contoh tombol share

Tombol share artikel dapat Anda letakkan di atas artikel atau dibagian bawah artikel untuk memudahkan para visitor blog Anda men-share artikel yang menurut mereka menarik atau berguna. Ini adalah sebuah kesempatan untuk membagun popularitas blog Anda di situs-situ social media/social network seperti Twitter, Facebook, Google+. Digg, Linkedin, dll.

Cara membuat tombol Share Facebook, Twitter, Google+ di Bawah Artikel  cukup mudah dan sederhana. Untuk membuatnya tidak banyak kode-kode javascript yang perlu Anda masukkan ke template. Cukup ikuti instruksi cara membuat tombol share seperti dijelaskan dibawah ini.

Masuk ke Dashboard Blogger

Klik tab Template kemudian pilih Edit HTML

Tekan Ctrl + F untuk mencari kode </head>

Jika kode </head> sudah Anda temukan, masukkan kode dibawah ini tepat diatas kode </head>

<script src="http://w.sharethis.com/button/buttons.js" type="text/javascript"></script>
<script type="text/javascript">stLight.options({onhover:false , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>

Selanjutnya cari kode <data:post.body/>. Jika sudah ketemu, tempatkan kode dibawah ini tepat dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'><style>
.doncaprio-share-buttons{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #BBBBBB;background-color:#FFFFFF;-webkit-box-shadow: #B3B3B3 5px 5px 5px;-moz-box-shadow: #B3B3B3 5px 5px 5px;box-shadow: #B3B3B3 5px 5px 5px;padding: 5px;margin: 10px;}
</style>
<p align='center' class='doncaprio-share-buttons'>
<span class='st_facebook_hcount' displayText='Facebook'/>
<span class='st_fblike_hcount' displayText='Facebook Like'/>
<span class='st_plusone_hcount' displayText='Google +1'/>
<span class='st_twitter_hcount' displayText='Tweet'/>
<span class='st_digg_hcount' displayText='Digg'/>
<span class='st_stumbleupon_hcount' displayText='StumbleUpon'/>
</p></b:if>

Silakan simpan pengaturan template.

SELESAI.

Silakan coba buka artikel blog Anda untuk mengetahui perubahan yang terjadi. Jika Anda ingin menempatkan tombol share diatas artikel, maka letakkan kode yang kedua diatas kode <data:post.body/>.

Related posts:

No response yet for "Cara Membuat Tombol Share Facebook, Twitter, Google+ di Blog"

Post a Comment