Pasang Beri Donasi Bank Lokal Indonesia

Sobat blogger, kali ini saya bagikan tips buat kalian yang ingin menampilkan Beri Donasi Di Blog Menggunakan Banyak Bank di Indonesia
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&quot;"><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&quot;">
<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&quot;"><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&quot;"><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&quot;"><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&quot;"><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&quot;"><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.

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

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&quot;"><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&quot;">
<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&quot;"><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&quot;"><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&quot;"><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&quot;"><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&quot;"><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.

<div style="overflow:auto;width:200px;height:200px;padding:10px;border:1px solid #eee"> <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>

Artikel Sebelumnya Tentang Download Kumpulan Resep Jagung Bakar Istimewa.
Sekian,,,
Semoga Bermanfaat.

Sumber Gambar: ilmuonline.net

Tutorial Memasukkan gambar dan link pada Artikel dan memasukan Link dalam Gambar Untuk iklan maupun beri donasi di blog

Artikel ini sebagai tindak lanjut atas posting sebelumnya mengenai Pasang Logo Bank di blog untuk beri donasi yang ternyata banyak dilihat dan diminati namun sepertinya kurang jelas dalam penyampaian.
untuk itu saya coba posting cara memasukkan link kedalam gambar, sebagai cara/dasar pembuatannya.
Artikel ini juga mengulas cara Memasukkan gambar pada Artikel Blogger.
Inti dari pembuatan Logo Bank sebenarnya cukup mudah yaitu mencari gambar atau logo dan Alamat Internet Banking dari bank yang bersangkutan. ini berlaku pula untuk gambar-gambar lainnya seperti gambar iklan atau banner yang ingin anda pasang di blog.
Contoh:
kita akan menampilkan logo Bank BRI maka kita cari dulu gambar atau logo banknya lalu alamat Internet banking dari bank tersebut karena yang akan kita tawarkan tentu Transaksi Online.
Jika kita mencari gambar lewat google maka akan didapat gambar dengan format .jpg sehingga kita perlu merubah format gambar tersebut dalam bentuk .ico agar tampilan gambar tersebut kecil sehingga tidak boros halaman.bila anda menemukan gambar tersebut berformat .ico atau jika anda sudah memiliki dan menentukan gambar yang ingin ditampilkan berarti anda beruntung.
Untuk merubah gambar berformat .jpg atau sejenisnya menjadi gambar berformat .ico bisa anda gunakan tool atau media converter seperti Format Factory atau tool sejenis lainnya.

Setelah gambar tersebut kita simpan atau telah diubah formatnya menjadi .ico kemudian kita harus mengupload gambar tersebut ke File sharing yaitu hosting tempat menyimpan dokumen. anda bisa menggunakan Photobucket, Picasa atau media share lainnya seperti 4shared. dll. asal media tersebut terjamin kelancaran dan existensinya. karena jika media share/hosting tersebut sering mengalami gangguan tentu akan berpengaruh terhadap tampilan dari file tersebut seperti gambar tidak muncul atau masalah koneksi lainnya.
kembali ke topik.
contoh gambar/logo bank BRI berformat .ico

Gambar tersebut sudah saya upload di Blogger sehingga didapat alamat gambar yaitu:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh7v7d8Eo9LqSpYwf4Av70r2dME3tyUAvQ-JAOlx1TSK5slh2tw7NwCIiPLaV3Lk6JQjP-zg6rG2ofUukQdbxpVnCkUYc98AFK6mMGIdOyOo9zVNqGvpHVrCGG1mip9qKGHF2BcXIpB781/s1600/bri.ico
Setelah gambar siap kemudian kita cari alamat internet banking bank tersebut lewat google dengan memasukan kata kunci atau keyword nama produk bank tersebut. contoh keywordnya: BRI online, internet banking BRI dan sebagainya.

Untuk alamat internet banking BRI yaitu : https://ib.bri.co.id/ib-bri/Login.html
Sedangkan kode/script penulisa yang bisa digunakan yaitu:

<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&quot;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh7v7d8Eo9LqSpYwf4Av70r2dME3tyUAvQ-JAOlx1TSK5slh2tw7NwCIiPLaV3Lk6JQjP-zg6rG2ofUukQdbxpVnCkUYc98AFK6mMGIdOyOo9zVNqGvpHVrCGG1mip9qKGHF2BcXIpB781/s1600/bri.ico" /></a>

