Sobat blogger, twitter, salah satu internet service macam facebook, saat ini telah berkembang pesat. Terhitung lebih dari 5juta orang telah bergabung dalam twitter di seluruh dunia. Hebatnya lagi dengan kontak twitter, katanya sih…, bisa meningkatkan traffic dan pagerank blog kita. Wikikikikikiki….
Memang twitter secara otomatis masuk dalam sidebar kita, namun, kalau halaman kita sudah penuh sesak macam punya saya, rasanya lebih cocok kalau dibuat dalam marque saja. Kebetulan twitter saya juga saya modif dengan tabel. Ok kita mulai saja…

Kode twitter secara sederhana adalah sebagai berikut:

<div id="twitter_div">
<h2 class="sidebar-title" style="display:none;">Judul Twitter Sobat</h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/UserTwitterSobat" id="twitter-link" style="display:block;text-align:right;">Follow me on Twitter</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/ UserTwitterSobat.json?callback=twitterCallback2&count=5"></script>


Untuk memasukkan twitter dalam maquee cukup tambahkan kode berikut:

<marquee direction="up" onmouseover="this.stop()" width="93%" onmouseout="this.start()" scrollamount="2" height="100px" align="center">
<center><br/><br/>
Kode twitter
</marquee></center>

Jika anda menginginkan link follow me on twitter-nya tidak masuk dalam marquee cukup kelurakan kode di bawah ini setelah kode </marquee>

<a href="http://twitter.com/UserTwitterSobat " id="twitter-link" style="display:block;text-align:right;">follow me on Twitter</a>

Sehingga kodenya menjadi

<marquee direction="up" onmouseover="this.stop()" width="93%" onmouseout="this.start()" scrollamount="2" height="100px" align="center">
<center><br/><br/>
Kode twitter
</marquee></center>
<a href="http://twitter.com/UserTwitterSobat " id="twitter-link" style="display:block;text-align:right;">Follow me on Twitter</a>

Supaya menjadi lebih rapi, maka twitternya dikemas dalam border yang rapi. Kebetulan saya saya hanya menggunakan tabel dengan border 1 pixel. Untuk membuat dalam tabel, cukup ditambahkan kode berikut:

<center><span style="color: rgb(255, 0, 0); font-weight: bold;">::</span> <span style="color: rgb(0, 0, 0); font-weight: bold;"> Follow me on Twitter </span> <span style="color: rgb(255, 0, 0); font-weight: bold;">::</span></center>
<br/>
<table border="1" width="95%"><tbody><tr><td><center><marquee direction="up" onmouseover="this.stop()" width="80%" onmouseout="this.start()" scrollamount="2" height="100px" align="center"><center><br/><br/>
Kode twitter sobat
</center>
</marquee></center></td></tr></tbody></table>
<a href="http://twitter.com/ UserTwitterSobat " id="twitter-link" style="display:block;text-align:left;"> Follow me on Twitter </a>

Ok, selesai. Pada prinsipnya saya hanya membuat marquee dalam tabel. Itu saja, untuk modisikasinya, saya serahkan sobat.

Selamat Mencoba...