Ada banyak cara untuk menampilkan postingan twitter di blog kita, baik dari widget resmi yang dikelurkan oleh twitter maupun dari script modifikasi pengguna twitter. Script yang saya pakai disini adalah salah satu script instan untuk menampilkan twiiter di blog. kodenya cukup singkat, sayang kode tersebut belum valid standart W3C. Coba perhatikan kode aslinya berikut ini:
sebelum diedit (before edit)
< script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"> < script src="http://twitter.com/statuses/user_timeline/zamdesign.json?callback=twitterCallback2&count=5" type="text/javascript">
Setelah dicek ada beberapa pesan error di web W3C sebagai berikut:
ada 4 error dan 4 peringatan, 1 error berasal dari line 8 (disini line 2) karena pemakaian kode < ul > tanpa menyertakan kode < li >, sedangkan error lainnya ada di line 12 (disini line 8) karena banyak memakai karakter tidak standart.
setelah diedit (after edit)
(follow @zamdesign)< script src="http://twitter.com/javascripts/blogger.js" type="text/javascript" /> < script src="http://is.gd/bOh9D" type="text/javascript" />
line 8 (disini line 2) saya mengubah dari kode < ul > menjadi kode < div >, dan yang unik untuk trik di line 12 (disini line 8) saya menggunakan fasilitas short URL dari is.gd (kalian boleh menggunakan fasilitas short URL lainnya seperti bit.ly dan lain-lain) dan lihat hasilnya ternyata valid
:) ini adalah trik coba-coba yang akhirnya berhasil, dan saya sudah menggunakan trik ini di website zamdesign.
semoga bermanfaat
Pingback: Tweets that mention Trik Memasang Widget Twitter Valid W3C | zam.web.id -- Topsy.com
wah mantab tipsnya mas zam, cocok bagi yang suka utak atik code..
Bagaimana kalau menaruh kosong di dalam tersebut, pak? Jadi dia akan memvalidasi sebagai ul yang valid sebelum dimodifikasi oleh Javascript dari Twitter.
Wah, markupnya tidak terbaca di komentar. Saya tulis ulang yah:
Bagaimana kalau menaruh kosong di dalam tersebut, pak? Jadi, W3C akan memvalidasi sebagai ul yang valid sebelum dimodifikasi oleh Javascript dari Twitter.
maksudnya yah? saya sudah coba malah double dan tetep belum valid
Waduw aku belum pernah ngecek valid standart W3C punyaku nih mas… males berat mau utak-atik templatenya lagi :(
Kalo utk nampilin tweet di blog, aku pake ini : http://code.google.com/p/twitterjs/
Lumayan powerfull dan mudah dikostumisasi drpd yang dari twitter :)
apakah kode tersebut juga diterapkan disini?
saya cek dengan w3c validator hasilnya tidak valid xhtml 1.0 strict maupun transitional
kode tersebut tidak saya terapkan disini, di web ini saya menggunakan plugin twitter for wordpress