Menampilkan Icon Twitter Update di Blog

Sharing yang kali ini masih tentang Twitter, udah tau fungsinya kan kak? kalo belum silakan baca di postingan Tia tentang Twitter dan fungsinya, trus cara bikinnya mudah kan kak? silakan dibaca lagi di cara bikin account di Twitter, nah kalo masukin ke Blog juga udah dibahas, sekarang tinggal mempercantik tampilan Twitter Update kakak yang ada di dalam Blog.

Kakak liat kan Twitter Updatenya Tia? ada gambarnya Icon Twitter lucu kan trus keliatan lebih mathcing ama backgoundnya Twitter kakak juga bisa gitu kok n ternyata gampang banget kak.. nga pake lama juga. Mau tau cara bikinnya ???

# Cari gambar Icon Twitter yang kakak inginkan, kali ini Tia sediakan beberapa, silakan dipake, gratis. Atau mo pake gambar yang laen juga ngga papa kak

# Udah milih gambar Icon Twitter nya kan kak ? selanjutnya kakak upload Icon itu ke tempat kakak biasa simpen file gambar, bisaTinypic, Photobucket, flickr, Picasanya google atau ambil link dari gambarnya Icon Twitter Tia yang di posting disini juga boleh, trus simpen alamat url gambar Icon Twitter yang kakak pilih, misal : http://i28.tinypic.com/2v16h37.jpg

# Trus kakak bikin kode kayak gini :

<div style="float:right;margin:0 0 0 5px">
<img src="http://i28.tinypic.com/2v16h37.jpg" border="0" alt="Cyntiasari">
</div>

# Selanjutnya kakak musti login ke Twitter, buat ambil kode script account Twitter kakak, nih Tia contohin kode script punya Tia :

<div id="twitter_div"><ul id="twitter_update_list"></ul><br/>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/cyntiasari">Follow me on Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/cyntiasari.json?callback=twitterCallback2&count=3" type="text/javascript"></script>

#Trus digabungin deh kode Icon Twitter yang tadi dengan kode script Twitternya, hasilnya kayak gini kak :

<div style="float:right;margin:0 0 0 5px">
<img src="http://i28.tinypic.com/2v16h37.jpg" border="0" alt="Cyntiasari">
</div>

<div id="twitter_div">
<ul id="twitter_update_list"></ul><br/>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/cyntiasari">Follow me on Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/cyntiasari.json?callback=twitterCallback2&count=3" type="text/javascript"></script>

# Ambil napas dulu kak nga susah kan

# Login ke Blogger, masukin username dan password >>Layout>> Page Element>> Add a Gadget >> HTML/Javascript jangan lupa klik tanda +

# Trus kakak Copas kode tadi, pindahin ke tempat yang kakak suka, jangan lupa di Save. Selesai

Kalo kakak pengen pake Icon Twitter yang lain yang lebih banyak pilihannya n nga pake susah, Tia kasi satu rekomendasi, silakan kunjungi website ini kak, ditanggung oke

Imut banget kan Icon Twitternya.. tweet tweet