Perhatikan Script diatas.
1. Tulisan berwarna merah adalah Link atau alamat internet Banking dari bank BRI
2. Tulisan berwarna ungu adalah kode atau perintah untuk reaksi dari mouse dimana kede tersebut menggunakan perintah target blank yaitu membuka halaman baru jika gambar tesebut diklik.
Anda juga bisa menggunakan perintah lain seperti: Link terbuka otomatis saat cursor melintas dan sebagainya. tergantung selera anda.
3. Tulisan berwarna biru adalah alamat dimana gambar tesebut disimpan.

Tinggal bagaimana menempatkan logo tersebut di blog kita, bisa di dalam posting maupun halaman blog.
Untuk menampilkannya di artikel tentu kita harus menulisnya pada halaman penulisan HTML yaitu dengan mengklik menu HTML dibagian atas kolom penulisan.
Sedangkan untuk menampilkan dihalaman blog kita bisa memilih beberapa cara diantaranya menampilkan dalam bentuk scrol maupun marque berjalan.
 1. Menampilkan gambar dalam bentuk scrol.
Kode/scriptnya adalah:

<div style="overflow:auto;width:200px;height:200px;padding:10px;border:1px solid #eee"> Masukan Kode gambar anda disini </div>
Keterangan:
- Ganti ukuran panjang dan lebar kotak scrol dengan merubah nilai width:200px;height:200px
- Masukan Script gambar dengan mengganti tulisan berwarna biru dengan script gambarnya.

2. Menampilkan dalam bentuk Marque
Kode/scriptnya:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" direction="up" width="100%" height="120" align="center"> Masukkan Kode gambar Disini </marquee>

Keterangan:
- Kode Marquee diatas yaitu marquee yang bergerak dari atas kebawah dengan efek marquee berhenti jika mouse mendekat atau berada di atas marque.
- Ganti tulisan "masukkan Kode gambar Disini" dengan kode gambar anda.
- Ganti ukuran panjang dan lebar kotak marquee dengan merubah nilai width:"100%" dan height:"120".
- Untuk mengubah pergerakan menjadi dari atas ke bawah silahkan ganti kata "Up" menjadi "Down"

Silahkan Copy paste kode/script tersebut, lalu memasukkan pada menu HTML/Javasript pada pilihan Tambahkan gedget. kemudian klik Simpan.

Untuk menampilkan link dalam gambar pada artikel blog sangatlah mudah, karena blogger telah meberikan layanan Insert Link saat menulis artikel.
pertama, pilih gambar yang ingin kamu tampilkan dengan mengklik menu insert gambar yang terdapat dibagian atas kolom penulisan artikel
Akan muncul pilihan sumber gambar yaitu:

Keterangan:
Upload = mengambil gambar dari komputer
From This Blog = mengambil gambar yang sudah anda upload sebelumnya/ gambar yang terdapat diblog anda.
From Picasa Web Album = Mengambil Gambar dari Picasa. jika anda memiliki gambar yang ingin ditampilkan dari akun Picasa anda.
From Your Phone = Mengambil gambar dari handphone
From Your Web = mengambil gambar dari sebuah website, jika anda tertarik dan ingin menapilkannya diblog.
from a URL = mengambil gambar dari sebuah alamat jika anda mengetahui alamat gambar tersebut.

Setelah gambar tersebut berhasil diupload, kemudian klik gambar tadi dan pilih Add Selected
Jika Gambar tadi sudah tampil dihalaman penulisan artikel, klik kembali gambar tersebut.
Kemudian klik menu bertuliskan Link.
Menu tersebut untuk memasukkan link baik kedalam tulisan maupun gambar.

Untuk Memasukkan Link kedalan Kata atau kalimat dalam Artikel, silahkan blok dulu kata atau kalimat tersebut.
Masukkan alamat/link pada kolom yang tersedia, yaitu disamping tulisan Web Address.
Pilih/pastikan tanda centang pada pilihan Open this link in a new window jika anda ingin membuka link dalam gambar tersebut pada tab/halaman baru.
Memasukkan gambar dan memasukan link pada gambar pada sebuah artikel selesai.

Semoga Artikel ini bermanfaat.
Happy blogging..

Tamu Palsu Diblog,tips buku tamu, mencegah traffik palsu dari buku tamu

Anda tentu bertanya-tanya, apa maksud dari judul artikel ini? Benarkah ada tamu palsu di blog?
Artikel kali ini saya bahas mengenai tamu palsu. yaitu tamu fiktif yang mengisi buku tamu.
Tambah penasaran ya?

