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/AVvXsEjBqZP8M-fcHOLSy1SwmZBLvEU8xj6kEkarXOQ1A71sk5DL_5CmJKiYkA_5ibsZ7xStw31K2yFW5t_gpH9sRpdZ85DMJ3d8qnYtQ-QbwuvAzU6iVI8OpuCvK5ezDhT22miEJByGZjNcERsw/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/AVvXsEiV8wrM9AZg5WlN57m9ke6fj1TTxXA9610zNoSgeKcqt5_gwLtUaswe2N3GTRcRjfE51gOrgKzwL2vbIbVdPSijSCJQPGGlj24ZhbhTdHTTkUYDBdIJPH9lEDgDkkn0XXe7DTjGY7Pckcy1/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/AVvXsEjswYKm_CsypkngA2JlvjZGMMQK4DfVfbx1V59gpSTdjhXU1IczedcO35bvjSuMFifPEo1goGQuVIowlNEJXrdk1GrCtuqczZSNQy4JMEsRWveCnRnbQOaZ1BmfZ6Tmlw7lfFT0Y-Eqb6jb/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/AVvXsEjh7v7d8Eo9LqSpYwf4Av70r2dME3tyUAvQ-JAOlx1TSK5slh2tw7NwCIiPLaV3Lk6JQjP-zg6rG2ofUukQdbxpVnCkUYc98AFK6mMGIdOyOo9zVNqGvpHVrCGG1mip9qKGHF2BcXIpB781/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/AVvXsEhKNLpZGvevv5zaSvi0IlBD1eeceKDuYtdybR3GgEEFM777t-OlIlCwlYduJmIWYBVURNVuqfs-UAskF0-oEidH0fkb7ajrZdZ6im1iWgPNJkcf83wvZBkCjJU7PQhHcYUI37lLpP2NAxGl/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/AVvXsEibiWhKl__LBDQKbTr2ZtEPdnjcy3gIKLqW9DVX1Wbaqs3QJjk-P8DCRmzZ-ysN_TeC793epkYVe_EJJ4KyjX22WM6GhGPcZyKBxmV4SlhC-aPmRNuZPpKBT2HcLUOs7uSQ6locGq5N73d0/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/AVvXsEhKNLpZGvevv5zaSvi0IlBD1eeceKDuYtdybR3GgEEFM777t-OlIlCwlYduJmIWYBVURNVuqfs-UAskF0-oEidH0fkb7ajrZdZ6im1iWgPNJkcf83wvZBkCjJU7PQhHcYUI37lLpP2NAxGl/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/AVvXsEjBqZP8M-fcHOLSy1SwmZBLvEU8xj6kEkarXOQ1A71sk5DL_5CmJKiYkA_5ibsZ7xStw31K2yFW5t_gpH9sRpdZ85DMJ3d8qnYtQ-QbwuvAzU6iVI8OpuCvK5ezDhT22miEJByGZjNcERsw/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/AVvXsEiV8wrM9AZg5WlN57m9ke6fj1TTxXA9610zNoSgeKcqt5_gwLtUaswe2N3GTRcRjfE51gOrgKzwL2vbIbVdPSijSCJQPGGlj24ZhbhTdHTTkUYDBdIJPH9lEDgDkkn0XXe7DTjGY7Pckcy1/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/AVvXsEjswYKm_CsypkngA2JlvjZGMMQK4DfVfbx1V59gpSTdjhXU1IczedcO35bvjSuMFifPEo1goGQuVIowlNEJXrdk1GrCtuqczZSNQy4JMEsRWveCnRnbQOaZ1BmfZ6Tmlw7lfFT0Y-Eqb6jb/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/AVvXsEjh7v7d8Eo9LqSpYwf4Av70r2dME3tyUAvQ-JAOlx1TSK5slh2tw7NwCIiPLaV3Lk6JQjP-zg6rG2ofUukQdbxpVnCkUYc98AFK6mMGIdOyOo9zVNqGvpHVrCGG1mip9qKGHF2BcXIpB781/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/AVvXsEhKNLpZGvevv5zaSvi0IlBD1eeceKDuYtdybR3GgEEFM777t-OlIlCwlYduJmIWYBVURNVuqfs-UAskF0-oEidH0fkb7ajrZdZ6im1iWgPNJkcf83wvZBkCjJU7PQhHcYUI37lLpP2NAxGl/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/AVvXsEibiWhKl__LBDQKbTr2ZtEPdnjcy3gIKLqW9DVX1Wbaqs3QJjk-P8DCRmzZ-ysN_TeC793epkYVe_EJJ4KyjX22WM6GhGPcZyKBxmV4SlhC-aPmRNuZPpKBT2HcLUOs7uSQ6locGq5N73d0/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/AVvXsEhKNLpZGvevv5zaSvi0IlBD1eeceKDuYtdybR3GgEEFM777t-OlIlCwlYduJmIWYBVURNVuqfs-UAskF0-oEidH0fkb7ajrZdZ6im1iWgPNJkcf83wvZBkCjJU7PQhHcYUI37lLpP2NAxGl/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
0 komentar:
Posting Komentar
Mohon Maaf bila telat balas komen...