For world peace, liberate Al-Aqsa, eliminate Israel and anyone who is with Israel, they are the real terrorists
Bacakan

Cara membuat tombol download Khusus Zip diblogger

Hello sobat icloudZer kali ini admin bakalan memberikan informasi mengenai bagaimana cara membuat tombol download khusus Zip diblogger

Info: Oke jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama okay

Disclaimer

Sebelum saya benar benar membahas mengenai bagaimana caranya membuat tomzip download zip diblogger, saya akan memberikan disclaimer dulu bahwa setiap artikel yang kami tuliskan disini adalah murni tulisan admin, jadi jika kamu ingin mengcopy paste harap sertakan link sumber oke

Ketika kamu sedang membaca artikel disini kemudian ada penjelasan yang tidak kamu pahami kamu bisa menyampaikannya dikolom komentar oke agar admin bisa memperbaiki penulisan didalam artikel ini

Peringatan: Artikel ini khusus untuk orang yang paham aja, atau orang yang sedang memerlukan artikel seperti ini untuk pengetahuannya, bagi kamu yang tidak paham sama sekali menjauh aja karena mungkin disini mungkin bukan tempat kamu untuk mendapatkan informasi

Tombol download Zip

Admin sering sekali membahas mengenai bagaimana caranya membuat tombol download diblogger, namun berbedanya kali ini admin bakalan memberikan informasi mengenai bagaimana sih cara membuat tombol download Zip diblogger, oke dan sebenarnya fungsinya untuk apa?

Fungsi Tombol

Seperti namanya tombol download Zip diblogger berfungsi untuk menampilkan file Zip dengan tampilan sedikit berbeda didalam sebuah artikel, kemudian kamu bisa menyematkan link download didalam source kode yang bakalan admin berikan sebentar lagi

Cara pembuatan

Baiklah sekarang saatnya admin menjabarkan bagaimana sih caranya membuat tombol download Zip diblogger, perhatikan setiap langkah yang admin jabarkan dibawah ini

Kode CSS

Seperti biasanya langkah pertama yang bisa kamu lakukan adalah menyalin kode CSS dibawah ini kemudian kamu bisa meletakkannya diatas kode ]]><b:skin>

.__rah-dnw-in{display:flex;align-items:center;margin:1.7em 0;padding:15px;border:2px solid #ebeced;border-radius:3px;font-size:13px}
.__rah-dnw-in .__rah-icn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:10px;border-radius:8px;color:#fefefe;background:#ebeced linear-gradient(200deg,#00dcc0 0,#f80000 80%);font-weight:700;font-family:Poppins, sans-serif}
.__rah-dnw-in .__rah-txt{padding:0 12px;width:calc(100% - 150px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.__rah-dnw-in .__rah-lk{flex-shrink:0;display:flex;font-size:11px;margin:0 0 0 auto;padding:7px 12px}
.__rah-dnw-in .__rah-lk .m-icon{width:15px;height:15px}.dark-mode .Blog .__rah-dnw-in{border-color:rgba(255,255,255,.1)}

Info: Atau kamu bisa menggunakan Tag kode <style> untuk meletakkan kode CSS tersebut

Kode HTML

Langkah selanjutnya kamu bisa menyalin lagi kode HTML berikut ini, kemudian kamu bisa menggunakan kode HTML saat kamu ingin menampilkan tombol download Zip tersebut

<div class='__rah-dnw-in'>
  <span class='__rah-icn'>Zip</span>
  <span class='__rah-txt'>Template-premium.zip</span>
  <a class='button __rah-lk' href='url_anda_disini' target='_blank' rel='noreferrer noopener'><i class='m-icon download'></i>Download</a>
</div>

Info: Fungsi dari kode HTML diatas adalah untuk menampilkan tombol download Zip tersebut

Contoh Tampilan

Baiklah agar kamu tidak penasaran dengan contoh tampilan dari tombol download Zip diblogger, kamu bisa menggunakan tombol dibawah ini untuk bisa melihatnya

Info: Bagaimana sobat dengan contoh tampilannya keren tak, pastilah 🥲



Zip Template-premium.zip Download


About the Author

Keindahanmu akan kuabadikan disetiap karyaku.

Post a Comment

Menghasilkan uang melalui survei berbayar
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.