awalnya saya tak percaya melihat banyaknya komentar yang ditulis di buku tamu, padahal blog saya gak ada yang istimewa. yang lebih mengherankan, rata-rata pengunjungnya dari luar indonesia.
saking penasaranya saya pernah mengklik nama yang tertera dibuka tamu tersebut. dengan harapan mengunjungi blog/situs yang dimiliki oleh sitamu tersebut lalu mengisi buku tamu kembali jika ada. atau sebagai tanda terimakasih atas kunjungannya diblog ini. itung-itung balas jasa...hehehee...
dari beberapa link yang saya klik ternyata sebagian ada yang rusak.
akhirnya saya coba cari tahu masalah buku tamu lewat mbah google. dan ketemu juga di salah satu artikel yang ditulis oleh blog senior berinisial M.A.

menurutnya, pengunjung palsu alias tamu fiktif bisa saja terjadi jika kita pernah mengunjungi sebuah blog dengan cara mengklik nama yang tertera dibuku tamu.
mungkin andapun pernah melakukannya. seperti yang saya contohkan diatas. dan beberapa hari kemudian secara mengejutkan traffik/isi buku tamu andapun meningkat seolah-olah banyak sekali pengunjung yang melihat blog anda.

Kenapa traffik tersebut fiktif?
karena sang tamu sebenarnya tidak berkunjung atau melihat blog kita.

Ko Bisa???
ya... mereka sebenarnya hanya memanfaatkan alamat buku tamu anda ketika anda mengklik nama tamu tersebut.

lalu, darimana mereka tahu atau bisa melihat alamat buku tamu kita?
mereka melihatnya dari pelacak jejak yang mereka pasang di web/blognya.
karena pada dasarnya, setiap anda berkunjung ke blog manapun anda akan meninggalkan jejak yang bisa dilacak.
Tentu saja cara ini curang, tetapi bisa anda coba jika ingin menyebarkan alamat blog anda, tetapi saya tidak dapat memberi tahu caranya...huuuuuuuuuuu... maaf ya... hehehe...

Bagaimana cara mengatasinya?
tentu saja anda jangan mengunjungi dengan cara mengklik nama tamu tersebut. dan jika ingin mengunjungi, cukup dengan mengcopy link yang tersimpan dinama, lalu mempastenya di halamat alamat/link pada browser anda. Dengan demikian, yang akan terlacak nantinya adalah alamat blog anda, bukan alamat buku tamu anda. Mengertikan maksud saya?

Bagaimana jika anda terlanjur pernah mengklik nama tersebut?
satu-satunya saran yaitu membuat kembali buku tamu dengan akun berbeda. dan ingat, Jangan mengklik nama yang ada di buku tamu.
cara ini merupakan cara paling ampuh untuk mencegah kecurangan traffik buku tamu alias tamu palsu di blog. namun lebih efektif lagi jika anda tidak menampilkan buku tamu. karena dengan memasang buku tamu orang lain masih bisa melihat alamat dari buku tamu kita. sayangnya saya juga belum tahu caranya. hehehe...

saya pribadi masih memasang buku tamu karena alasan untuk pelengkap blog. gak afdol rasanya kalo ga da buku tamu. takut tamu asli juga ingin menuliskan sesuatu yang menyangkut blog ini.

buat yang ingin tahu cara mengembalikan akun facebook atau akun email yang hilang, kena hack, dicuri atau lupa password silahkan baca artikel sebelumnya DISINI
semoga tulisan ini bermanfaat.
happy blogger...
jangan lupa baca artikel lainnya n beri komentar ya...

inspirasi artikel : marcellinoaghata.blogspot.com

menghapus logo tank dan obeng, delete quick edit logo blogger

Kemarin aku berbagi tips mengenai cara dapet chip poker gratis dari texas holdem poker, unuk lihat artikelnya silahkan anda lihat Cara mendapatkan chip grais dari texas holdem poker atau klik DISINI

Logo tang dan obeng (quickedit) merupakan sebuah shortcut untuk editing cepat yaitu kita dapat melakukan edit atau menghapus sebuah gadget bahkan kita bisa melakukan setting halaman posting.
simbol/logo ini biasa kita temukan saat kita barusaja mengganti template di blogger.
seberapa pentingkah logo ini?
bagi saya, tampilnya logo ini tidaklah terlalu penting, sebab saya lebih suka melakukan editing gadget di menu layout/rancangan.
bahkan bagi saya, tampilan ini mengganggu pemandangan halaman blog saya.sebelum melakukan penghapusan logo tersebut alangkah baiknya jika anda menentukan manfaat dari simbol tersebut.
untuk menghapus logo tersebut silahkan ikuti caranya seperti berikut.

