Memasang Tombol Download pada Blog

FaresyBlogger hari ini akan share cara Memasang Tombol Download pada Blog, kegunaan tombol download ini juga sebagai tampilan agar menarik bagi pengguna blog dan lainnya 

Berikut Cara Memasang Tombol Download pada Blog :

• Masuk ke Dashbor blog anda
• Selanjutnya masuk ke Template blog anda, klik edit html
• Pastekan kode dibawah ini sebelum kode ]]></b:skin>

.button{float:left;list-style:none;text-align:center;width: 100%;margin:5px 0;padding:0;font-size:14px;clear:both;}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:0;padding:0}
.download {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 80px !important; background: #5FAAE3; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s; letter-spacing:1px;}
.download:hover { background: #454242; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222 }

• Untuk penggunaannya gunakan kode dibawah ini pada postingan anda dalam mode HTML

<div style="text-align: center;">
<ul class="button">
<li><a class="download" href="link yang akan dituju" target="_blank">Download</a></li>
</ul>
</div>
<div class="clear">
</div

• Klik Pertinjau untuk melihat hasilnya
• Selesai

Untuk tampilannya bisa lihat dibawah ini :

• Download

Semoga bermanfaat
Terima kasih sudah berkunjung
Salam

Share :

Tweet

More

Related Post