Tutorial Cute Floting twitter Status




Hey hey there! assalamualakumm..selamat petang !
ada twitter tak? mesti la ada kan.ok lah,pada petang yang mendung ni,Diya nak share dengan korang Floting Twitter Status yang sungguh comel mata memandang.Tak tahu macam mana rupa dia?tengok bawah ni





Macam mana nak buat? So macam ni

Macam biasalah ,go to
Pergi ke Dashboard DesignPage Element Add a Gadget HTML Javascript

ctrl+ c untuk copy code & past-kan dalam Gadget HTML korang.


<div style='display:scroll; position:fixed; top:150px; left:-8px;'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKL7xP6ydgtLekqh9IlptLIG4A5IBcXuP-d9S_DosEhrlXoGmTu_9uJZVrLAYfsFgJDJIZ74MoZoeCq6DoanKrGaXFaKsYEt8tGYOR06L6GV8htf7ZtW-DjtzWPrYv6qr0pdzWJn_DqA4/s1600/Untitled-1.png" border="0" width="" height="" />
</div><div style='display:scroll; position:fixed; top:180px; left:-6px;'><a class='linkopacity'href='http://wanhazel.blogspot.com/' target="_blank" style='margin-left: 1em; margin-right: 1em;' title='get this floating twitter status'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6QkSxzsMcoFyT7vUIFWGB1AI0m27CiboK_yeGvoN6Tjz76Yk5OOPrlemCcJWKOBHOOUO5QibL1loD4uDz6jkyrYHdqbaFo6ed5gflRu9RR3S6jDAsPUEywNBW3bjvAbA6UtsvS_Mt2Kg/s1600/Twitter-Small.png" border="0" width="20" height="20" />
</a>

<a class="followMe" href="http://twitter.com/ID TWITTER"></a><div class="block-twitter"><div id="twitter_div" style="width:220px; height:120px; font-size:14px; color:black; padding-left: 10px; "><ul id="twitter_update_list"></ul></div></div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/ID TWITTER.json?callback=twitterCallback2&count=1" type="text/javascript"></a></script></div>


Apa itu ID Twitter? Ok lah kalau korang nak tahu ID Twitter adalah seperti gambar di bawah ni



PERHATIAN

Ada dua ruangan ID Twitter yang korang perlu isikan.Jangan tertinggal pulak

Next,korang ke Dashboard Design Add Gadget Template Designer Advanced (scroll ke bawah sampai Add CSS)


Paste code ni

#twitter_div{display:scroll; position:fixed; top:195px; left:-1px;}

Rujuk pic bawah





Preview dulu,kalau dah comel Save !




Thanks :wanhazel

4 comments:

  1. tumpang tanya, floating twitter for blogskin takde eh ?

    ReplyDelete
  2. tumpang tanya, floating twitter for blogskin takde eh ?

    ReplyDelete
  3. ade la awak.try cari dekat list tutorials saye ok

    ReplyDelete
  4. Diya,macam mana nak kasik masuk icon2 comel kat dalam entry? boleh takk buat tuto pasal tu? sy dah lama cari tapi takk jumpa2 jugak tuto yg mcm tu..please ye. :'(

    ReplyDelete

What do you think? Leave a comment :)