1. Masuk ke menu edit Html.
2. Beri tanda centang pada kolom Expand Widget Template.
3. Cari kode <b:include name='quickedit'/>
untuk mempermudah pencarian gunakan kolom pencarian yaitu dengan menekan ctrl +F secara bersamaan atau tekan tombol F3 di keyboard anda.
4. Hapus kode tersebut, biasanya akan muncul banyak kode seperti itu tergantung dari banyaknya gedget yang kita pasang. klik next untuk melihat hasil pencarian selanjutnya.
5. Klik simpan lalu lihat hasilnya...

happy blogging...
jangan lupa komentarnya ya...

gambar : http://qirabablog.blogspot.com

Menambahkan Menu Tambah gadget untuk menyembunyikan gadget yang berjudul

selalu saja blog ini terbengkalai akibat kesibukan dan dana untuk menambahkan artikel... maaf ya sob.

Menambahkan Menu Tambah gadget untuk menyembunyikan gadget yang berjudul. ngerti ga nih maksudnya?

kali ini saya ingin berbagi satu tips buat sobat blogger mengenai menambahkan menu tambah gadget yang kali ini kita buat khusus untuk menaruh gadget-gedget yang ingin kita sembunyikan judulnya.  artikel ini melanjutkan artikel sebelumnya mengenai cara menyembunyikan judul gadget agar tidak tampil dihalaman blog yang bisa anda baca Disini
contohnya yaitu pemasangan icon burung terbang (twitter) yang bisa anda lihat di blog ini. icon tersebut sebenarnya saya buat pada menu tambah gadget. yaitu menambahkan scriptnya. dengan judul gedget twitter. tetapi bisa anda priksa dihalaman blog saya, adakah tulisan twitter pada halaman side bar? untuk tutorial pasang ikon burung terbang, sobat bisa lihat artikel terdahulu saya yang bisa sobat baca Disini
untuk memasangnya langsung dan agar lebih jelas nanti hasilnya bagaimana, mari kita praktekkan saja.
langsung menuju ke menu Edit HTML.

jangan lupa beri tanda centang pada kotak Expand widget templates seprti gambar diatas.

Kemudian....

Carilah kode ]]></b:skin>

Untuk memudahkan pencarian tekan saja tombol ctrl dengan huruf "F" secara bersamaan pada keyboard komputer anda ( tekan Ctrl+F ) atau tekan F3 Sampai muncul kolom pencarian. Lalu masukkan kode yang dicari kedalam kotak tersebut.

letakkan kode dibawah ini sebelum kode tersebut.

#hidden_widget h2 { display:none; } 

 setelah itu, cari kode </b:section> 
biasanya akan ditemukan banyak kode seperti itu, tergantung dari berapa banyak menu tambah gedget pada template anda.
pilih salah satunya saja. agar mudah meletakkannya tentukan dahulu dimana anda ingin menempatkan seperti di bagian header, footer atau side bar.
seteleh kode diatas ditemukan silahkan sobat menambahkan kode dibawah ini, setelah kode tersebut.

<div id='hidden_widget'> <b:section id='sidebar_hidden' preferred='yes'> </b:section> </div> 

klik save template

silahkan sobat menuju kehalaman lay out dan lihat lah ada menu/halaman tambah gedget yang masih kosong. itulah hasil dari pekerjaan sobat tadi.

silahkan masukkan gedget-gedget yang ingin sobat sembunyikan judulnya ke menu tersebut.

mudah bukan??

jangan lupa komentarnya ya,,,

http://fahimmunjul.blogspot.com

inspirasi artikel: http://infotentangblog.blogspot.com

cara membuat pop up windows link terbuka otomatis tanpa diklik

salam hangat blogger.
hufff... dah lama banget blog ini terbengkalai. untuk itu penulis meminta maaf atas ketidak existan ini.
posting kali ini melanjutkan posting sebelumnya mengenai cara membuat link terbuka otomatis tanpa diklik
di artikel sebelumnya pernah dibahas mengenai cara membut link otomatis terbuka tanpa diklik, yang bisa anda lihat DISINI
kembali ke materi.

