mas template

Membuat Tweet Box Dibawah Postingan

Tombol social bookmark akhir-akhir ini sangat diminati oleh para pengguna blogger untuk. mempopulerkan blognya. Selain Facebook yang membuat fitur likenya, Twitterpun tidak mau kalah dan kembali menyaingi facebook dengan menyediakan Tweet Box. Twitter box ini berfungsi untuk mempromosikan artikel kita di twitter. Seperti contoh pada halaman bawah postingan ini, anda bisa langsung menekan tombol Tweet, atau bisa juga diisi dengan kata-kata sendiri.

Tertarik untuk membuatnya? Dibawah ini akan saya jelaskan lahkah-langkah untuk membuatnya :
  • Kunjungi Penyedia Layanannya disini
  • Login dengan akun Twitter Anda, dan isikan data-data yang diminta untuk membuat aplikasinya. Seperti gambar dibawah ini

  • Isi Aplications Name Dengan Judul Suka-suka anda
  • Isi Aplications Website Dengan Url Blog anda
  • Kosongkan Organizations
  • Isi Call Back Url Dengan Alamat Blog Anda
  • Untuk Default Acces Type jangan lupa centang Read & Write 
  • Aplications Icon Tidak Perlu Diisi
  • Klik Register Application

Kemudian, akan muncul kotak peraturan seperti gambar diatas, dan klik I Accept, setelah itu akan muncul tab baru dengan kode Javascript dan API key nya. Salin script yang saya kotakkan seperti gambar dibawah ini
Kemudian login ke Akun Blogger Anda Masing-masing, klik rancangan >> Pilih Edit HTML >> Centang Expand Template WidgetDan Cari Kode </head> Jika sudah ketemu, masukkan kode yang tadi anda kopi tepat diatasnya Jika sudah, cari kode seperti dibawah ini:
<data:post.body/>
Jika Sudah Ketemu, Masukkan Kode dibawah ini Dan taruh tepat dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='bp_tweetBox'/>
<script type='text/javascript'>
bp_tweet_link=&quot;<data:post.url/>&quot;;
twttr.anywhere(function (T) {
T(&quot;#bp_tweetBox&quot;).tweetBox({
width: 560,
label: &quot;Retweet This&quot;,
defaultContent: &quot;RT @akun_twitter_anda <data:post.title/>&quot;+&quot; &quot;+bp_tweet_link
});
});
</script>
</b:if>

Simpan dan lihat hasilnya. Untuk yang diberi warna merah silahkan ganti sesuka anda. Sekian penjelasan dari saya, semoga dapat bermanfaat.
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

11 comments:

  1. berhasil :)

    thanks, info yg saya cari2 nih..

    silahkan di cek demo di blog saya : http://sdftyujklvbn.blogspot.com/2012/06/forum-gemscool-forum-aslinya-gemscool.html

    :D

    ReplyDelete
  2. Makasih gan infonya, sangat bermanfaat

    ReplyDelete
  3. klw ga ada kode >>> gi mana caranya kang??

    ReplyDelete
  4. Ok mas, dah dijalankan dan sukses....
    monggo mampir, dijadikan DEMO juga boleh :)
    http://www.siomponk.com/2013/01/tabunganku-mandiri-solusi-para-blogger.html

    ReplyDelete
  5. saya tulis ulang mas dg gaya bahasa saya sendiri setelah saya praktekkan:
    http://www.siomponk.com/2013/01/membuat-tweet-box-di-setiap-postingan.html

    ReplyDelete
  6. Mantab mas, saya sudah pernah coba yang ini, langsung berhasil! Tapi udah saya lepas lagi.. :D

    ReplyDelete
  7. Makasih Maskolis kunjungi juga ya http://mx-10.blogspot.com

    ReplyDelete
  8. Sangat membantu maskolis :) terima kasih

    ReplyDelete
  9. thx, bagus infonya...
    Langsung laksanakan

    www.uniksshop.com - jual barang unik, buku bantal, buku islami, BB, HP dll murah

    ReplyDelete

No comment moderation in this page
Do not put the link in this comment, I'll make it disappear forever
I hate when people play cheat to increase their blog, meanwhile everyone else do it politely and honestly

 
CREATING WEBSITE © 2012 the other blog Mas Template | Look at this Johny Template | Powered by Blogger