Cara Menambahkan Tombol Donasi di Blog

Buat kamu yang blognya belum bisa di monetize atau buat kamu yang ingin menambah penghasilan kamu sangat beruntung jika mampir untuk membaca artikel ini. Karena dalam artikel kali ini saya akan berbagi tutorial buat kamu yang ingin menambah penghasilan dari blog dengan cara memasang tombol donasi baik dari paypal maupun platform lainnya. Sebetulnya cara ini sudah tidak asing sih namun setelah saya coba searching di Google baru beberapa blogger saja yang membagikan tutorialnya.

Lanjut yah, menjadi seoarang blogger tidaklah mudah, terkadang kita banyak mengorbankan waktu, pikiran dan tenaga agar blog kita tampil bagus dan enak serta  nyaman untuk dikunjungi. Selain itu dalam membuat artikel juga tidak bisa sembarangan, karena dalam aturan google apabila artikel kita hasil Copas nantinya tidak bisa didaftarkan ke google adsense untuk di monetisasi. Untuk itulah saya menulis artikl ini dan membagikan pengalaman saya agar bisa memotivasi temen-temen khususnya yang baru terjun ke dunia blogger. Dan karena saya sendiri telah memiliki akun paypal maka didalam blog ini donasi yang saya pasang ketika di klik akan mengarah ke halaman Paypal

Sedikit penjelasan tentang paypal, paypal merupakan sebuah sistem pembayaran dalam bentuk elektronik yang menggantikan transaksi konvensional berupa cek dan transfer uang. Dengan memiliki akun paypal maka kamu sudah memliki rekening online yang bisa kamu gunakan untuk membeli produk, bahkan kamu juga bisa menerima dana dari teman maupun orang yang juga memiliki akun paypal atau kartu kredit. Cukup menarik bukan ?

Jadi, Sebelum memasang tombol donasi, alangkah baiknya jika kamu terlebih dahulu membuat akun PayPal. Untuk mendaftar kamu bisa kunjungi klik Daftar PayPal atau kunjungi link berikut :  https://www.paypal.com/id/webapps/mpp/home

• Masuk ke dashboard blogger kamu
• Pilih Tata Letak => Tambahkan Widget => HTML/Java Script
• Salin dan tempelkan kode dibawah ini ke kolom HTML/Java Script

<style>

.pscom{

    background: linear-gradient(45deg, #f22613, #f89406, #26a65b, #5868ec, #f54e80, #f7ca18, #d2527f);

    background-size: 500% 500%;

    -webkit-animation: pscom 12s ease infinite;

    -moz-animation: pscom 12s ease infinite;

    animation: pscom 12s ease infinite;

}

@-webkit-keyframes pscom {

    0%{background-position:0% 50%}

    50%{background-position:100% 50%}

    100%{background-position:0% 50%}

}

@-moz-keyframes pscom {

    0%{background-position:0% 50%}

    50%{background-position:100% 50%}

    100%{background-position:0% 50%}

}

@keyframes pscom {

    0%{background-position:0% 50%}

    50%{background-position:100% 50%}

    100%{background-position:0% 50%}

}

</style>

<style>

.penasharingDonasi { /* Warna Background */

  color:#ffffff;

  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;}

.penasharingDonasi .ikon a {background-color:#ffffff; /* Warna Ikon */

  color:#c10e0e;

  text-decoration:none; display:block; padding:5px; border-radius:7px; text-align:center; -webkit-animation:penasharingBounce 1s linear 1s infinite normal; animation:penasharingBounce 1s linear 1s infinite normal}

.penasharingDonasi svg {width:50px; height:50px}

.penasharingDonasi svg path {fill:#c10e0e}

.penasharingDonasi .ikon {margin-right:15px}

.penasharingDonasi .deskripsi {line-height:1.5em;}

.penasharingDonasi .deskripsi .judul {font-size:18px; font-weight:bold; display:block; margin-bottom:10px;}

@keyframes penasharingBounce{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 penasharingBounce{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)}

}

</style>

<!-- Paypal Donation Box Bounce-->

<div class='penasharingDonasi pscom'>

  <div class='ikon'>

    <a href='########?locale.x=id_ID' 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'/></path></svg>

      <span>KLIK</span>

    </a>

  </div>

  <div class='deskripsi'>

    <span class='judul'>DONASI VIA PAYPAL</span>

    Yuk Donasi ke Blog ini, Bantu berikan donasi jika dirasa blog ini bermanfaat. Donasi akan kita gunakan untuk membiayai seluruh kebutuhan blog ini, salah satunya adalah untuk menggaji penulis kita. Terima kasih telah mempercayakan <b><i>www.Your Blog.com </i></b>. Terima kasih :)

  </div>

</div>

• Jika sudah, ganti tanda pagar yang berwarna biru dengan URL paypal atau URL donasi kamu yang lain
• Jika kamu menggunakan paypal maka tulisan " DONASI VIA PAYPAL " kamu biarkan saja, akan tetapi jika kamu menggunakan platform lain maka ganti dengan sesuai yang kamu gunakan.
• Untuk deskripsi juga bisa kamu ganti sesuai dengan kata-kata kamu sendiri
• Bila sudah semua, silahkan simpan. Makan tampilannya akan seperti ini :
• 
  
  
  
  
• Agar tombol donasi bisa muncul di setiap postingan artikel maka kamu bisa tempatkan widget Donasi ini dibawah artikel kamu dengan cara menaruh widget tersebut dibawah Kolom Postingan Blog