pop up windows atau tampilan halaman lain bisa dengan mudah anda buat sendiri. tentunya bisa juga anda manfaatkan sebagai media iklan atau sisi lain berupa informasi-informasi yang ingin anda sampaikan kepada pengunjung. namun penulis menyarankan agar tidak memasangnya. karena bisa jadi justru mengganggu kenyamanan si pengunjung.
salah satu contoh pop up windows adalah yang terdapat di ziddu.com, biasanya pop up tersebut akan muncul ketika kita ingin mendownload salah satu file dari media hosting tersebut.
silahkan ikuti langkah berikut untuk membuat pop up windows.
- setelah masuk di blogger silahkan anda menuju ke menu rancangan atau layout pd draft blogger lalu pilih edit html.
- cari kode <body>
untuk mempercepat pencarian sobat bisa menggunakan Ctrl+F atau F3
- silahkan copy code berikut lalu paste atau taruh dibawah kode<body>

<script type="text/javascript"> var popurls=new Array()
popurls[0]="http://fahimmunjul.blogspot.com/"
popurls[1]="http://fahimmunjul.blogspot.com/"
popurls[2]="http://fahimmunjul.blogspot.com/"
popurls[3]="http://fahimmunjul.blogspot.com/"
function openpopup(popurl){ var winpops=window.open(popurl,"","width=, height=,toolbar,location, status,scrollbars,menubar,resizable") } openpopup(popurls[Math.floor(Math.random()*(popurls.length))]) </script>

Catatan:
-Silahkan ganti kode berwarna biru dengan alamat/ link yang ingin ditampilkan. jika ingin menampilkan satu link / halaman blog saja, maka isi alamat pop urls 0-3 dengan satu alamat saja.
 - silahkan ganti ukuran pop up yang ingin anda tampilkan dengan memberi nilai pada kode yang berwarna hijau sesudah tanda samadengan/sebelum tanda koma. contoh: width=250, dan height=250, berarti tinggi dan lebar kolom pop up tersebut 250x250 atau kosongkan saja bila anda ingin tampilan pop up anda mengikuti besarnya layar monitor atau full windows.
- jangan lupa mematikan fitur blok pop up widows pada broswer anda agar pop up dapat dilihat hasilnya.

setelah selesai silahkan anda save.

sumber artikel: hardisku.blogspot.com
gambar: perwira28.blogspot.com

membuat drop down label atau kolom label menurun

sebelumnya saya mohon maaf karena beberapa minngu lalu sempat HIATUS. sehinga  blog inipun terbengkalai.
artikel sebelumnya saya bahas mengenai memperkecil ukuran gambar untuk mempercepat proses loading blog
kali ini saya akan membaas mengenai cara pembuatan drop down label

dari gambar diatas sudah jelas ditunjukkan tujuan dari drop down label. dan cara ini telah saya pasang diblog ini. tujuan pembuatannya tentuk untuk menghemat halaman blog.
untuk pembuatannya silahkan ikuti tutorialnya dibawah ini.
Setelah anda masuk ke blogger atau draft blogger dengan akun anda, masuklah ke menu Rancangan lalu pilih Edit Html

Kalo sudah, silahkan anda memberi centang pada kotak Expand Template widget.

Kemudian....

Carilah kode <data:label.count/>

Untuk memudahkan pencarian tekan saja tombol <h2 style='display:none'ctrl; dengan huruf "F" secara bersamaan pada keyboard komputer anda ( tekan Ctrl+F ) atau tekan F3 Sampai muncul kolom pencarian. Lalu masukkan kode yang dicari kedalam kotak tersebut.

darihasil pencarin akan muncul kode seperti berikut:

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul>

silahkan ganti kode tersebut dengan kode berikut:
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>


silahkan anda ganti tulisan " Select a label" sesuai keinginan.
Kalo sudah berarti pekerjaan telah selesai.

Tinggal komentarnya neh....  

http://fahimmunjul.blogspot.com

sumber inspirasi artikel dan gambar: oom.com

memperkecil ukuran gambar untuk mempermudah proses loading blog agar seo friendly, kompresi gambar dengan smush it layanan online dari yahoo

dari judulnya yang panjang kaya KRL, dah cukup jelas tujuan dibuatnya artikel ini.
 tiada lain memberikan informasi untuk sobat blogger yang ingin mempercepat proses loading blog yaitu dengan cara memperkecil ukuran gambar menggunakan layanan dari yahoo ( smush. it ).

kenapa menggunakan smush. it?
karena dengan layanan ini kita bisa memperkecil atau kompres ukuran gambar tetapi tidak mengurangi kualitas gambar tersebut.
sehingga proses loading blog menjadi lebih ringan lagi. tentunya akan berdampak baik terhadap seo dan trafik pengunjung.

untuk alamat situs atau klik DISINI untuk menuju smush.it

smush it sendiri menyediakan dua pilihan layanan yaitu :

