Memaparkan Widget Twitter Tanpa Plugin

Jika kita lihat sekarang ini, kebanyakkan blogger sekarang ini sudah mempunyai akaun Twitter. Malah ia juga turut digunakan oleh laman web syarikat-syarikat besar di Malaysia.

Terdapat beberapa kelebihan yang bakal diperolehi melalui Twitter, terutama untuk mendapatkan pelawat untuk berkunjung ke blog serta medium baru untuk berinteraksi sesama blogger.

Kebanyakkan blogger juga gemar memaparkan widget Twitter tidak kira menggunakan plugin atau tools yang disediakan oleh laman web lain. Oleh yang demikian, kemungkinan ia akan melambatkan sedikit loading time untuk blog anda.

Kali ini saya akan kongsikan tutorial bagaimana memaparkan widget Twitter tanpa plugin atau tools dari laman web luar. Ianya amat mudah dan comel untuk anda cuba dan ubahsuai mengikut citarasa anda.

Memaparkan Widget Twitter Tanpa Plugin

   1. Buka footer.php dan masukkan kod di bawah dan save:

         

<script type=”text/javascript” src=”http://twitter.com/javascripts/blogger.js”></script><br /> <script type=”text/javascript” src=”http://twitter.com/statuses/user_timeline/username.json?callback=twitterCallback2&count=1″></script>

      P/S: Jangan lupa untuk menukarkan username ke username Twitter anda.

   2. Kemudian buka style.css dan masukkan kod di bawah dan save:

#twitter_div {padding:0.3em; border:3px double #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}<br /> #twitter_div img {float:right;}

        
   3. Akhir sekali buka Appearance dan pilih Widgets, gunakan widget Text dan masukkan kod di bawah dan save:

<div id=”twitter_div”><ul id=”twitter_update_list”><li> </li></ul><a href=”http://twitter.com/username” target=”_blank” /><img src=”http://url.ikon.twitter/anda.png” alt=”" /></a></div>

      P/S: Kod di atas adalah untuk paparan seperti widget Twitter dalam blog ini, tetapi tidak termasuk feed counter dan twitter counter.

Mudah bukan, tidak memerlukan plugin dan tools untuk memaparkan widget Twitter anda. Jangan lupa untuk memilih ikon Twitter anda, upload dan gantikan url ikon twitter tersebut. Ikut saiz yang bersesuaian, sebaik-baiknya di bawah 50px x 50px.

Nota: Tutorial di atas hanyalah memaparkan satu sahaja time line untuk status anda, anda boleh memaparkan lebih daripada satu dengan menukarkan nilai count=1 dengan jumlah time line yang anda ingin paparkan.