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.

??g????

kuyhAa� androiD�?

Bagikan :

• Tweet

Terkait

Tutorial

• Cara Mengatasi Printer Canon IP2770 Narik Kertas Terus
• MENGHUBUNGKAN EMAIL OUTLOOK DENGAN OFFICE OUTLOOK
• Hosting Gratis dari 000a.biz
• Cara Mendapatkan Domain Gratis dari Hostinger
• Cara Mendaftar Hosting Gratis di Hostinger
• Cara Menggunakan FileZilla untuk Upload Website
• BLOCKIR PROGRAM UNTUK MENGHINDARI BLACKLIST SERIAL
• UNLOCKER 1.9.1 FINAL
• MEMBUAT EMAIL DI OUTLOOK DOT COM
• 11 SHORTCUTS IN WINDOWS 8
• DELETE WINDWOS.OLD DAN DISK CELAN UP DI WINDOWS 8
• Cara Mengembalikan Data Komputer yang Tidak Menyala
• INSTALL .NET FRAMEWORK DI WINDOWS 8
• LANGKAH INSTALL WINDOWS 8 PRO LENGKAP
• CARA DOWNLOAD UNDUHAN LEWAT IDM
• BELI DOMAIN TANPA VERIFIKASI PAYPAL DAN SETTING DI BLOGSPOT
• UPGRADE WINDOWS STARTER, HOME BASIC, HOME PREMIUM, PROFESIONAL KE ULTIMATE TANPA INSTALL
• MENGGANTI WARNA DALAM WAKTU 1 MENIT
• EBOOK TUTORIAL CORELDRAW BAHASA INIDONESIA LENGKAP
• TEMPLATE COVER TIMELINE FACEBOOK PSD PHOTOSHOP
• CARA MERESET PASSWORD BIOS DENGAN SOFTWARE
• SEDIKIT TIPS UNTUK WINDOWS 7
• ADD ON GOOGLE CHROME EMOTIONS FACEBOOK
• BACKUP DAN RESTORE ACTIVATION WINDOWS 7

MEMBUAT ZOOM GAMBAR DI BLOGSPOT

Description: MEMBUAT ZOOM GAMBAR DI BLOGSPOT Rating: 4.5 Reviewer: Anonim ItemReviewed: MEMBUAT ZOOM GAMBAR DI BLOGSPOT

Al

Mbah Qopet Updated at: 09.25