Cara Membuat Tombol Download Keren di Blogger

Anirocksite.com - Kali ini saya akan membagikan bagaimana cara membuat tombol download keren di Blogger ( judulnya familiar amat ya :v ).

Para pemilik web tentunya sangat ingin melengkapi fitur fitur mereka agar dapat digunakan suatu hari nanti, khususnya web atau blog download. Tombol download yang akan saya bagikan kali ini sangat menarik dan memiliki desain simple (gak simple simple tapi rekomen buat kamu) tentunya sangat cocok untuk kamu yang punya web/blog download. Adapun DEMO tombol download tersebut klik tombol dibawah ini.

Jika kamu sudah melihat DEMOnya begitulah hasilnya, bagaimana ? biasa saja kan ? Nah bagi kamu yang tertarik ingin mencoba tombol download tersebut silahkan ikuti tutor dibawah ini. Yuk langsung saja kita lihat tutornya.

Cara Membuat Tombol Download Keren di Blogger
Disini saya anggap kamu sudah login ke Blogger dan sudah masuk ke text editor template blogmu.

1. Pertama, copy kode CSS dibawah ini dan letakkan tepat diatas kode </b:skin> atau </style>,

/* DOWNLOAD BOX By Anirocksite */
._downloadbox {border-radius:3px;background:#f9f9f9;margin-bottom:5px;margin-top: 15px;}
._downloadbox h2 {background: #ff749f;padding: 8px;margin-bottom: 3px;color: #fff! important;font-size: 90%;}
._downloadbox h2 i{padding-right: 5px;color: #fff;margin-top:5px}
._downloadbox ul,.downloadcloud ul li {list-style-type: none;padding: 0;margin: 0;}
._downloadbox li strong {padding: 2px 8px;border-radius: 2px;display: inline-block;margin-bottom: 5px;color: #fff;background: rgb(255, 116, 159);background-size: auto;animation: Gradient 15s ease infinite;background-size: 320% 200%;}
._downloadbox li a {padding: 6px 8px;background:rgb(255, 116, 159, 0.5);font-weight:bold;border-radius: 2px;color: #fff;font-size: 12.5px;line-height: 31px;}
._downloadbox li a:hover{background: rgb(255, 116, 159);}

2. Setelah itu simpan dan Save template tersebut,
3. Kembali kedashboard Blogger dan buat postingan baru, dan pilih mode penulisan HTML,
4. Copy Kode HTML dibawah ini untuk memanggil CSS tombol download tersebut

Perhatikan!! teks yang saya beri highlighter Gradient, silahkan ubah sesuai keinginanmu, Dan disini iconnya saya menggunakan icon Fontawesome bukan SVG, jika kalian tidak ingin menggunakan Fontawesome silahkan ganti ke SVG.

<div class="_downloadbox">
<h2>
<i class="fa fa-cloud-download"></i> DOWNLOAD APP/Anime/Movie/Template NOW
<a href="https://anirocksite.com/"><i class="fa fa-star-o" style="float: right;"></i></a></h2>
<ul>
<li>
<strong><i class="fa fa-arrow-right"></i></strong>
<a href="Masukkan URL">Anonfile</a>   
<a href="Masukkan URL">Google Drive</a> 
<a href="Masukkan URL">Solidfiles</a>  
<a href="Masukkan URL">Zippyshare</a>  
<strong><i class="fa fa-arrow-left"></i></strong>
</li>
</ul>
</div>

5. Terakhir Publish atau simpan artikel, atau kamu juga dapat melakukan pratinjau terlebih dahulu untuk melihat hasilnya.

Demikianlah tutorial bagaimana cara membuat tombol download keren (judul familiar slur :v) yang dapat saya bagikan untuk teman teman blogger.

Dan jika ada kesempatan ditutorial berikut berikutnya saya akan membagikan bagaimana cara membuat tombol download With Counter yang mungkin sering kamu lihat disitus situs download, yang setiap kali menekan tombol download tersebut akan terhitung dan Semoga bermanfaat :D.