Cara Membuat Tombol Tweet di Bawah Judul Postingan

Cara Membuat Tombol Tweet di Bawah Judul Postingan - Kali ini saya akan membahas car membuat atau memasang tombol tweet tepat di bawah judul postingan blog. Tombol tweet ini berfungsi untuk menshare/membagikan artikel ke twitter.

 

 Berikut Cara Membuat Tombol Tweet di Bawah Judul Postingan :

1. Login ke Blogger.
2. Pilih menu Rancangan => Edit HTML
3. Jangan lupa Centang Expand Template Widget
4. Cari kode <data:post.body/> (tekan Ctrl+f untuk mempermudah pencarian)
5. Copy kode dibawah ini tepat dibawah ini tepat diatas kode <data:post.body/> 

Dibawah ini saya berikan 3 jenis. Pilih salah satu sesuai keinginan sobat

Vertikal Count :

 
<b:if cond=data:blog.pageType == &quot;item&quot;>
<a class=twitter-share-button data-count=vertical data-related= data-via=YOUR_TWITTER_USERNAME expr:data-text=data:post.title expr:data-url=data:post.url href=http://twitter.com/share>Tweet</a>
<script src=http://platform.twitter.com/widgets.js type=text/javascript/>
</b:if>
Horizontal Count :

<b:if cond=data:blog.pageType == &quot;item&quot;>
<a class=twitter-share-button data-count=horizontal data-related= data-via=YOUR_TWITTER_USERNAME expr:data-text=data:post.title expr:data-url=data:post.url href=http://twitter.com/share>Tweet</a>
<script src=http://platform.twitter.com/widgets.js type=text/javascript/>
</b:if>
Tanpa Count :

<b:if cond=data:blog.pageType == &quot;item&quot;>
<a class=twitter-share-button data-count=none data-related= data-via=YOUR_TWITTER_USERNAME expr:data-text=data:post.title expr:data-url=data:post.url href=http://twitter.com/share>Tweet</a>
<script src=http://platform.twitter.com/widgets.js type=text/javascript/>
</b:if>
 6 Terakhir Klik Simpan Template
 


Post a Comment