Cara Pasang Tweet Button di Blog

Cara memasang tweet button di Blogspot. Dengan tombol tweet ini kita bisa langsung berbagi postingan melalui akun Twitter kita tanpa harus melalui web pihak ke tiga. Tombol tweet baru ini memungkinkan setiap orang dapat berbagi artikel sobat dengan cepat hanya dalam beberapa detik saja. Ada 3 jenis tombol Tweet indah yang bisa jadi alternatif sobat: vertical count, horizontal count dan no count.

Langsung aja ane share bagaimana cara menambahkan tombol Tweet untuk blog sobat. Ikuti langkah-langkah berikut ini ya sob:

1. Login ke blog sobat  Dashboard--> Design- -> Edit HTML

2. Gulir ke bawah dan cari kode di bawah ini: 

<div class='post-header-line-1'/>

3.Sekarang copy  kode "Twitter tweet button" sobat dan paste kan tepat di bawah kode di atas.

NOTE: Jika sobat tidak menemukan kode  <div class='post-header-line-1'/> di template sobat, paste kan kode "Twitter tweet button" sobat tepat sebelum <data:post.body/> .

Code 1 : Vertical Count

<b:if cond='data:blog.pageType == "item"'>

<div style='float:right;margin-right:10px;'>

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

</div>

</b:if>

Hasilnya:

Code 2 : Horizontal Count

<b:if cond='data:blog.pageType == "item"'>

<div style='float:right;margin-right:10px;'>

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

</div>

</b:if>

Hasilnya:

Code 3 : No Count

<b:if cond='data:blog.pageType == "item"'>

<div style='float:right;margin-right:10px;'>

<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

</div>

</b:if>

Hasilnya:

 Note : Ingat sobat tempatkan "TWITTER-USERNAME" dengan username Twitter milik sobat.

Jika Sobat ingin menampilkan tombol Tweet tidak hanya di halaman Pos tetapi juga Home page, Arsip, Label, dll.. , Sobat hapus saja code ini <b:if cond='data:blog.pageType == "item"'>  dan </b:if> dari code di atas.

4. Sekarang save template sobat dan lihatlah hasilnya.


Lihat juga cara menghilangkan angka pada label blog