Membina Twitter Update klasik

3:08 AM Munix™ 0 Comments

Kenapa kita memerlukan twiter? twiter adalah micro blogging yang amat popular untuk digunakkan bersama blog. ia dilengkapi dengan keupayaan menulis status dari semasa kesemasa dalam satu waktu. Kali ni aku ingin memberi sedikit informasi untuk menghasilkan Twitter status yang klasik, anda boleh lihat contoh diblog saya ini seniaku


Baiklah, kali ini aku akan tunjuk bagaimana mahu meletakkan twitter klasik bersama ikon cute twitter, seperti yang telah aku buat.

upload gambar twitter anda --> letakkan url gambar anda pada tulisan merah
\
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Vdev38zT0SA25Ok5aDPXypMJMwLoy278eOUlOyRDdlbrVUNkgZfTeZWFrh64si1nkr9oVzDNBEXOX1J3ryEcD92-be7hm4s3-c8ZCkq3es5eJdlNPaqHyyjrlP4G9JrsyX2OL_Xje43T/?imgmax=800"/>

diatas aku buat sebagai contoh, tapi ia masih boleh digunakkan, jika anda mahu lihat keputusan gambar itu sila copy/paste url merah diatas pada kotak address anda, lihat sendiri gambar itu, jika tidak puas hati, sila rujuk variasi gambar dibawah.






Muat turun kat sini : Productivedream










Muat turun kat sini : Smashmegazine








bila anda jumpa, apa yang anda mahu.. sila dapatkan url gambar tersebut.

Ok, sekarang pergi kat Dashboard --> Layout --> add page element --> HTML/Javascript






Copy/paste kod kat bawah, dan letakkan pada element tersebut sesuka hati.


<div style="float:right;margin:0 0 0 5px">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Vdev38zT0SA25Ok5aDPXypMJMwLoy278eOUlOyRDdlbrVUNkgZfTeZWFrh64si1nkr9oVzDNBEXOX1J3ryEcD92-be7hm4s3-c8ZCkq3es5eJdlNPaqHyyjrlP4G9JrsyX2OL_Xje43T/?imgmax=800"/>

</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/kaizumi">Follow My Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/didenkaizumi.json?callback=twitterCallback2&count=3"/>

Ok, kod diatas adalah contoh yang saya punya, apa yang perlu anda ubah adalah nama pengguna pada tulisan yang berwarna biru


Siap!...

0 comments: