Memasang Tweet this! widget di bawah post

07 May 2009

Semepena Twitter yang makin berkembang ini aku memutuskan untuk memasang tweet this! widget dibawah setiap post. tutorial di bawah adalah mengenai cara memasangnya daripada third-party bit.ly.


kenapa aku pilih bit.ly

  1. bit.ly digunakan untuk convert URL panjang² jadi pendek.
  2. internal script dia trus convert url jadi pendek bila anda klik padanya.
  3. ramai yang guna twitterfox dan twitterfox juga mempunyai abiliti tuk encode url bit.ly kepada url sebenar.
  4. scriptnya dicipta apabila browser anda 'block' pop-up secara automatiknya anda akan di redirect ke twitter.com.
  5. bit.ly telah mendominasi tinyurl.com

tutorial memasang tweet this! bit.ly widget

  1. macam biasa jugak buat backup template.
  2. tick Expand widget templates check box
  3. cari perkataan ini
    <div class='post-footer-line post-footer-line-1'>
  4. kemudian di bawah baris perkataan tu masukkan code ini
    <b:if cond='data:blog.pageType == "item"'>
    <span style='float: left; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMrfbYWdg7mWmlTLC82S3oWBi1X5GlIduCzjIN8L1-JWkB12u-_svA9TShZhm0LujYr6j03tCjSoPG7LbZPVqImWVgvaZ4AsHpwfvCsURqkVPxcjjAIdFsJNKqfTCsKdqk93Pud5XTm-UI/s128/twitter-16x16.png) left no-repeat; padding-left: 20px;'>
    <script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&login=tweettrackjs&apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
    <script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
    <a expr:onclick='"return TweetAndTrack.open(this, \"" + data:post.url + "\");"' href='#'>
    <span style='display:none;'> Saya sedang membaca : <data:post.title/></span>Tweet this!</a></span>
    </b:if>
  5. ok siap.. selamat mencuba.

tutorial kali ini amat senang. kalo ade masalah bagitau aku

4 comments

  1. ngee.. nak kena trai gak nih ;)

    ReplyDelete
  2. twitterfox pun leh je encode tinyurl rasanya..

    ReplyDelete
  3. betul muhdzahari aku lupa nak state selain tinyurl

    asalnya memang tinyurl je jadi pilihan kemudian dorang tambah is.gd dan bit.ly

    so, sekarang kalau ni yang guna tinyurl.com, is.gd dan bit.ly semuanya akan translate oleh twitterfox jadi url asal. =)

    ReplyDelete
  4. tapi sekarang dah tak guna twitterfox..dulu guna gak.
    sekarang guna gwibber..

    ReplyDelete