Menambahkan Twitter Tweet Button Di Postingan Blogger

Twitter adalah salah satu perusahaan sosial media terbesar dunia, dan kita para blogger atau pemilik blog bisa mendulang traffcik dari twitter, salah satunya dengan menTweet postingan blog kita ke twitter!

Memang sekarang facebook masih menduduki peringkat pertama di sosial media, mungkin itu karna masih belum begitu banyak pemilik akaun facebook yang mempunyai akun twitter!
Eh sori keluar dari pembicaraan!

Dalam postingan atau articles atau apalah namanya kali ini blog Oto Website akan share tentang Menambahkan Twitter Tweet Button Di Postingan Blogger, sebelumnya blog ini pernah membahas tentang Menambahkan Facebook Like Button Di Blogger,kegunaanya juga sama tapi tetap aja akun sosial medianya berbeda.
Untuk Menambahkan Twitter Tweet Button Di Postingan Blogger sobat sobatbisa memilih ingin meletakkannya di bagian atas atau bawah postingan blog sobat!

Oke gak pake lama-lama lagi kita lansung aja bahas cara memasangnya ke blog sobat!

1. Masuk ke akun blogger sobat.

2. Pada menu klick Rancangan ➨ Edit HTML.

3. Jangan lupa CentangExpand Template Widget ➨ Bckup dulu templatenya untuk berjaga-jaga bila terjadi kesalahan.

4. Selanjutnya dalam Edit Template sobat cari kode <data:post.body/> Jika kesulitan mencarinya coba baca Cara Cepat Mencari Kode HTML.

5. Jika sudah ketemu sekrang sobat letakkan kode Facebook Like Button di:

• Jika ingin meletakkannya di atas postingan, maka letakkan kode Facebook Like Button di bawah ini tepat di atas kode <data:post.body/> yang pertama atau bisa juga di atas kode <div class='post-header-line-1'/>
• Jika ingin di bawah postingan letakkan kode Facebook Like Button di bawah ini di bawah kode <data:post.body/> yang ke dua( jika ada dua atau tiga kode yang sama pilih yang kedua)

Pilih stylesTwitter Tweet Button :

1. Vertical Count
2. Horizontal Count
3. Without Count

1. Vertical Count

<b:if cond='data:blog.pageType != "static_page"'>
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='vertical' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='otowebsite' data-related='' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>

2. Horizontal Count

<b:if cond='data:blog.pageType != "static_page"'>
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='horizontal' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='otowebsite' data-related='' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>

3. Without Count

<b:if cond='data:blog.pageType != "static_page"'>
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='none' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='otowebsite' data-related='' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>

Keterangan:
Ganti otowebsite dengan username twitter sobat.

6. Simpan Template.

Sekarang lihat sendiri hasilnya di blog sobat.

Keterangan lagi:
Tombol twitter tweet tersebut akan muncul di kiri halaman jika sobat ingin menyelaraskan ke kanan atau tengah lalu ganti text-align: left; dengan text-align: right; dan text-align: center;.

Oke saya rasa cukup untuk kali ini!

Bagaimana apakah sobat berhasil menerapkannya di blog sobat? silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles di atas!