1. kompresi gambar dari komputer (uploader)

cara menggunakannya yaitu,
- klik tulisan Select Files and Smush.
- kita akan diarahkan atau muncul tampilan explorer, pilih beberapa gambar yang ingin dikompres.
- klik open. untuk memulai kompresi. tunggu beberapa saat. hingga muncul gambar seperti berikut.

gambar yang sudah terkompresi akan menjadi sebuah file berjenis zip yang harus anda download. untuk mendownloadnya anda tinggal klik tulisan Download Smushed Image lihat gambar diatas.
silahkan anda ekstrak file tersebut menggunakan winrar atau media sejenis lainnya.
kemudian silahkan anda upload gambar tesebut di artikel atau pasang dihalaman blog anda.

2. kompresi gambar dari situs atau blog yang telah terpasang.

caranya cukup mudah, anda tinggal memasukkan alamat gambar yang ingin anda kompres lalu klik Smush.
proses selanjutnya sama seperti cara yang pertama.

lihatlah tabel perubahan ukuran gambar setelah melakukan kompresi.

ada perbedaan bukan?

sobat yang belum baca artikel penting tentang pasang meta, keyword dan deskripsi blog untuk optimasi seo silahkan klik DISINI

silahkan komentarnya.

happy blogging.

http://fahimmunjul.blogspot.com

pasang meta,keyword,deskripsi blog untuk optimasi seo

dalam sebuah blog sangat penting memasukkan meta, keyword dan deskrispi blog itu sendiri karena dengan memasangnya blog kita akan mudah diindeks oleh search engine. Bahkan hal ini bisa disebut juga dengan memberi identitas blog tersebut.
disamping itu, pemasangan ini akan membantu dalam hal optimasi seo.

untuk memasangnya tidaklah sulit. silahkan ikuti panduan berikut:
Setelah anda masuk ke blogger atau draft blogger dengan akun anda, masuklah ke menu Rancangan lalu pilih Edit Html

Kalo sudah, silahkan anda memberi centang pada kotak Expand Template widget.

Kemudian....

Carilah kode <title><data:blog.pageTitle/></title>;

Untuk memudahkan pencarian tekan saja tombol:
ctrl dengan huruf "F" secara bersamaan pada keyboard komputer anda ( tekan Ctrl+F ) atau tekan F3 Sampai muncul kolom pencarian. Lalu masukkan kode yang dicari kedalam kotak tersebut.

