Thursday, May 27, 2010

0 Pasangkan Twitter Badge Pada Header



Pernah guna templates Apartus? Sangat kemas dan stylish bukan dengan warnanya cuma putih dan merah.

Bukan itu sebenarnya aku nak cakap. Kalau kamu tengok betul-betul kamu mesti perasan ada badge besar kat header. Badge itu tertulis 'Follow my updates in Twitter', menarik bukan? Memandangkan aku dah tertarik dengan Twitter Badge itu, apa kata aku tutorialkan dan kamu boleh pasang kat blog kamu jika mahu.

  1. Buka Dashboard / Layout / Edit HTML.


  2. Copy kod ini.

  3. #twitter-badge {
    -moz-background-clip:border;
    -moz-background-origin:padding;
    -moz-background-size:auto auto;
    background-attachment:scroll;
    background-color:transparent;
    background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQjPbqIosj9Qpk_xBZStmMTf0CKAApvIKzlIvlh_e39-_xZXE2YX7bb5bOei07U_N_vtgHz0n62_hqyDvC2pQ1LfFCyINOACnL4HmYnMHHvMYE6kDPV11BO3PWViu5jy8-Z9nXTX1PBV4/s1600/twitter-badge-maroon.png");
    background-position:0 0;
    background-repeat:repeat;
    height:139px;
    left:740px;
    position:absolute;
    top:-5px;
    width:218px;
    }

    #twitter-badge a {
    display:block;
    height:139px;
    text-indent:-9999px;
    width:218px;
    }

    Paste diatas kod ini.

    ]]></b:skin>


  4. Copy kod ini.

  5. <div id='twitter-badge'>
    <a href='http://twitter.com/arkibtutorial'>follow</a>
    </div>

    Paste dibawah kod ini.

    <div id='header-wrapper'>

    Walaubagaimanapun jangan lupa tukar link Twitter arkibtutorial dengan link Twitter kamu.


  6. Save.


0 comments:

 
Site Meter