Cara Membuat Tombol Download Keren Dengan CSS By Ariez Shared

Cara Membuat Tombol Download Keren By Ariez Shared - Tombol sangat penting bagi blogger ATAU jika Anda ingin menambahkan sebuah tombol yang memberikan beberapa hal download maka Anda dapat dengan mudah menambahkan tombol ini dan juga ini akan memberikan tampilan yang sangat profesional untuk blog Anda yang sangat penting di hari ini be'coz hari banyak pengunjung selalu berpikir dan merasa tentang profesionalisme template blogger dan tombol dan lain-lain hal-hal seperti widget, tombol, plugin mereka selalu memberikan pentingnya tampilan setiap template, yang terlihat menyukai seorang profesional.

Sekarang Kita Mulai Dengan mengikuti Langkah Berkiut Ini:
1.Login Ke Blogger > Dashboard.
2.Klik pada Drop Down Menu dan pilih Template
3.Sekarang Klik pada Edit HTML
4.Tekan Ctrl + F dan cari kode yang ditunjukkan di bawah ini. 

]]></b:skin>

5.Paste kode di bawah ini sebelum ]]></b:skin>

#RWG-probutn .pure {
background:#E3E3E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyyuAj0E7Q1ic2uvdnksHZfSA_L9AcFdfLdMrKL8h0NILePrULHqMqHFXBHMdDQfdm6Aym48sHdSpPH3dYUrmwic4fPAwOyPShy8_j0zP_1GcYStfWcK7C1egIqyTh1O95Kuu7IXG6I63i/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;
} 

6.Sekarang Simpan Template Anda.
7.Sekarang Anda Buat Posting Baru
8.Klik tombol HTML
9.Pastekan Kode Di Bawah Ini Di Dalamnya 

Tweet

Ditulis Oleh: di 23.55