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!

Poskan Komentar Blogger Disqus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top