Langsung ke konten utama

Membuat Widget Donasi Via PayPal

Membuat Widget Donasi Via PayPal

Hallo, bertemu kembali, artikel ini akan menjelaskan tentang blogger sign up Membuat Widget Donasi Via PayPal simak selengkapnya 

Membuat Widget Donasi Via PayPal - Selain melalui Adsense, awak jua bisa memperoleh penghasilan dari blog dengan memasang widget donasi. Dengan memanfaatkan widget donasi, para donatur ataupun klien setia blog awak akan dengan encer membantu memberikan bingkisan seikhlasnya untuk keperluan blog anda.

Nah, kaidah ini cocok untuk awak yang ingin menyediakan kotak bingkisan lewat paypal di blog anda. Sebelum kalian memasang widget ini, pastikan kalian sudah memiliki akun PayPal. Jika belum, kalian bisa pergi ke https://www.paypal.me untuk mendaftar, dengan ikuti langkah-langkahnya. Setelah itu buat tautan menuju akun anda.

Membuat Widget Donasi Via PayPal

Membuat Kotak Donasi Via PayPal

Setelah berhasil mendata PayPal.Me, pergi ke dashboard akun Blogger dengan buka Pengaturan Template. Simpan kode CSS berikut tepat DI ATAS </style> atau ]]></b:skin>

<style type="text/css">
.roDonasi background:#383838; /* warna background */
    color:#000; justify-content:left; margin:20px 0px; display:flex; padding:15px; overflow:hidden; border-radius:4px;
.roDonasi .ikon a background-color:#008c5f; /* warna ikon */
       color:#fff; text-decoration:none; display:block; padding:5px; border-radius:7px; text-align:center;
.roDonasi svg width:50px; height:50px
.roDonasi svg path fill:#bde0b9
.roDonasi .ikon margin-right:15px
.roDonasi .deskripsi line-height:1.5em; color: white; 
.roDonasi .deskripsi .judul font-size:17px; font-weight:bold; display:block; margin-bottom:7px; color: white;
</style>

Lalu simpan kode HTML ini di Widget > HTML/JavaScript

<!--Kotak Donasi PayPal-->
<div class='roDonasi'>
  <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 lewat Paypal'>
      <svg viewbox='0 0 24 24'><path d='M8.32,21.97C8.21,21.92 8.08,21.76 8.06,21.65C8.03,21.5 8,21.76 8.66,17.56C9.26,13.76 9.25,13.82 9.33,13.71C9.46,13.54 9.44,13.54 10.94,13.53C12.26,13.5 12.54,13.5 13.13,13.41C16.38,12.96 18.39,11.05 19.09,7.75C19.13,7.53 19.17,7.34 19.18,7.34C19.18,7.33 19.25,7.38 19.33,7.44C20.36,8.22 20.71,9.66 20.32,11.58C19.86,13.87 18.64,15.39 16.74,16.04C15.93,16.32 15.25,16.43 14.05,16.46C13.25,16.5 13.23,16.5 13,16.65C12.83,16.82 12.84,16.79 12.45,19.2C12.18,20.9 12.08,21.45 12.04,21.55C11.97,21.71 11.83,21.85 11.67,21.93L11.56,22H10C8.71,22 8.38,22 8.32,21.97V21.97M3.82,19.74C3.63,19.64 3.5,19.47 3.5,19.27C3.5,19 6.11,2.68 6.18,2.5C6.27,2.32 6.5,2.13 6.68,2.06L6.83,2H10.36C14.27,2 14.12,2 15,2.2C17.62,2.75 18.82,4.5 18.37,7.13C17.87,10.06 16.39,11.8 13.87,12.43C13,12.64 12.39,12.7 10.73,12.7C9.42,12.7 9.32,12.71 9.06,12.85C8.8,13 8.59,13.27 8.5,13.6C8.46,13.67 8.23,15.07 7.97,16.7C7.71,18.33 7.5,19.69 7.5,19.72L7.47,19.78H5.69C4.11,19.78 3.89,19.78 3.82,19.74V19.74Z'/></svg>
    </a>
  </div>
  <div class='deskripsi'>
    <span class='judul'>DONASI VIA PAYPAL</span>
    Tulis Deskripsi disini.
  </div>
</div>
NOTE: Jika kalian ingin memasang di bagian bawah postingan simpan kode HTML di atas tepat DI BAWAH <data:post.body/>

