9 January 2014

CARA PASANG TOMBOL DOWNLOAD DENGAN EFEK MOUSE HOVER


    CARA PASANG TOMBOL DOWNLOAD DENGAN EFEK MOUSE HOVER

    • masuk dashboard
    • klik template > edit HTML
    • cari kode ]]></b:skin>
    • paste kan kode di bawah ini tepat di atas kode ]]></b:skin>
     #RWG-probutn .pure {
    background:#E3E3E3 url(http://4.bp.blogspot.com/-E4xMotVNrcM/Ug-EPRFtyrI/AAAAAAAAGSQ/OYVUJwHS4-g/s1600/RWG-probutn.png) 3px 0 no-repeat;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    display:block;
    color:#212121;
    float:none;
    height:80px;
    width:80px;
    line-height:80px;
    padding-top:1px;
    position:relative;
    text-shadow:0 1px 0 #FAFAFA;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    -webkit-transition:width .25s ease-in-out, background-color .25s ease-in-out;
    -ms-transition:width .25s ease-in-out, background-color .25s ease-in-out;
    -moz-transition:width .25s ease-in-out, background-color .25s ease-in-out;
    -o-transition:width .25s ease-in-out, background-color .25s ease-in-out;
    transition:width .25s ease-in-out, background-color .25s ease-in-out;
    -webkit-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
    -moz-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
    -o-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
    box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 1px 3px;
    margin:10px auto 0;
    }

    #RWG-probutn a span {
    display:none;
    font-size:1.4em;
    }

    #RWG-probutn:hover a span {
    display:inline;
    }

    #RWG-probutn:hover .pure {
    width:420px;
    }

    #RWG-probutn .download {
    background-position:0 0;
    }
    • klik simpan

    CARA PASANG DI POSTING
    • paste kan kode di bawah ini pada posting mode HTML 
     <div id="RWG-probutn">
    <a href="#" class="pure download"><span>Download</span></a>
    </div>  
     KETERANGAN
    • ganti tanda # dengan URL TUJUAN

    berkomentarlah sesuka anda
    ===>no link aktiv<===
    NB:Sebelum menyisipkan kode silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar