MEMBUAT ZOOM GAMBAR DI BLOGSPOT

Trik bLogger lah.. hehehe..  .. nah .. kali ini saya akan bagikan.. bagaimana kita membuat gambar di blog kita dapat di perbesar sob.. saat di klik gambar tersebut.. maka akan langsung besar..  syaratnaya mudah kok.. cekidot..

1. PASTIKAN Gambar di blogspot sobat.. saya di PUBLISH POST kan.. memiliki Link..  gambar tersebut..[kebetulan gambar punya saya banyak gambar link yang tidak saya sertakan, jadi saya malas harus membuat link semuanya.. hehe.. .. gambar di atas uji coba saya.]ok deh. sobat.  kalo sudah kita ke kode scriptnaya..


Loging dulu tentu ke Blogspot, terus pilih EDIT HTML

1. cari kode ]]></b:skin> dengan cara tekan CTRL+F, setelah ketemu COPY kan kode di bawah ini Tepat di ATASNYA..

/* Zoom Image www.kuyhaa-android19.blogspot.com ------------------------------- */ div.jquery-image-zoom { line-height: 0; font-size: 0; z-index: 10; border: 5px solid #fff; margin: -5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } div.jquery-image-zoom a { background: url(http://lh6.ggpht.com/_xcD4JK_dIjU/TEfN4VrRQPI/AAAAAAAAESY/so-0qObS1BM/d/jquery.imageZoom.png) no-repeat; display: block; width: 25px; height: 25px; position: absolute; left: -17px; top: -17px; /* IE-users are prolly used to close-link in right-hand corner */ *left: auto; *right: -17px; text-decoration: none; text-indent: -100000px; outline: 0; z-index: 11; } div.jquery-image-zoom a:hover { background-position: left -25px; } div.jquery-image-zoom img, div.jquery-image-zoom embed, div.jquery-image-zoom object, div.jquery-image-zoom div { width: 100%; height: 100%; margin: 0; }

2. selanjutnya.. cari kode </head>  , lalu letakan kode di bawah ini tepat di atasnya juga..

<!-- Zoom Image code script www.kuyhaa-android19.blogspot.com --> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://kuyhaa-android19-blogspot-com.googlecode.com/files/kuyhaa-android19.imageZoom.min.js' type='text/javascript'/> <script type='text/javascript'> jQuery(document.body).imageZoom(); </script>

Lalu save.. enjoy.. sob

semoga bermanfaat guys.