Cara Membuat Tombol DEMO DOWNLOAD Valid HTML5

Cara Membuat Tombol DEMO dan DOWNLOAD yang Valid HTML5 - Sudah banyak tutorial yang menyajikan cara membuat tombol "Demo" dan "Download" dengan berbagai tampilan yang berbeda. Berhubung blog saya memakai tutorial yang akan saya sampaikan ini, maka saya ingin membagikannya juga kepada Anda yang belum tahu cara membuat tombol ini.

Preview

• Demo
• Download

Ikuti langkah-langkah berikut ini.

1. Masuk ke akun blog Anda.

2. Pada Dashboard, klik Template > Edit HTML.

3. Cari kode ]]></b:skin>
4. Tambahkan kode di bawah ini diatas ]]></b:skin>

/*Download Demo Button*/
.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}
.demo {border: none; border-radius:2px;padding: 8px 80px !important; background: #E55E48; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition:background-color 1s ease-out 0s;letter-spacing:1px; }
.download {border: none; 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); transition: background-color 1s ease-out 0s; letter-spacing:1px;}
.demo:hover { background: #454242; text-shadow: 0 0 1px #222}
.download:hover { background: #454242; text-shadow: 0 0 1px #222}

5. Untuk penggunaannya, copy kode berikut di postingan pada mode HTML bukan Compose.

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

6. Simpan. Selesai.

===

Terima Kasih Telah Berkunjung
Judul: Cara Membuat Tombol DEMO DOWNLOAD Valid HTML5
Ditulis Oleh YuliaaargH™
Jika mengutip harap berikan LINK AKTIF yang menuju pada artikel Cara Membuat Tombol DEMO DOWNLOAD Valid HTML5 ini. Sesama Blogger mari saling menghargai. Untuk menjalin silaturahmi, silakan berkomentar agar saya dapat BLOGWALKING ke blog Anda. Terima kasih atas perhatiannya.