dari hasil pencarin akan muncul kode seperti berikut:

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[

silahkan ganti kode berwarna merah dengan kode berikut:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.title/> | keyword1 | keyword2 | keyword2</title>
</b:if>

<meta content="...deskripsi tentang blog kamu..." name="description"/>
<meta content="keyword1,keyword2,keyword3,..." name="keywords"/>
<meta content="INDEX, FOLLOW" name="robots"/>

catatan:
- ganti tulisan berwarna merah dengan kata-kata yang ingin anda gunakan sebagai keyword.
- tulisan berwarna biru silahkan diganti dengan deskripsi blog anda
- warna ungu kata kunci/keyword yang ingin anda masukkan, silahkan ganti dengan pilihan anda.

contoh:
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.title/> | Trik Blogger | Tips SEO | Blogger Indonesia</title>
</b:if>

<meta content='Tips dan trik blog optimization melalui Tips SEO dan trik blogger serta berbagai jenis optimasi blog lainnya' name='description'/>
<meta content='source code,search engine,SEO,keyword,template,templates,keywords,ranking,blog optimization,kode HTML,backlink,widget,gadget,blogger stuff,tips seo,kata kunci,tips blogging,free directory,traffic,trafik,trik blogger,optimasi blog,promosi,untuk indonesia' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

setelah selesai tinggal klik simpan.

lihat hasil/perubahan yang terjadi dengan mengklik view blog (lihat blog) dan perhatikan perubahan judul blog anda di bagian atas browser.
baca artikel sebelumnya tentang blogger meluncurkan tampilan baru yang membingungkan.
inspirasi artikel: optimasi-blog.blogspot.com
gambar: 1ckz1r.blogspot.com
mohon menambahkan atau meninggalkan komentar.
happy blogging.

agar blog mudah diakses lewat handphone

satu lagi informasi penting buat blogger nih, yang mungkin sebagian belum pada tahu.
kali ini saya akan membahas mengenai cara agar blog sobat mudah diakses menggunakan handphone atau perankat bergerak sejenis.

seiring perkembangan tekhnologi, akses dunia maya semakin canggih saja. bahkan di negara-negara maju untuk mengakses dunia maya mulai banyak yang menggunakan handphone dibanding pc. hal ini semakin berkembang karena handphone masa kini memiliki banyak jalur akses antara lain GPRS,EDGE, 3G bahkan sekarang dah pake HSDPA yang lebih cepat dalam urusan koneksi internet.
Seperti para vendoor perangkat s3eluller, layanan jaringanpun berlomba-loba menggaet konsumen dengan tarif murah untuk akses internet.
karena dasar inilah sudah seharusnya blog kitapun mudah diakses menggunakan perangkat bergerak menggunakan handphone,PDA dan lain sebagainya.
Blogger sendiri sudah menyajikan pengaturan agar blog mudah diakses menggunakan handphone. yang bisa anda temukan saat anda login ke blogger atau draft blogger, bahkan jika kita menggunakan template bawaan blogger sebenarnya telah tertanam script agar blog anda mudah di buka lewat handphone. namun jika anda memakai template hasil download atau pesanan tentu harus melakukan pengaturan sendiri.
jika anda tertarik silahkan ikuti langkah berikut:
1. masuklah ke blogger dengan akun anda.
setelah login silahkan pergi ke menu Pengaturan (setting) lalu pilih Email&seluler.
lalu pilh Ya untuk Tampilkan versi seluler template saya pada perangkat seluler.

jiak sudah mengklik (mencentang) Ya, silahkan kilik simpan dan pekerjaan selesai.

atau biar lebih mantap tambahkan scipt. ikuti langkahnya separti berikut ini.

Setelah anda masuk ke blogger atau draft blogger dengan akun anda, masuklah ke menu Rancangan lalu pilih Edit Html

Kalo sudah, silahkan anda memberi centang pada kotak Expand Template widget.

Kemudian....

Carilah kode <b:include data='blog' name='all-head-content'/>

Untuk memudahkan pencarian tekan saja tombol <h2 style='display:none'ctrl; dengan huruf "F" secara bersamaan pada keyboard komputer anda ( tekan Ctrl+F ) atau tekan F3 Sampai muncul kolom pencarian. Lalu masukkan kode yang dicari kedalam kotak tersebut.

setelah ketemu silahkan masukkan kode dibawah ini tepat dibawah kode tadi.

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

<b:if cond='data:blog.isMobile'>

<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>

<b:else/>

<meta content='width=1100' name='viewport'/>

</b:if>

Kalo sudah berarti pekerjaan telah selesai.

Tinggal komentarnya neh....

inspirasi artikel : blogger.anekanews.com
gambar tema: textadsme.blogspot.com

http://fahimmunjul.blogspot.com

hal yang perlu diperhatikan dalam menulis artikel untuk meningkatkan seo(standard pribadi)

sebelum menulis artikel alangkah baiknya jika kita niat dahulu lalu menentukan untuk siapa artikel tersebut kita buat, untuk pembaca atau untuk mesin pencari? (mari sama-sama koreksi diri).

berikut ini beberapa hal yang perlu diperhatikan dalam menulis artikel yang selalu saya terapkan dan mungkin sangat penting serta bisa anda kuti.
berikut rinciannya:
1. membaca Basmalah.
2. gunakan bahasa yang mudah dimengerti.
penjabaran dari bahasa yang mudah dimengerti sangatlah luas namun ada beberapa hal yang perlu diprioritaskan seperti:
- bahasa yang anda sampaikan harus sopan dan menggunakan bahasa yang resmi bukan bahasa gaul
- gunakan singkatan yang resmi jika anda ingin menggunakan singkatan, agar mudah diterjemahkan oleh mbah google ketika artikel kita diterjemahkan kebahasa lainnya dan sangat dianjurkan untuk tidak menggunakan singkatan.
* sesekali sisipkan kata atau istilah dari bahasa asing terutama bahasa inggris dalam artikel anda, karena english adalah bahasa internasional dan paling banyak digunakan dalam melakukan pencarian dimesin pencari.semoga saja dengan memasukkan kata atau istilah tersebut ada pengunjung luar yg datang walau hanya karena tersesat.

3. buat judul yang semenarik mungkin sehingga pengunjung tertarik untuk membacanya. jangan lupa tambahkan atau sematkan keyword (kata kunci) yang bisa anda cari lewat google keyword tool
untuk tutorial cari keyword silahkan baca mendapatkan keyword atau kata kunci yang jitu menggunakan google keyword tool klik DISINI untuk membaca
4. berikan ulasan yang jelas dan lugas dalam membahas sebuah topik.

5. berikan kesan baik, sopan, ramah dan bersahabat. serta suasana hangat  bila anda mampu, tambahkan sedikit humor akan lebih baik.

6. masukkan link artikel sebelumnya.
salah satu tujuannya yaitu untuk menginformasikan bahwa anda telah menulis artikel tersebut, kali saja ada yang butuh atau sekedar penasaran dengan artikel yang telah kita tulis itu. dan akan lebih baik lagi bila semua artikel kita bertalian seperti rantai. ini sangat dianjurkan dan tidak dilarang seo.

7. jangan melakukan copy paste.
sebenarnya tak ada salahnya jika kita melakukan copy paste (selanjutnya disebut copas) artikel orang lain, hanya saja kita mesti mengikuti aturan mainya dulu. seperti meminta izin kepada pemilik artikel sampai menyertakan link atau sumber artikel tersebut dalam artikel hasil copas kita.
dunia internet semakin canggih saja lho. seperti contoh, kita bisa menggunakan layanan dari copyscape atau yg sejenis. untuk mengetahui siapa saja atau blog mana yang telah mengcopas artikel kita.
terlebih jika kita melakukan copas tanpa menyertakan sumber artikel tersebut, tentu sipemilik artikel bisa marah-marah atau menegur kita.

"saat menulis artikel saya sering menyertakan link atau sumber artikel tersebut meskipun saya tidak melakukan copas, ini saya lakukan sebagai wujud terimakasih atas informasi yang telah mereka berikan. toh tak ada ruginya jika kita menyertakan link/sumber artikel tersebut".

web master profesional tentu lebih ahli dalam melindungi artikel-artikelnya. kita tidak tau bagaimana mereka bekerja apalagi bagian mana dari artikel mereka yang diberi kode karena bisa saja mereka menyematkan kode tertentu pada sebuah huruf atau tanda baca sehingga mudah menemukan siapa saja yang mencuri artikel mereka.

hal lainnya tentu bisa membuat jelek blog kita dimata mbah google jika kita banyak melkukan copypaste

lalu apa yang harus saya lakukan ketika saya ingin mengambil (copas) sebagian  artikel orang?
sekedar saran tak ada salahnya anda mengcopy teks tersebut lalu memindahkannya di sebuah dokumen baru word ataupun notepad kemudian merubah kata-katanya atau mengatur peletakan kata atau bahasanya. lalu mencopy kalimat atau paragraf tersebut untuk dimasukkan di artikel kita.
tak bisa dipungkiri bahwa kita terkadang membutuhkan bahan  atau artikel dari orang lain dalam menulis artikel. jadi bijaksanalah.
intinya,alangkah baiknya jika kita menulis artikel hasil karya sendiri.
kita menghargai karya orang lain tentu orang lainpun akan menghargai hasil karya kita.

8. berikan keterangan pada sebuah gambar yang anda masukkan ke artikel tersebut karena robot google sebenarnya masih sulit untuk membaca sebuah gambar, dengan memberikan keterangan gambar bebarti anda membantu robot google untuk mengindeks gambar yang anda upload bahkan mampu meningkatkan traffic penunjung. untuk tutorial lengkapnya silahkan baca menjadikan gambar sebagai keyword untuk optimasi SEO klik DISINI


9. menampilkan iklan diartikel.
untuk yang ingin mendapat penghasilan lewat iklan cara ini bisa anda lakukan tetapi alangkah baiknya jika iklan yang ditampilkan tidak menggangu tampilan artikel sehingga pengunjung akan merasa nyaman.
tentu penempatanlah yang harus diutamakan.


10. menulis artikel sebelum mempublishnya.
yang terahir ini saya sendiri masih bingung karena ada yang bilang bahwa jika ingin menulis artikel kita harus On Line alias mengetik manual dihalaman posting. saran ini bisa saja benar karna konon google lebih menghargai menulis secara online dibanding copypaste. tetapi menurut saya nggak ada salahnya jika sebelumnya anda menulis dahulu pada notepad atau word. karena dalamam menulis artikel tentu kita membutuhkan beberapa sumber, rencana atau lainnya. sehingga jika kita telah selesai menulis artikel tersebut kita tinggal copas lalu publish.


demikianlah hal-hal yang menjadi standar saya dalam menulis artikel.


semoga anda mengerti.
mohon meninggalkan komentar atau silahkan masukkan/menambahkan hal lainnya yang tentunya penting dalam menulis artikel. trims.


sumber gambar: t1.gstatic.com
salam blogger.


http://fahimmunjul.blogspot.com