Maniac-blog

I accept ads placement / content placement services on my website (backlink). you can contact me via WhatsApp
Go - Maniac-developer Homepage Berita Bisnis Blogging Internet Pemrograman Sosial Media Teknologi Tips dan trik Tutorial Blogspot Tutorial Wordpress About Me / Contact Me Privacy Policy Term Of Service
2008100542014244.jpg
- Blogging

Membuat Form Donasi HTML / Blogger / Wordpress

Apakah anda ingin membuat form donasi untuk website anda , baik itu blogger , wordpress ataupun apapun jenis website anda , caranya cukup mudah . anda bisa melihat script ini  

Tanpa basa-basi lagi langsung saja anda login ke akun blogger anda. Salin CSS dibawah ini, dan tempelkan tepat diatas tag </head>


Kemudian anda salin kode JavaScript dibawah ini dan letakan tepat diatas tag </body>

<script type="text/javascript">
// INSERT JS HERE

// SOCIAL PANEL JS
const floating_btn = document.querySelector(".floating-btn");
const close_btn = document.querySelector(".close-btn");
const social_panel_container = document.querySelector(".social-panel-container");
floating_btn.addEventListener("click", () => {
    social_panel_container.classList.toggle("visible")
});
close_btn.addEventListener("click", () => {
    social_panel_container.classList.remove("visible")
});
</script>

Langkah selanjutnya, anda salin kode HTML dibawah ini dan anda bisa letakan diantara sidebar atau didalam postingan dan halaman pada blog anda.

<div class="box">
    <img src="https://image.flaticon.com/icons/svg/138/138292.svg" alt="coins" />
    <h2>Donasi</h2>
    <p>Dana yang anda berikan, akan digunakan untuk Perpanjang Domain.</p>
    <a href="https://paypal.me/bredther" target="_blank" class="btn paypal">
        <i class="fab fa-paypal"></i> Paypal
    </a>
    <a href="https://patreon.com/calondesain" target="_blank" class="btn patreon">
        <i class="fab fa-patreon"></i> Patreon
    </a>
</div>

Untuk demo nya anda bisa lihat dibawah ini: DEMO
Mungin sampai disini dulu yah, semoga bisa bermanfaat dan jangan lupa untuk selalu berbagi informasi

Butuh Hosting

Jika ingin membeli hosting menggunakan refferall kami , Anda akan mendapatkan 1 layanan gratis dari saya pribadi yaitu , saya akan membuat desain website HTML menggunakan Bootstrapstudio untuk anda secara gratis (Cuma cuma) Whatsapp Saya

Hosting Unlimited Indonesia

Maybe You Like


Membuat Form Donasi HTML / Blogger / Wordpress
Pubdate : , Blogging

Pada kesempatan kali ini, saya akan berbagi informasi bagaimana caranya menerapkan SEO pada blog atau Website yang baru dibuat, agar dapat diketahui atau bisa juga berada pada OnePage.

Membuat Form Donasi HTML / Blogger / Wordpress
Pubdate : , Blogging

Apakah saat ini anda sedang ingin membuat blog / website anda menjadi komersil / memiliki pendapatan dari adsense . lihat beberapa Persyaratan Mengajukan Iklan Adsense

Membuat Form Donasi HTML / Blogger / Wordpress
Pubdate : , Blogging

Pada kesempatan kali ini calon design akan berbagi informasi tentang profile card yang pastinya anda pernah melihatnya . khusus pada postingan kali ini saya akan share script design profile card versi maniac-developer yah!! semoga anda suka

Membuat Form Donasi HTML / Blogger / Wordpress
Pubdate : , Blogging

Meningkatkan visitor organik ternyata bukan hal yang gampang. Setiap blogger akan berusaha meningkatkan visitor organik dari google. Berikut 5 Cara Meningkatkan pengunjung organik

Hai Sahabat Maniac . Pasang Aplikasi hanya 3 detik untuk membantu anda membaca setiap harinya . Pasang App