Twitter New Version

                    

Hai, assalamualaikum semua.
Hari ni tuto ,nak buat twitter version yg baru. Tengok ni!


Kalau korang berminat ,jomlah try!

  • Dashboard > Layout > Add Gadget > HTML/Javascript
  • Copy all the code bellow and paste kan dekat kotak HML/JavaScript tu.
<script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?db1199d6f1ae54decfa5902be552bda2"></script>
    <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script><script language="javascript" src="http://static.tumblr.com/2jiprob/71dmjeopm/jquery.tweet" type="text/javascript"></script>
<script type='text/javascript'>
     jQuery(function($){
        $(".tweet").tweet({
          join_text: "auto",
          username: "USERNAME TWITTER KORANG",
          avatar_size: 30,
          count: 5,
          loading_text: "loading tweets..."
        });
      });
</script>
<style>/* tweetsnakahime*/
.tweet, .query {text-indent: 4px; font-family: 'calibri'; font-size: 11px; color: #WARNA FONT;}
.tweet_list {list-style: none; margin: 0px; padding: 0;overflow-y: hidden; -webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px;}
.tweet_list li {overflow-y: auto;overflow-x: hidden; padding: 0.5em;list-style-type: none; margin-bottom: 1px; background-color: #WARNA BACKGROUND;}
.tweet_list li a {color: #c2769d;}
.tweet_list .tweet_even {background-color: #WARNA BACKGROUND; webkit-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
.tweet_list .tweet_avatar {margin-left: -5px; margin-right: 4px;  float: left;}
.tweet_list .tweet_avatar img {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; vertical-align: middle; border: 3px solid #fff; -webkit-box-shadow: 0px 0px 5px #bad6da;  -moz-box-shadow: 0px 0px 5px #bad6da;  box-shadow: 0px 0px 5px #bad6da;}</style><div class="tweet"></div>

  • Cantikkan lagi dengan ubah warnanya (yg Yura boldkan) .Jangan lupa letak username twitter korang ye. Anda boleh ke sini kalau nak code warna background .
  • Size dia akan ubah sendiri bila di sidebar.
  • Pastu save !
  • Kalau nak copy tuto ni, mohon tinggalkan credit Nakahime beserta link . Terima kasih ^^

7 comments

  1. Dah try and menjadik ! Thanks a lot. Cantik sangat dear :D

    ReplyDelete
    Replies
    1. ye ke... wah bagus2,Yura nak usha la ^^

      Delete
  2. Oh macam menarik jer, tapi dh lama tak buka twitter, dh lupa pun password x)
    That pics is from Tamako Market isn't it?

    ReplyDelete
  3. Nak try lah! thanks :)
    btw your comment replied . check here << http://leprecious-nineplus-two.blogspot.com/2013/04/jom-order-casing-smartphone-comel.html >>

    ReplyDelete
  4. This is awesome! dont forget to follow me back :) http://macaroonsflat.blogspot.com/

    ReplyDelete
  5. jadi and sgt comel. terima kasih yura :)

    ReplyDelete

Awak mehla komen? satu komen pun jadilah :')