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
- 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.
- 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;} - 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. 🙂
Terima kasih bro..
bagus juga kalau widget twitter tanpa plugin,blog pun boleh jadi ringan,betul x.
sama-sama, betul tu. itulah tujuan utama. 🙂
saya dah cuba, tapi tak menjadik plak..sudahnya guna twitter badges aje. Buta IT sangat..nak edit2 coding nie memang fail! Tqs for the info..baru nak berkecimpang nie hehehe
tak menjadi? rasanya memang ada sedikit masalah, mungkin javascript untuk blogger.js perlu di hostkan sendiri. 🙂
I LIKE!! InsyaAllah saya akan cuba code2 di atas, cumanya saya tak berapa aktif bertwitter jadi status atau timeline memang susah nak berubah2 untuk tarik perhatian pembaca. Hehe..
test la aktif dila, best wo. byk kenalan boleh dapat, lagi panjang journal awk nnt. hehe, awak pakai yg plain widget dari twitter pun ok gak. tak yah nak pening2 pasal code. hehe
baru nk tnye psl coding twitter tu..haha..emm cmne nak masukkan yg feedburner n twitter counter tu plak??? copy cmtu jer ke?
feedburner n twitter counter kena adjust css n html skit, gunakan firebug anda please. 🙂
nice sbb takyah guna plugin
simple and smooth yang penting…hehe
aku rasa macam ade sumthing wrong dgn code ni bila aku copy.. bila aku taip balik, baru jadi..
apa yg tak kena ye bro? ce share, boleh aku betuikan…
malas la pulak nak main coding.. cukup la kot mcm yg dh ade kt blog aku.. hehe..
yang ada kat blog ko pun dah comel tu, siap paparkan avatar lagi. tu letak manual ke or ada script gak tuk avatar? kiranya bila kita tukar avatar kat twitter, dalam widget pun bertukar. macam mana tu?
avatar tak tukar ikut twitter.. kene buat manual..
oic, tp ada twitter plugin yg leh paparkan avatar…nnt nak test ushar la…
code kat footer tu letak sebelum </body> ke?
sebelum tak silap aku…
Mat Isa!!!!!!!!!!!!… hihhii~~
lama tak lawat bloh hang, Ceqla suka tips² ni…
duk cari² jgk, dpt pun…
tq yer =)
haha, most welcome. 🙂
woo, yang dok kat sidebar hang ni ka? menarik
yurp, yg duk kat sidebar aku tu. tp without counter tu la. hehe
oh yeaarhhh dah jumpa balik..haha
nak buat satu gak lah..
Code Javascript dan HTML yang anda paparkan didalam entri ini, mampu diguna pakai didalam web lain. Insyaallah jikalau ada sesuatu yang bagus untuk mengurangkan plugin didalam web wordpress, saya akan kongsikan lagi kepada anda. Terima kasih sebab link yang anda sertakan didalam entri di atas ini ke blog saya itu
wah, ayat skema la plak. perli aku la tu, haha. siut jerk, anyway thanks for sharing ayie. insyaAllah aku akan praktikan penggunaan paparan code tu, takdalah aku terkial2 nak pakai plugin, aku pun bukan pandai sgt nak pakai plugin syntax highlighter tu. 🙂
Menarik ni… lagi bagus masuk terus skrip tanpa plugin..
nanti nak praktikkan cara ni untuk letak widget lain
yurp bro, praktik la…maybe bro boleh guna pada benda lain…:)
As salam..
utk WP je ke ni?
kita bela burung terbang je dlm blog..
dalam blogspot pun boleh pakai, kena pandai edit la. burung terbang pun ok gak. 🙂
Untuk memaparkan widget twitter ini didalam blogspot, saya rasa kak iza mampu berkunjung ke blog Blogger Buster ataupun Blogger Tutorial
thanks ayie sebab sudi berkongsi di sini. 🙂
best2
akhirnya boleh bergaya dengan wigdet twitter yang cun macam tutorial ni
haha, cuba…jgn tak cuba…erk…tak tukar theme lagi ke?
aku nak buat macam ko pnye like and RT button tu yg kat bawah tu..tapi masalahnya file theme aku dia tulis copyright..takleh nak expand..camane eh?
copyright? macam mana tu? cuba print screen nak tgk…
akud dah reply kat email ko..dah attach printscreen..
ok2, nnt aku tgk emel. tak buka lagi. hehe
tapi kalau guna twitter punya badges yang plain html pon, okay jugakkan ? tak payah nak coding jauh jauh. hehe.
okay gak, tp kalau nak menarik boleh cuba design sendiri. 🙂
Kalau boleh aku pun nak semua yang ada dalam blog mohd isa ni. Contohnya hello bar, widget twitter dan lain lain menggunakan plugin ataupun daripada web asal iaitu twitter ataupun wordpress tersebut.
Jika kita mampu edit coding terhadap widget yang kita mahu didalam blog kita, maka cubalah ia kerana memasukkan terlampau banyak plugin didalam web wordpress anda itu, loading blog anda akan terlampau lambat.
yeah, betul tu. yang penting dapat kurangkan size database yang digunakan. maklumlah, nak bayar mahal. 🙂