Korang tau x yang kita boleh buat live update dari twitter ke blog? ni aku bagi sample nye macam kat gambar ni.. Camtu la yang akan terjadi kat widget yang akan aku bagi jap lagi.. Aku pun sesaje je tambah Twitter akaun ni.. bagi menambah semakkan blog aku yang x seberapa ni.. heee.. So,, kat sini aku bagi kod nye...
1 step... Tekan LINK ni..
2 step... Copy / Paste code di bawah ni..

<div style="background:#fff urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgStRmY94BOw9ic_YZKm7WGpjxKwg4GXjy0NhhovHcs9ZGX38kcXlcKSVzLmzc019emyBYxBzFDdJ0WJptbBycxCQ-jyEXCcAxT8MGHZjaoWqbODsjArvibDWzL-pNT_kn2uCc645v5nHY/s1600/bg_twitter.gif) no-repeat;padding-top:40px;padding-left:5px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widgetundefined{
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 118,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#B45F04'
}
},
features: {
scrollbar: true,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'default'
}
}).renderundefined).setUserundefined'hairilnua').startundefined);
</script>
</div><div style="text-align: center;">
Get this widget at <a href="http://blog.hairilnua.com/" target="_blank">Blog Selamber</a></div>

Step 3... Cari ayat setUserundefined'hairilnua').startundefined); dan tukar nama hairilnua tu kepada nama twitter korang...
Step 4... Save laa pe lagi..

Then korang adjust la kat mane nak letak widget ni kat blog korang...
Senang x??

Apa2 kes pun,, korang punya blog akan jadi cam sample dalam kurungan gambar kat bawah ni pada setiap petikan blog yang korang tulis...
So,, step2 yang perlu di buat:------------

<b:if cond='data:blog.pageType == "item"'>

<table border='0'> 
<tr> 
<td><div style='margin-right:5px;'> 
<g:plusone expr:href='data:post.url' size='medium'/> 
</div> 
</td> 
<td><div style='padding-top:6px;'> 
<script type='text/javascript'> 
tweetmeme_style = &quot;compact&quot;; 
</script> 
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> 
</div></td>
<td><div style='margin-right:25px;'> 
<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div> 
</td> 
<td><div style='margin-right:25px;'> 
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/> 
</div> 
</td> 
<td> 
<!-- AddThis Button BEGIN --> 
<div class="addthis_toolbox addthis_default_style "> 
<a class="addthis_counter addthis_pill_style"></a> 
</div> 
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script> 
<!-- AddThis Button END -->
</td>

</tr> 
</table> </b:if><br/>

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>

Korang add la sendiri.. cume,, korang tekan je SINI,,, korang akan rederect ke add gadget terus,, x payah penat2 nak pegi design ke pe semua tuh.. Copy paste semua yang ada di box bawah ni,, then,, publish kat blog korang.. tapi sebelum tu,, korang kene tukar dulu nama facebook fan aku tu,, cari perkataan BlogHairilNua yang bertanda pink tu,, tukarkan dengan nama page korang tu.. sebagai sample,, http://www.facebook.com/BlogHairilNua ..cuma ambil nama page SAHAJA!.. Nak sample? Tekan SINI pulak..

Korang juga boleh set time untuk Like Box ni keluar.. aku dah set ke masa 30 hari.. maka,, apabila seseorang tu masuk blog korang,, x de lah asik keluar je Like Box ni walaupun diorang dah Like.. so,, kalau nak tukar ke berapa hari yang korang nak,, korang cari kat box bawah ni perkataan,, 1000*60*60*24*30.. bahagian yang bertanda 30 tu,, korang tukar dengan berapa hari yang korang nak.. nak cari lebih cepat,, korang tekan,, Ctrl dan F.. 

<style>

/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*


