Cara Membuat Tombol Demo Dan Download Keren

Laba-Laba Blog - Pada pagi hari ini seperti biasanya saya akan membahas tentang dunia blogger yakni Cara Membuat Tombol Demo Dan Download Keren. Siapa yang tidak tahu tentang tombol demo dan download? tombol tersebut merupakan salah satu item pada blogger yang memiliki efek yang keren. Tidak hanya blogger saya saja yang memposting artikel ini mungkin sudah seribu orang yang memposting artikel tentang ini. Seandainya anda memasang widget ini pasti blogger anda akan terlihat lebih elegant dan keren. Berikut langkah-langkah cara memasang widgetnya.

1. Masuk ke blogger.
2. Dasbor => template.
3. Pilih edit html.
4. Cari kode ]]></b:skin>
5. Salin kode dibawah ini kemudian pasangkan diatas kode tadi.

.tombol {
transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;
text-align:center;
position: relative;
vertical-align: top;
width: 204px;
height: 40px;
padding: 0;
font-size: 20px;
color: white;
text-align: center;
background: #3498db;
border: 0;
cursor: pointer;
-webkit-box-shadow: inset 0 -1px #2a8bcc;
box-shadow: inset 0 -1px #2a8bcc;
}
.tombol:active {
top: 1px;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.tombol:hover {
-webkit-box-shadow: inset 0 -4px #2a8bcc;
box-shadow: inset 0 -4px #2a8bcc;
}

6. Simpan.

Cara Menggunakan Widget Demo dan Download

 <div style="text-align: center;">
<a href="Link Tujuan" rel="nofollow"><input class="tombol" type="submit" value="Download" /></a>
<a href="Link Tujuan" rel="nofollow" target="_blank"><input class="tombol" type="submit" value="Demo" /></a></div>

*) Ganti tulisan yang berwarna merah dengan link tujuan yang anda inginkan.