CARA PASANG TOMBOL DOWNLOAD DENGAN EFEK MOUSE HOVER

moonroemoort

9 January 2014

Belum ada komentar

• 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkZhaQmTws1UQsB36xgqBBgGAmjZ1hmvvFBhbUEk5ONP-PXIFP8uQhpIpdFRHMYUE73urG1xZwTgOHl6ulXnOkiyAjG0Ko7x-mvuSYB64_jmfTe_CKtgriyEodTTp4BxrnxLaZXBfUCk67/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;
}

Read more: http://chenkho.blogspot.com 

• 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