Tombol Download Dan Demo Di Blog Keren Responsive - Oke Di Kesempatan Kali Ini Saya Akan Membagikan Cara Buat Tombol Download Dengan Tombol Demo
Contohnya Di Bwah Ini ^_^
Nah Di Atas Adalah Contoh Tombol Downloadnya...
Kita Langsung Saja Tutorialnya
- Login Blogger
- Dasboard
- Template
- Edit Html
- Cari Kode ]]></b:skin>
- Letakan Kode Di Bawah Ini Tepat Di Atas Kode ]]></b:skin>
.button{float:left;list-style:none;text-align:center;width:95%;margin:10px; padding:2px;font-size:14px;clear:both;} .button ul {margin:0;padding:0} .button li{display:inline;margin:5px;padding:0;list-style:none;} .demo,.download {padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:'Open Sans',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;opacity:0.9;transition:all 0.3s ease-out;} .demo {background-color:#5a6269;} .download {background-color:#ff9e47;} .demo:hover {background-color:#ff9e47;color:#fff;opacity:1;} .download:hover {background-color:#5a6269;color:#fff;opacity:1;} .demo:before {content:'\f135';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;} .download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
Lalu Letakan Kode Di Bawah Ini Di HTML Posting
<div style="text-align: center;">Nah Tinggal Ganti URL Dengan URL Mu
<ul class="button">
<li><a class="demo" href="URL" target="_blank" title='Demo'>Demo</a></li>
<li><a class="download" href="URL" target="_blank" title='Download'>Download</a></li>
</ul>
</div>
<div class="clear"></div>
