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.
Instalasi Tombol Download RAR:
1.Login Blogger
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/AVvXsEgUt3gmGh6Kf9cEjrU0u0VGi6k0g-Dmy_KW6PSmOOPD32VT5svdqS9nePlnLGptgJjouOjMDRFiqC3ZnCLq7KmGgexWlxF7zrIJazyTgn5_HY2n5wVqDroBShjKy4gqiAec-VfLyeXh8INg/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.Cara Menambahkannya di Post
- Klik Entri Baru
- Klik Tombol HTML
- Copy Di Bawah Ini Ke Tempat HTML
<div id="RWG-probutn">
<a href="#" class="pure download"><span>Download</span></a>
</div>
Notice:
Kode # Ganti Dengan Link Anda
Kode Download Ganti Dengan Tulisan Anda
Title : Cara Membuat Tombol Download RAR Hover Effect Dengan CSS
Description : Tombol sangat penting bagi blogger ATAU jika Anda ingin menambahkan sebuah tombol yang memberikan beberapa hal download maka And...