Rabu, 20 Juli 2011

Cara Menambahkan Tombol Share Twitter

Berikut adalah cara untuk membuat tombol share Twitter dengan menggunakan generator dibawah ini. Anda tinggal menyesuaikan settingan dan mencopy code-nya ke dalam blog anda. Tidak perlu menunggu lagi langsung ke TKP :

1. Seting Tombol sesuai keinginan di bawah ini :
Demo:






Button Type:


Button Location:



Syntax of the Tweet:



Your Twitter User Name


User name of Related Twitter account


Description of the Related Account
Lanuage of the Button


Display
<b:if cond='data:blog.pageType == &quot;item&quot;'><div style="float:right;padding:4px;">
<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button' expr:data-url='data:post.url' expr:data-text='data:post.title' data-related='bloggerplugins:Tutorials and Widgets for Blogger' data-count='vertical' data-via='bloggerplugins'  data-lang='en'></a>

<b:if cond='data:post.isFirstPost'>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>
</b:if>
</div>
</b:if>

2. Salin kode diatas.
3. Masuk Blogger > Rancangan > Edit HTML 
4. Klik  “Expand Widget Templates”
5. Sekarang cari tulisan :


<data:post.body/>

Ketikan kode tadi setelahnya.
6. Simpan template, dan tombol share Twitter sudah ada di blog anda.

1 komentar:

  1. wah...oke banget infonya sob...langsung ane coba pasang twitter button-nya heheh

    BalasHapus