Membuat Tombol Demo Download di Blogger

Di kesempatan kali ini saya akan mebagikan Cara Membuat Tombol Demo Download Keren Di Blog. Biasanya para admin website download script / html pembuat longo download ini sangat berguna / bermanfaat sekali, karena kenapa tombol download ini tanpa di sertai gambar jadi asli dari kode html / secript saja. Kita tidak di repatkan dalam penggangtian logo downloadnya.

Logo download ini bisa kalian gunakan dalam pembuatan web site donload seperti download lagu, Video, aplikasi dan lain sebnaginya.
Seperti anangzd.com memaki kode logo download, kode ini saya bagikan kepad kalian secara cuma cuma kurang apa saya kepada kalian hahahaha...... Ya kalau ini bisa bermanfaat buat kalian kenapa tidak. Semoga saja code / script ini bisa berguna untuk kalian dan semua orang amin.

Dalam penempatan kode ke dalam postingan pun juga sangat mudah tidak ribet, dengan adanya kode ini pastinya kalian terbantukan. Oky langsung saja ke paduan cara pemasangannya di bawah ini.

Langkah - langkah Membuat Tombol Demo Download Keren Di Blog :
  • Masuk ke Dasbor postingan.
  • Ubah postingan dari compess ke HTML.
  • Paste kode di bawah ini ke dalam HTML.
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></link>
<style>
.jagoankode {
margin-right:9px;
padding: 15px 25px;
font-size: 24px;
text-align: center;
cursor: pointer;
outline: none;
color: #fff;
background-color: #009688;
border: none;
border-radius: 15px;
box-shadow: 0 9px #000;
}
/* Darker background on mouse-over */
.jagoankode:hover {
background-color: #a5a6a7;
}
.jagoankode:active {
background-color: #3e8e41;
box-shadow: 0 5px #666;
transform: translateY(4px);
}
</style>
<br />
<center>
<a href="https://jagoankode.blogspot.com" target="_blank">
<button class="jagoankode"><i class="fa fa-eye"></i> Demo</button></a>
<a href="https://jagoankode.blogspot.com" target="_blank">
<button class="jagoankode"><i class="fa fa-download"></i> Download</button></a>
</center>
  • Save dan sukses.

NB: kalian bisa merubahnya mulai dari warna dan yang lainya, hati - hati dalam modifikasi ya.

Bagiman sangat mudah sekalikan semoga panduan yang saya bagikan ini bisa bermanfaat buat kalian, dan jangan lupa untuk di bagikan ilmunya ya agar bisa bermanfaat buat sesama.
Bagikan:

Post a Comment

Top Ads

Bottom Ads