Cara ini hasil kreasi sendiri, jadi mohon maaf jika tampilannya kurang menarik.
namun jika anda mengerti tentang bahasa pemrograman, semoga ini bisa menjadi sedikit masukkan inspirasi sehingga nantinya dapat membuat dengan tampilan yang lebih menarik.
Inti dari pembuatan Menu Beri Donasi Di Blog hanya mengabungkan gambar dengan link atau lebih mudahnya kita sebut link dalam gambar. yaitu, jika gambar diklik akan memunculkan halaman sesuai link yang tersimpan.
Tinggal bagaimana kita mengkreasikannya saja sehingga tampilannya lebih menarik.
Berikut Ini Nama Bank Indonesia Yang ditampilkan:
1. Bank BRI
2. Bank BCA
3. Bank BNI
4. Bank Mandiri
5. Bank Danamon
6. Bank Muamala
7. Bank Indonesia
1. Menampilkan Beri Donasi dengan menu scroll.
- Silahkan masuk ke halaman tata letak lalu klik Tambahkan Gadget di menu blogger.
- Pilih HTML/Javascript
- Beri judul Gadget.
- copy paste kode berikut, dan taruh dikolom dibawah judul gedget.
<div style="overflow:auto;width:200px;height:200px;padding:10px;border:1px solid #eee">
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr align="center"><td><a href="http://www.bankmandiri.co.id/"target="_blank" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;" target="_blank""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgikArvWJhwSDdVG08t5cF58dT2XXVb_H5QQFa-pFRySb374TKTmE0M-skzJjR1gzSLfm5Jt3LlJqb5qLM04ez3owFGT24HR8XOZvV7zQqn4NHq5rvysj4KFbCLDj_W9bkbIJ37F8tEUVsa/s1600/mandiri.ico" /></a></td></tr>
<tr align="center" style="color: black;"><td class="tr-caption">NOMOR REKENING ANDA<br />
A/N: NAMA ANDA<br /> KANTOR CABANG BANK</td></tr> </tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr align="center"><td><a href="http://www.klikbca.com/" target="_blank" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;" target="_blank"">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhByUTctlWEIqAvD_3rGPhBjZELnlRapF8uh6R15sd3n1kIlBIN0-cR8uSR7S3AH-sdobZmsruqY2_cYfKNdfuDErhUBMDlozJIllnwYcqKC2n4FAjZA3TVFzwW9lBEtx2nds5gLIgrhOUg/s1600/bca.ico" /></a></td></tr> <tr align="center" style="color: black;"><td class="tr-caption">NOMOR REKENING ANDA<br />A/N: NAMA ANDA<br /> KANTOR CABANG BANK</td></tr> </tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr align="center"><td><a href="https://ibank.bni.co.id/" target="_blank" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;" target="_blank""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj8700uAYjKxl7zJfd8GqOwCbc3199wkwYbxhEeJya1L-8caFRTMLkvUF1GoHgUTzfv6XBc4nL5nis-j-ZopHx_29itC6NyAhy30PnX0wj-F4UfctRBPOS0SkYXbGX_3j6CtLUOUk4tRRD/s1600/bni.ico" /></a></td></tr> <tr align="center" style="color: black;"><td class="tr-caption">NOMOR REKENING ANDA<br /> A/N: NAMA ANDA<br /> KANTOR CABANG BANK </td></tr> </tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr align="center"><td><a href="https://ib.bri.co.id/ib-bri/Login.html" target="_blank" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;" target="_blank""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghx5YBAJIN7pK8dlA0AuBSxHeel_r9YR_fJACBr3UHh0A73DTGvbIMtCe58Rc4FQJspjFv_v7ZshEl1xs75AkY8E306bQBXIcXnUMPHrCy8vj6bdtG-Zt52gy5S1bjCkD0I48ShzNCO3X6/s1600/bri.ico" /></a></td></tr> <tr align="center" style="color: black;"><td class="tr-caption">NOMOR REKENING ANDA<br /> A/N: NAMA ANDA<br /> KANTOR CABANG BANK </td></tr> </tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr align="center"><td><a href="https://www.danamonline.com/" target="_blank" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;" target="_blank""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi45crSIwmP6K5JADLLByRtcWhRIwOiPdzPLollnnDxOei8zUdNvYn3hB3HLugaZ7Jobug2cVzBzCayUFuVhSHNj2pPqPKUBYeHcw7aD-lRtjrNeMBOSzs9NoqVwWTlHRpih4NTTvFeE-AH/s1600/danamon.ico" /></a></td></tr> <tr align="center" style="color: black;"><td class="tr-caption">NOMOR REKENING ANDA<br /> A/N: NAMA ANDA<br /> KANTOR CABANG BANK </td></tr> </tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr align="center"><td><a href="https://ib.muamalatbank.com/ib-app/loginpage" target="_blank" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;" target="_blank""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQgWDdRG1DAt-7LSZk1Nq5H5BZmFdH2GJlfxB8crU60z_LNRuLzPa6i0iCkB0QDK_pnpxaPwdMEUkpwbA4qmhR-vFZhHMtFyK9dMN-uZQie1rihJl4qVkeXKUslTwC-H5YGQbHNAM6kAIk/s1600/muamalat.ico" /></a></td></tr> <tr align="center" style="color: black;"><td class="tr-caption">NOMOR REKENING ANDA<br /> A/N: NAMA ANDA<br /> KANTOR CABANG BANK </td></tr> </tbody></table>
</div>
Keterangan:
1.Ubah ukuran Gadget dengan mengganti nilai pada "width:200px;height:200px"
2. Ganti Tulisan "NOMOR REKENING ANDA" dengan Nomer rekening Bank yang bersangkutan (yang masih aktif)
3. Ganti tulisan "A/N: NAMA ANDA " dengan Nama yang terdaftar di Rekening Bank.
4. Ganti tulisan " KANTOR CABANG BANK " alamat kantor cabang/unit bank.
Catatan.
Untuk menambahkan daftar Bank silahkan Copy paste kodenya,
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr align="center"><td><a href="https://www.danamonline.com/" target="_blank" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;" target="_blank""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi45crSIwmP6K5JADLLByRtcWhRIwOiPdzPLollnnDxOei8zUdNvYn3hB3HLugaZ7Jobug2cVzBzCayUFuVhSHNj2pPqPKUBYeHcw7aD-lRtjrNeMBOSzs9NoqVwWTlHRpih4NTTvFeE-AH/s1600/danamon.ico" /></a></td></tr> <tr align="center" style="color: black;"><td class="tr-caption">NOMOR REKENING ANDA<br /> A/N: NAMA ANDA<br /> KANTOR CABANG BANK </td></tr> </tbody></table>
Kemudian mengganti alamat/link Internet Banking tersebut (tulisan Berwarna orange) dan Mengganti logo dari bank tersebut (tulisan berwarna ungu) dengan cara mengganti alamat/link tempat gambar disimpan.
Kalau sudah, silahkan klik simpan.
Silahkan Klik dibawah ini Untuk Auto Install Ke Blog anda.
2. Menampilkan Beri Donasi dengan efek Marquee (gambar bergerak)
Marquee yang digunakan yaitu bergerak dari bawah ke atas dengan efek marquuee berhenti saat kursor mendekat.
- Silahkan masuk ke halaman tata letak lalu klik Tambahkan Gadget di menu blogger.
- Pilih HTML/Javascript
- Beri judul Gadget.
- copy paste kode berikut, dan taruh dikolom dibawah judul gedget.
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" direction="up" width="100%" height="120" align="center">
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr align="center"><td><a href="http://www.bankmandiri.co.id/"target="_blank" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;" target="_blank""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgikArvWJhwSDdVG08t5cF58dT2XXVb_H5QQFa-pFRySb374TKTmE0M-skzJjR1gzSLfm5Jt3LlJqb5qLM04ez3owFGT24HR8XOZvV7zQqn4NHq5rvysj4KFbCLDj_W9bkbIJ37F8tEUVsa/s1600/mandiri.ico" /></a></td></tr>
<tr align="center" style="color: black;"><td class="tr-caption">NOMOR REKENING ANDA<br />
A/N: NAMA ANDA<br /> KANTOR CABANG BANK</td></tr> </tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr align="center"><td><a href="http://www.klikbca.com/" target="_blank" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;" target="_blank"">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhByUTctlWEIqAvD_3rGPhBjZELnlRapF8uh6R15sd3n1kIlBIN0-cR8uSR7S3AH-sdobZmsruqY2_cYfKNdfuDErhUBMDlozJIllnwYcqKC2n4FAjZA3TVFzwW9lBEtx2nds5gLIgrhOUg/s1600/bca.ico" /></a></td></tr> <tr align="center" style="color: black;"><td class="tr-caption">NOMOR REKENING ANDA<br />A/N: NAMA ANDA<br /> KANTOR CABANG BANK</td></tr> </tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr align="center"><td><a href="https://ibank.bni.co.id/" target="_blank" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;" target="_blank""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj8700uAYjKxl7zJfd8GqOwCbc3199wkwYbxhEeJya1L-8caFRTMLkvUF1GoHgUTzfv6XBc4nL5nis-j-ZopHx_29itC6NyAhy30PnX0wj-F4UfctRBPOS0SkYXbGX_3j6CtLUOUk4tRRD/s1600/bni.ico" /></a></td></tr> <tr align="center" style="color: black;"><td class="tr-caption">NOMOR REKENING ANDA<br /> A/N: NAMA ANDA<br /> KANTOR CABANG BANK </td></tr> </tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr align="center"><td><a href="https://ib.bri.co.id/ib-bri/Login.html" target="_blank" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;" target="_blank""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghx5YBAJIN7pK8dlA0AuBSxHeel_r9YR_fJACBr3UHh0A73DTGvbIMtCe58Rc4FQJspjFv_v7ZshEl1xs75AkY8E306bQBXIcXnUMPHrCy8vj6bdtG-Zt52gy5S1bjCkD0I48ShzNCO3X6/s1600/bri.ico" /></a></td></tr> <tr align="center" style="color: black;"><td class="tr-caption">NOMOR REKENING ANDA<br /> A/N: NAMA ANDA<br /> KANTOR CABANG BANK </td></tr> </tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr align="center"><td><a href="https://www.danamonline.com/" target="_blank" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;" target="_blank""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi45crSIwmP6K5JADLLByRtcWhRIwOiPdzPLollnnDxOei8zUdNvYn3hB3HLugaZ7Jobug2cVzBzCayUFuVhSHNj2pPqPKUBYeHcw7aD-lRtjrNeMBOSzs9NoqVwWTlHRpih4NTTvFeE-AH/s1600/danamon.ico" /></a></td></tr> <tr align="center" style="color: black;"><td class="tr-caption">NOMOR REKENING ANDA<br /> A/N: NAMA ANDA<br /> KANTOR CABANG BANK </td></tr> </tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr align="center"><td><a href="https://ib.muamalatbank.com/ib-app/loginpage" target="_blank" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;" target="_blank""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQgWDdRG1DAt-7LSZk1Nq5H5BZmFdH2GJlfxB8crU60z_LNRuLzPa6i0iCkB0QDK_pnpxaPwdMEUkpwbA4qmhR-vFZhHMtFyK9dMN-uZQie1rihJl4qVkeXKUslTwC-H5YGQbHNAM6kAIk/s1600/muamalat.ico" /></a></td></tr> <tr align="center" style="color: black;"><td class="tr-caption">NOMOR REKENING ANDA<br /> A/N: NAMA ANDA<br /> KANTOR CABANG BANK </td></tr> </tbody></table>
</marquee>
Keterangan:
1.Ubah ukuran Gadget dengan mengganti nilai pada "width="100%" height="120""
2.Ubah Pergerakan Marquee dengan mengganti " direction="up" "
3. Ganti Tulisan "NOMOR REKENING ANDA" dengan Nomer rekening Bank yang bersangkutan (yang masih aktif)
4. Ganti tulisan "A/N: NAMA ANDA " dengan Nama yang terdaftar di Rekening Bank.
5. Ganti tulisan " KANTOR CABANG BANK " alamat kantor cabang/unit bank.
Catatan.
Untuk menambahkan daftar Bank silahkan Copy paste kodenya,
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr align="center"><td><a href="https://www.danamonline.com/" target="_blank" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;" target="_blank""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi45crSIwmP6K5JADLLByRtcWhRIwOiPdzPLollnnDxOei8zUdNvYn3hB3HLugaZ7Jobug2cVzBzCayUFuVhSHNj2pPqPKUBYeHcw7aD-lRtjrNeMBOSzs9NoqVwWTlHRpih4NTTvFeE-AH/s1600/danamon.ico" /></a></td></tr> <tr align="center" style="color: black;"><td class="tr-caption">NOMOR REKENING ANDA<br /> A/N: NAMA ANDA<br /> KANTOR CABANG BANK </td></tr> </tbody></table>
Kemudian mengganti alamat/link Internet Banking tersebut (tulisan Berwarna orange) dan Mengganti logo dari bank tersebut (tulisan berwarna ungu) dengan cara mengganti alamat/link tempat gambar disimpan.
Kalau sudah, silahkan klik simpan.
Silahkan Klik dibawah ini Untuk Auto Install Ke Blog anda.
Artikel Sebelumnya Tentang Download Kumpulan Resep Jagung Bakar Istimewa.
Sekian,,,
Semoga Bermanfaat.
Sumber Gambar: ilmuonline.net
Atas informasinya saya ucapkan terimakasih, semoga apa yang ditulis bisa bermanfaat untuk pembaca umumnya.. Ditunggu postingan terbaru yang lebih bermanfaat dan lebih bagus dari pada postingan yang ini. Terimakasih salam Sukses Semangat !!
BalasHapusbisa dicoba nih ...
BalasHapusthanks infonya
BalasHapusMAKASIH INFONYA....!
BalasHapussangat bermamfaat
Mantap brotha infonya... Thank's
BalasHapusSalam Kenal : bayangannya.blogspot.com
Terima kasih sangat bermanfaat
BalasHapuskalau untuk blog wordpress itu bisa digunakan ga ya,
BalasHapusSangant membantu
BalasHapusButuh info bisnis lihat: https://www.jendelaku.com/2020/04/perencanaan.html
terimakasiih, ilmu yang bermanfaat.
BalasHapus