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

 

Share this post