Cara Membuat Kotak Donasi PayPal di Postingan Blogger

Kotak donasi paypal ini bermanfaat untuk para blogger dalam meringankan biaya untuk menopang website tersebut. Cek disini tutorial pemasangannya!
Kotak Donasi PayPal di Blog

Cara Membuat Kotak Donasi PayPal di Postingan Blogger - Kotak Donasi sering digunakan untuk membantu penambahan biaya bagi orang-orang yang kekurang dana, terkadang blogger yang kekurangan dalam hal memperpanjang domain, hosting dan sebagainya sangat bermanfaat untuk mereka terus semangat dalam memberikan informasi dan ilmunya kepada kita semua yang membutuhkan.

Kebanyakan para Blogger mempunyai akun PayPal, akun ini memang wajib dimiliki oleh blogger apalagi mereka berpartner dengan penyedia iklan luar negeri yang membayar penghasilannya dengan uang dollar. Karena itu akun ini sangat wajib dimiliki oleh para Blogger yang bertujuan untuk mencari sepeser uang dari blog.

Sebenarnya kotak ini bisa Sobat ubah menggunakan akun OVO, DANA, GoPay maupun LinkAja cukup dengan cara merubah alamat walletna saja dan sesuaikan deskripsi lainnya. Untuk lebih jelasnya kita langsung ke cara pembuatan Kotak Donasi PayPal di Postingan Blogger yang akan Admin bahas di bawah ini.

Note: Apabila Sobat belum mempunyai akun PayPal, klik https://www.paypal.me/.

Jangan lupa, simak artikel ini sampai selesai dan teliti dalam pembuatannya agar berhasil secara sempurna.

Cara Membuat Kotak Donasi PayPal di Blog

  • Buka dashboard Blogger Sobat.
  • Pilih menu Tema > Edit HTML.
  • Copy-paste script dibawah ini sebelum tag </style> atau ]]></b:skin>.
  • /* Paypal Donation Box Bounce by ahmiw.com */
    .ahmiwDonasi {background:#bde0b9; /* warna background */
      color:#000;
      display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; align-items:flex-start; flex-wrap:nowrap; justify-content:center; margin:20px 0px; display:flex; padding:15px; overflow:hidden; transition:all .3s ease; border-radius:7px;}
    .ahmiwDonasi .ikon a {background-color:#008c5f; /* warna ikon */
      color:#fff;
      text-decoration:none; display:block; padding:5px; border-radius:7px; text-align:center; -webkit-animation:ahmiwBounce 1s linear 1s infinite normal; animation:ahmiwBounce 1s linear 1s infinite normal}
    .ahmiwDonasi svg {width:50px; height:50px}
    .ahmiwDonasi svg path {fill:#bde0b9}
    .ahmiwDonasi .ikon {margin-right:15px}
    .ahmiwDonasi .deskripsi {line-height:1.5em;} 
    .ahmiwDonasi .deskripsi .judul {font-size:18px; font-weight:bold; display:block; margin-bottom:10px;}
    
    @keyframes ahmiwBounce{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
    40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
    50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
    65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
    75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
    }
    @-webkit-keyframes ahmiwBounce{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
    40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
    50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
    65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
    75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
    }
  • Kemudian, copy-paste juga script dibawah tepat setelah tag <data:post.body/>.
  • <!-- Paypal Donation Box Bounce by ahmiw.com -->
    <div class='ahmiwDonasi'>
      <div class='ikon'>
        <a href='https://www.paypal.me/xxxx' onclick='window.open(this.href,"toolbar=0,status=0,width=800,height=600");return false;' title='Klik Untuk Donasi via Paypal'>
          <svg viewbox='0 0 24 24'><path d='M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z'/></svg>
          <span>KLIK</span>
        </a>
      </div>
      <div class='deskripsi'>
        <span class='judul'>DONASI VIA PAYPAL</span>
        Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain <b><i>www.ahmiw.com</i></b>. Terima kasih.
      </div>
    </div>

Note: Ganti alamat URl tersebut dengan alamat username akun PayPal, OVO, DANA, GoPay atau LinkAja milik Sobat. Lalu, tulisan yang sudah diblok warna juga silahkan Sobat sesuaikan saja dengan keinginan.

  • Apabila selesai, langsung Simpan saja. Dan kotak donasi Sobat sudah berhasil dipasang.

Itulah Cara Membuat Kotak Donasi PayPal di Postingan Blogger yang dapat Admin bagikan, apabila ada pertanyaan silahkan komen di kolom komentar yang sudah tersedia dibawah. Semoga bermanfaat, sekian dan terimakasih.