Kotak bingkisan ini sangat ringan karena memanfaatkan gambar SVG. Jika awak menginginkan Donasi lewat lain awak bisa mengganti gambar dengan link dengan Bitcoin, OVO, Pulsa, dll.

Referensi: https://www.igniel.com

DONASI VIA PAYPAL Bantu berikan bingkisan jika artikel bermanfaat. Donasi akan digunakan sebaik mungkin untuk kepentingan renovasi-otak.blogspot.com. Terimakasih.

Sekian penjelasan tentang Membuat Widget Donasi Via PayPal semoga info ini menambah wawasan terima kasih

Artikel ini diposting pada tag blogger sign up, blogger pemula, , tanggal 27-09-2019, di kutip dari https://renovasi-otak.blogspot.com/2019/07/membuat-widget-donasi-via-paypal.html

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Mengunci Halaman Blog yang Bersifat Privasi

Hohoho, selamat sore, pada kali ini akan membawa pembahasan mengenai blogger template Cara Mengunci Halaman Blog yang Bersifat Privasi simak selengkapnya  Jika sebelumnya admin telah membagikan  cara basmi bulan dan tahun atas url blogger , kali ini admin akan membagikan cara  cara mengunci jerambah blog dengan javascript . Cara ini dianjurkan untuk blogger yang memiliki jerambah yang bersifat privasi. Dengan hanya menggunakan JavaScript, anda telah bisa mengunci jerambah blog tersebut dan tidak perlu khawatir lagi andaikan siap orang lain yang mengunjungi jerambah isolasi kita. Contoh, jerambah yang berisi foto(Galery), ataupun jerambah yang berisi kode-kode penting yang siap di blog kita, dan lain sebagainya. Ketika anda telah memasang script, orang yang mengunjungi jerambah tersebut akan diminta memasukkan password yang telah tercantum atas script tersebut. Cara Mengunci Halaman Blog dengan JavaScript <script language="JavaScript"> var password; var pass1=...
Posting Komentar
Baca selengkapnya

Tutorial CSS: Mengubah Design Table HTML Keren

Hi, selamat pagi, sesi kali ini akan membawakan tentang lagu renovasi otak Tutorial CSS: Mengubah Design Table HTML Keren simak selengkapnya  Renovasi Otak  - Table merupakan element yang paling penting dengan paling sering kita gunakan buat menampilkan data misalnya. Selain menampilkan data dalam bentuk list, kita juga bisa menampilkan data dalam bentuk table. Data yang ditampilkan dalam bentuk table sangatlah sederhana dengan tidak memiliki warna. Jadi alangkah baiknya table tersebut kita design agar lebih menarik dengan enak dipandang. Masih sekitar CSS, kali ini admin akan membagikan cara melahirkan design table dengan css. Langsung saja simak penjelasan berikut ini. Cara Membuat Design Table dengan CSS Perhatikan contoh penulisan table dibawah ini index.html <!DOCTYPE html> <html> <head> <title>Renovasi Otak | Cara Membuat Design Table dengan CSS</title> <link rel="stylesheet" type="text/css" href="style....
Posting Komentar
Baca selengkapnya

Memasang Lazy Load Image Untuk Mempercepat Loading Blog

Hi, selamat siang, sesi kali ini akan menjelaskan tentang blogging tips Memasang Lazy Load Image Untuk Mempercepat Loading Blog simak selengkapnya  Renovasi Otak - Gambar merupakan hal terutama dalam faktor kecepatan blog , ntah itu sebuah banner, logo, maupun gambar produk pemasaran atau thumbnail. Apa jadinya jika suatu blog tak memiliki gambar? pasti tak pernah terbayangkan tentang itu. Sayangnya, gambar dalam bentuk besar merupakan aspek yang mempengaruhi kecepatan pada blog tersebut. Pada pertemuan kali ini, admin hendak membahas tentang Lazy Load Image . Sebuah teknik yang membantu meningkatkan waktu pencantuman halaman, mengurangi bentuk halaman, dan tetap mempertahankan semua gambar pada halaman. Apa itu Lazy Load Image? Mengapa Lazy Load Image? Cara Memasang Lazy Load Image Apa Itu Lazy Load Image Lazy Load Image atau jika diartikan malas memuat gambar, merupakan teknik menunda pencantuman gambar pada suatu jerambah web. Maksudnya, gambar yang tak dibutuhkan di a...
Posting Komentar
Baca selengkapnya