Sebagai contohnya, misalnya Presiden Susilo Bambang Yudhoyono sedang menulis kicauannya di Twitter dan kita akan coba hadirkan kicauan tersebut di halaman blog sama seperti aslinya saat orang lihat di situs Twitter.
Lalu gimana ya caranya membuat kolom kicauan pak SBY itu tampil di halaman blog tampak aslinya tanpa gue rekayasa. Ya, ternyata caranya pun sangat simple. Ini dia langkah-langkahnya :
1. Cari Source Code Javascript-nya
Untuk mendapatkan sourc code javascript Twitternya, gue harus akses ke halaman Developer Twitter dan pilih "Embedded Tweets". Setelah itu gue cari kode Javascript-nya di bagian bawah. Atau kalo lo mau tau, copy aja deh skript Js nya.
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
2. Paste Javascript di Kode HTML
Setelah ngedapetin kode Js-nya, gue akan letakkan tepat di atas kode </body> di edit HTML dan gue simpen tuh setelah dipasang di sana.
3. Copy Embedded Twitter
Abis itu, tinggal deh kalo mau pasang source codenya biar tampil sama seperti aslinya. Gue harus buka kicauan Pak SBY dan gue pilih tools More di bagian paling akhir menu. Jika udah ketemu gue langsung copy saja source codenya.
4. Pasang Embedded Twitter
Kalo udah dapet source code embeddednya, gua kudu paste di HTML pada halaman konten. Jika sudah maka simpen dan play deh. Inilah hasilnya.
Gimana, gampang kan. Nah kalo mau pasang embedded twitter lainnya, lo cukup ikutin poin 3 dan 4 saja. Poin 1 dan 2 cukup sekali saja nggak perlu diulang-ulang. Semoga ada manfaatnya ya.
0 komentar: