Cara pasang LOGO besar muncul di blog

Sebelumnya kami sudah posting code gambar/logo melayang di blog, hanya saja gambarnya kecil sekali. Kali ini akan kami coba posting gambar yang lebih besar. Semoga setiap kali anda melihat gambar atau logo di blog anda, anda akan semakin semangat dan semakin semangat menuju kesuksesan. 

Mari kita langsung saja mencoba cara pasang gambar atau logo yang lebih besar( misalnya logo MEDIA GPAI ) jika gambar yang kecil diklik akan muncul dan sembunyi pada blog bagian kanan.

Langkah langkahnya sebagai berikut:

1. Login ke blog anda
2. Buka "tata letak"

3. Klik tambah gatget pilih Html/javascript

4. Kemudian copy terlebih dahulu code html di bawah ini :

_________________________________________________________________________

<exe_tmp_anchor title="exe-node:Basis#auto_top" name="exe-node:Basis#auto_top"></exe_tmp_anchor>
<p align="center">
&nbsp;
</p>
<p align="center">
&nbsp;
</p>
<p align="center">
&nbsp;
</p>
<p align="center">
<style type="text/css">
#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:100px;width:100px;
float:left;cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_bXL_7vG4tEYbqI2kxQ3A-zlaVJEgY0dKAf6wZTHLhE4G-71EZKF-XP_0iY7Kkf1OUST-7bqVUFPRyi7ZP-xljApa1OW0uTI47ioZ-Ol-Ai5PRGJTgxYdtxABTNZdQ_8NHikzbgmDDee_/s1600/RUMAH+02.gif') no-repeat;
}.gbcontent{float:left;border:2px solid #FAFD02;background:#66FF00;padding:50px;}</style>
<script type="text/javascript">
function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 20 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}</script><font color="#0000ff" size="6"></font>
</p>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<br />
<table border="0" height="290" width="261">
<tbody>
<tr>
<td> </td>
</tr>
<tr>
<td> 
<div style="text-align: center">
<a href="http://www.facebook.com/suwawi.jhr" target="_blank" title="klik link ke Facebook suwawi jhr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuowBeDIIcz-qTicEoOuGZ6aD81CRm-0Mpn86nkXB_pP2Wd37yvqLIy240xixG_YHO4AN8rwP3K1iw0-s9c10LTWGVuG68Ds9iKiMcmuQB4Z4mljZMV928zQel_ETnruNFO37fsoXCYTFh/s1600/MEDIA+GPAI.gif" height="246" width="247" /></a>
</div>
</td>
</tr>
</tbody>
</table>
<br />
</div>
<a href="http://mediagurupai.blogspot.com/2012/08/daftar-isi-blog.html"></a>

______________________________________________________

5. Pastekan pada kolom Html/javascript di blog anda
6. Klik Simpan dan klik lihat blog anda

Jika gambar/logo udah bisa muncul dan jika diklik dua kali akan sembunyi di samping blog(berhasil), gambar dapat diganti dengan gambar anda sendiri (dengan cara mengganti code html  yang berwarna biru adalah gambar kecil,sedangkan code html yang berwarna merah adalah gambar besar, formatnya dapat png, jpg atau gif)

4. Cara mengcopy gambar dapat dilakukan dengan doble klik pada gambar dari blog anda sendiri (kemudian copy link address nya) atau klik kanan gambar copy link address.

Dalam contoh ini ada dua gambar yaitu besar dan kecil, yang kecil sebagai tombol (silahkan dicoba klik dua kali)

Contoh code gambar kecil: 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZcDJ5TlaZodPKAckRpgxxqjt5XJs4hJxWwA2lFwa-5W51ZzP8Uyl0gWTGQt_KvQAjlDtDBqZ30V8P03xNCWZMkMiyAl2FDKgMHbLK5IzY5kqBkS91RjaDsLT4H2UPhKTKOf01sSkUQnL6/s1600/GPAI8.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwcSCcJZpepp_oJkufSge488IbYKnFCsC0pE6u30TaauRsb1YQtTmrmMS7GKfUAaCmljgQ7iXvrsHDIggGqXQCE_fQ9XacExTnKLtY-BYUxJ0A92kGLagTfrJ2AqcYDWn8R5U-1jPV9yHq/s1600/GPAI5.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyt7X_AleMT2gtwHsHj4m2QwcI2oa6IkslOxfTz7m__9q3JMbXYnz8ozebuhM0jq2y75XQTmP7guRuqDJ3Uh0anAoQ8sF1R2u67mXlqefZdIZFXpESMZAzT17JxHAf9JUOXks63DqeYAc8/s1600/GURU+PAI+2013.gif

Contoh code gambar besar :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuowBeDIIcz-qTicEoOuGZ6aD81CRm-0Mpn86nkXB_pP2Wd37yvqLIy240xixG_YHO4AN8rwP3K1iw0-s9c10LTWGVuG68Ds9iKiMcmuQB4Z4mljZMV928zQel_ETnruNFO37fsoXCYTFh/s1600/MEDIA+GPAI.gif


Code gambar bola batu pualam :


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqSB1fRlTNK90463QcO_YixRK5wMH-pnGmTEi6m3PpnxZcqqz-DvxGacKznzVxTumzkYqv6D_mpSeqCkaCEEYGx_6ct3kb5fCEaV7cBcfSE1dJqeW3mj-lKnXsE0mjfGXMg_nkm-lPMBk/s1600/ZZ+MEDIA+GPAI+03.gif


code bola Hijau : 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjocxV_27gVqwPvW3YiYvs55yaun2QZ1YDjCeT6nCZrQnbS85Z6VmYyB-PInwdpSexYeSuMvUf9piLLJCTBClF1LD3D-sIVSNfniYyxbg1CMwpwNZQDJVaeOwp03Wx4AtnEpR3yKRHMp0A/s1600/ZZ+MEDIA+GPAI+02.gif









HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH