Tutorial & Tips

Tutorial 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>
    <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;}
    #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.

Maaf jika paparan kod di atas kurang memuaskan, kerana saya masih mencuba kaedah yang disyorkan oleh saudara Ayie dalam artikelnya Paparkan code HTML didalam entri tanpa plugin. Jika terdapat sebarang masalah, sila tinggalkan komen anda di bawah, saya akan bantu anda sebaik mungkin. πŸ™‚

41 Comments

  1. Dwen Rasid February 17, 2012
    • Mohd Isa February 21, 2012
  2. akusangpenerbit August 2, 2011
    • Mohd Isa August 2, 2011
  3. Pingback: Meletakkan Twitter Fanbox Di Sidebar Tanpa Plugin | BLOG-AYIE June 10, 2011
  4. Pingback: Meletakkan twitter didalam blog April 27, 2011
  5. Dila.13 April 21, 2011
    • Mohd Isa April 21, 2011
  6. haru April 10, 2011
    • Mohd Isa April 11, 2011
  7. Affan April 7, 2011
    • Mohd Isa April 11, 2011
  8. Anarm April 5, 2011
    • Mohd Isa April 6, 2011
  9. Anarm April 5, 2011
    • Mohd Isa April 5, 2011
      • Anarm April 5, 2011
        • Mohd Isa April 6, 2011
      • Anarm April 5, 2011
        • Mohd Isa April 6, 2011
  10. Ceqla April 5, 2011
    • Mohd Isa April 11, 2011
  11. syahrilhafiz April 4, 2011
    • Mohd Isa April 4, 2011
      • syahrilhafiz June 5, 2011
  12. Ayie April 4, 2011
    • Mohd Isa April 4, 2011
  13. kulanz April 3, 2011
    • Mohd Isa April 4, 2011
  14. iza April 3, 2011
    • Mohd Isa April 3, 2011
    • Ayie April 4, 2011
      • Mohd Isa April 4, 2011
  15. wazy April 3, 2011
    • Mohd Isa April 3, 2011
  16. Izwan April 3, 2011
    • Mohd Isa April 3, 2011
      • Izwan April 4, 2011
        • Mohd Isa April 5, 2011
  17. hazari April 3, 2011
    • Mohd Isa April 3, 2011
    • Ayie April 4, 2011
      • Mohd Isa April 4, 2011

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.