User Style:
Tukar gaya ikut suka hati korang.. Maybe nak tukar warna, besar kecik, background yang standard & semua boleh tukar ikut suka hati lah senang cite... cume letih la nak buat...
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgbaundefined0,0,0,0.4);
-moz-box-shadow:0 0 15px rgbaundefined0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgbaundefined0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQA1xAtFv_lB-mC0CwW5IRLpJNfTygNSF7g9F1VhjtTS4LzJgG4tcQLSZkfe9K6ThNAo9Jb6oKQ8rST2W6z-ygfTMuIJMlG0MbFtnCJi87hITwgfIVHwbS0d1AFpGDQhp7B99uMa_ndK7/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRpnKxufcouo9La18Tri2OHMp9nQzeEFegioPlJ7LIlDntjXiqmMTA1Bb86QeNR9dHo3M7BTirG_Z-9UNxrt2GDtwpWuyQiCWBeNEW_b17ZMKTNkbClrHAWHwrcbnD65kfze8tlPNIUBwY/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQA1xAtFv_lB-mC0CwW5IRLpJNfTygNSF7g9F1VhjtTS4LzJgG4tcQLSZkfe9K6ThNAo9Jb6oKQ8rST2W6z-ygfTMuIJMlG0MbFtnCJi87hITwgfIVHwbS0d1AFpGDQhp7B99uMa_ndK7/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQA1xAtFv_lB-mC0CwW5IRLpJNfTygNSF7g9F1VhjtTS4LzJgG4tcQLSZkfe9K6ThNAo9Jb6oKQ8rST2W6z-ygfTMuIJMlG0MbFtnCJi87hITwgfIVHwbS0d1AFpGDQhp7B99uMa_ndK7/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRpnKxufcouo9La18Tri2OHMp9nQzeEFegioPlJ7LIlDntjXiqmMTA1Bb86QeNR9dHo3M7BTirG_Z-9UNxrt2GDtwpWuyQiCWBeNEW_b17ZMKTNkbClrHAWHwrcbnD65kfze8tlPNIUBwY/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQA1xAtFv_lB-mC0CwW5IRLpJNfTygNSF7g9F1VhjtTS4LzJgG4tcQLSZkfe9K6ThNAo9Jb6oKQ8rST2W6z-ygfTMuIJMlG0MbFtnCJi87hITwgfIVHwbS0d1AFpGDQhp7B99uMa_ndK7/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQA1xAtFv_lB-mC0CwW5IRLpJNfTygNSF7g9F1VhjtTS4LzJgG4tcQLSZkfe9K6ThNAo9Jb6oKQ8rST2W6z-ygfTMuIJMlG0MbFtnCJi87hITwgfIVHwbS0d1AFpGDQhp7B99uMa_ndK7/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQA1xAtFv_lB-mC0CwW5IRLpJNfTygNSF7g9F1VhjtTS4LzJgG4tcQLSZkfe9K6ThNAo9Jb6oKQ8rST2W6z-ygfTMuIJMlG0MbFtnCJi87hITwgfIVHwbS0d1AFpGDQhp7B99uMa_ndK7/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Zj7MeFeZ8Szudd6qvoNtwBRCvoT9-ii3f_uQYzFfprA9aoftXRBfUe5tTIp-0ErvPVnjtNUFues7jO-K92pflPabyce-CdjYAp8TLZ1kwbn3A4IsjPbZWLnjRGwzltVWAysC6pJb8xIw/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFrgdqM0tK5qMl6_VYOkqrp8NMCU6PgeRA-2E2NrR6U1VXfckVTBffaBOIjGkUr1NV4fSN4vi3SynSgNLlOazsXFENUeJ0G3zgqv40N7J3ztB6TsV6POhVLU6Vnr7_3TVzrqU-n5pbzMCQ/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQA1xAtFv_lB-mC0CwW5IRLpJNfTygNSF7g9F1VhjtTS4LzJgG4tcQLSZkfe9K6ThNAo9Jb6oKQ8rST2W6z-ygfTMuIJMlG0MbFtnCJi87hITwgfIVHwbS0d1AFpGDQhp7B99uMa_ndK7/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQueryundefineddocument).readyundefinedfunctionundefined){
if undefineddocument.cookie.indexOfundefined'visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Dateundefinedundefinednew Dateundefined)).valueOfundefined) + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCStringundefined);
$.colorboxundefined{width:"400px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->

<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>
<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBlogHairilNua&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>

</center>
<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://blog.hairilnua.com">Blog Selamber</a> Via <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.mybloggertricks.com">Blogger Widgets</a></p>
</div>
</div> 

Selamat mencuba..

Ini adalah gadget untuk blogger.. Tugas beliau adalah untuk mewarna warnikan link blog korang tu sekiranya mouse yang korang tu digerakkan pada link tu.. ala mouse over laa.... .. sample nye,, korang tengok je la kat link kat bawah tu.. kan berwarna warni kan? so,, cara2 nya,,

1... Pergi ke Design...
2... Klik pada Add a Gadget...
3... Tekan pulak pada HTML/JavaScript...
4... Copy / Paste semua code yang ada kat bawah ni...
5... Save la...
6... Abih dah rrr....

<script src='http://yourjavascript.com/512719721/rainbow-links.js'>
</script> By <a href="http://blog.hairilnua.com/" target="_blank">Blog Selamber</a>

Sample:1... http://www.ini-sample-jer.com
Sample 2... x-payah-la-tekan-sample.nie

Sample 3... ni tulisan aku pun warna warni gak kan..? tapi,, x payah la tekan.. kuar ke blog aku jugak.. heee