Cara Membuat Tombol Buton Download Demo DLL

Cara Membuat Tombol Buton Download Demo DLL - Tombol buton, apa itu? tombol yang ada donlotnya loh wkwkw :D Namun sebelum anda memasang Cara ini,pastikan terlebih dahulu anda menggunakan Font Awesome di dalam template anda dan sebelum anda mengikuti langkah-langkah di bawah ini,karena tanpa terpasangnya tombol Awesome di Template anda maka tidak akan terbentuk tombol yang sesuai saya Share disini,Jdi terlebih dahulu silahkan anda Cek template anda apakah sudah terpasang Font Awesome,dan jika sudah terpasang Font Awesome di template anda,silahkan anda mengikuti langkah-langkah pembuatannya di bawah ini:

 Langkah-langkah pembuatan Tombol demo atau download dengan CSS
  • Masuk ke Blogger anda
  • Lalu Pilih template nya
  • Setelah itu silahkan anda cri kode berikut ]]></b:skin> agar memudahkan pencariannya silahkan carai menggunakan CTRL+F
 .bton-grup{width:500px;text-align:center;margin:5px auto}.bton{display:inline-block;height:50px;line-height:50px;padding-right:20px;padding-left:70px;position:relative;background:#1abc9c;color:#fff;font-size:22px;font-family:'Yanone Kaffeesatz',sans-serif;text-transform:uppercase;letter-spacing:1px;margin:5px;border-radius:1px;text-shadow:0 1px 0 rgba(0,0,0,0.5);box-shadow:0 2px 2px rgba(0,0,0,0.2)}.bton span{text-align: center;position:absolute;left:0;width:50px;background:rgba(0,0,0,0.5);border-top-left-radius:1px;border-bottom-left-radius:1px;border-right:1px solid rgba(0,0,0,0.15)}.bton:hover span{background:#222;border-right:1px solid rgba(0,0,0,0.3)}.bton.orange{background:#FF7F00}.bton.purple{background:#8e44ad}.bton.blue{background:#297fb8}.bton.red{background:#e74c3c}
  • Setelah itu silahkan anda Save template anda
Dan cara penggunaanya,silahkan anda simpan kode di bawah ini di setiap postingan anda,
<a href='http://www.amint85.blogspot.com' class='bton'><span><i class="fa fa-download"></i></span>Example</a>
<a href='http://www.amint85.blogspot.com' class='bton orange'><span><i class="fa fa-file-text"></i></span>Example</a>
<a href='http://www.amint85.blogspot.com' class='bton purple'><span><i class="fa fa-folder-open"></i></span>Example</a>
<a href='http://www.amint85.blogspot.com' class='bton blue'><span><i class="fa fa-paperclip"></i></span>Example</a>
<a href='http://www.amint85.blogspot.com' class='bton red'><span><i class="fa fa-link"></i></span>Example</a>

  • Lihat Hasilnya :)