Ada banyak cara untuk membuat zoom image. Bisa menggunakan cara ini atau dengan cara yang akan dibahas di bawah ini. Zoom image ini selain untuk menghemat tempat, juga bisa untuk membuat blog menjadi lebih menarik.
Seperti biasa :
login ke blog , klik rancangan.
masuk ke edit html cari kode .post img { .... }
tambahkan kode css transition dibawah ini di antara tanda kurung diatas.
Setelah itu kopi kode ini di bawah kode diatas (ingat kopi kode ini diluar tanda kurung kode pada langkah 2. Tepantya setelah tanda }
.post img:hover {<br /> -o-transition: all 0.3s;<br /> -moz-transition: all 0.3s;<br /> -webkit-transition: all 0.3s;<br /> -moz-transform: scale(2.5);<br /> -o-transform: scale(2.5);<br /> -webkit-transform: scale(2.5);<br /> background-color: #000000;<br /> padding: 4px 4px 4px 4px;<br /> border: 5px solid #414141;<br /> }
untuk demo silahkan dicoba sendiri karena di blog ini sudah terhapus saat ganti template
Tulisan Terkait :
Cara Membuat Forum di Blogspot Cara Membuat Forum di Blogspot. Blog yang mapan dan profesional tentu ... [ www.fabrie.blogspot.com ] HTML Color Picker Online : Kode HTML warna ... [ www.fabrie.blogspot.com ] Tips Menyimpan/ Save As File Flash dari Website!
Saat kita browsing atau jalan-jalan di internet, sering kita meliha ... [ www.fabrie.blogspot.com ] Menyembunyikan gadget atau widget pada postingan tertentu Loading blog sobat lambat karena widget yang begitu banyak? supaya wi ... [ www.fabrie.blogspot.com ] Blogger Harus Tahu : Apa Itu Lorem Ipsum ? Sebagai seorang blogger, mungkin kata Lorem Ipsum sudah tidak asing l ... [ www.fabrie.blogspot.com ] menyembunyikan komentar Ada satu cara untuk menyembunyikan komentar pengunjung sehingga begit ... [ www.fabrie.blogspot.com ] Menampilkan Tanggal Terbit Posting Pada Hari Yang Sama Secara default, blogspot tidak dapat menampilkan tanggal postingan pa ... [ www.fabrie.blogspot.com ] Cara Membuat Auto Hide pada Navbar Blogger Cara Membuat Auto Hide pada Navbar Blogger adalah cara agar Navbar bl ... [ www.fabrie.blogspot.com ] Cara Menghilangkan Nama Admin Pada Top Commentator Cara Menghilangkan Nama Admin Pada Top Commentator
sebetulnya bisa ... [ www.fabrie.blogspot.com ] cara membuat tabview 4 Sobat, kali ini masih membahas cara membuat tabview. Kalo tidak salah ... [ www.fabrie.blogspot.com ] Cara Mendapatkan Backlink Gratis Sudah pernah melakukan cek berapa jumlah backlink yang Anda punya? Ap ... [ www.fabrie.blogspot.com ] Cara Menjadi Penulis Di Blog Ini Makin hari perkembangan blog ini semakin pesat. Tiap hari ratusan ora ... [ www.fabrie.blogspot.com ] Menampilkan kode script pada posting blog Masuk Blogger>Klik Layout(tata letak).Pada Layout/tata letak klik ... [ www.fabrie.blogspot.com ] Membuat Sendiri Share Link Ke Social Network Dengan Javascript Hai Sobat Blogger,,,
Ternyata saya masih sempat untuk posting tulisan ... [ www.fabrie.blogspot.com ] Upload Gambar Kedalam Posting Blogspot Bagi anda-anda yang masih bingung bagaimana caranya untuk memasukan ... [ www.fabrie.blogspot.com ] membuat buku tamu tersembunyi ingin menampilkan buku tamu tersembunyi di blog? Masuk ke account Blo ... [ www.fabrie.blogspot.com ] Penyebab Tidak Munculnya Deskripsi Posting saat Like atau Share Sering saat blog kita di share atau di like yang muncul di face ... [ www.fabrie.blogspot.com ] Membuat widget selalu berada di pojok Kamu ingin gambar/photo kamu, animasi, Jam, Shoutbox,Hit Counter, Kal ... [ www.fabrie.blogspot.com ] Kenali Tombol Like, Tweet, dan Follow Demi Privasi Kamu Kenali Tombol Like, Tweet, dan Follow Demi Privasi Kamu untuk menjaga ... [ www.fabrie.blogspot.com ] menambah elemen baru di atas footer Salam sobat , kali ini saya akan coba menjelaskan langkah-langkah unt ... [ www.fabrie.blogspot.com ] Cara Mudah Menambahkan Fitur Reply Pada Kolom Komentar Blogspot Membuat Fasilitas Reply pada Kotak Komentar ini akan membantu mempe ... [ www.fabrie.blogspot.com ] Cara Mudah Membuat simbol trademark, registered , copyright dan simbol lainnya Untuk membuat TradeMark alias TM
TM adalah singkatan dari TradeMark. ... [ www.fabrie.blogspot.com ] membuat kotak komentar ada foto komentatornya berikut langkah-langkahnya:
klik tata letak,Edit HTML → Sebelumnya ... [ www.fabrie.blogspot.com ] MENGATUR PENAMPILAN LINK Ikuti langkah-langkahnya.Masuk ke Blogger.Pilih Tata letak.Pilih Elem ... [ www.fabrie.blogspot.com ] cara menampilkan judul artikel / post di depan judul blog layout > Edit HTML Cari kode berikut :<title><data:blog.pag ... [ www.fabrie.blogspot.com ] ternyata file image jadi besar di blog ku mengandung virus Akhir-akhir ini loading blogku sangat lambat, aku terus saja menyalah ... [ www.fabrie.blogspot.com ] Memindahkan Tanggal Publikasi Dibawah Judul Posting Bila kita menggunakan template default blogger, biasanya saat kita m ... [ www.fabrie.blogspot.com ] Cara Membuat Jump Link di Dalam Posting Wah apaan tuh "Jump Link" ?? mungkin sobat bertanya-tanya apa sih mak ... [ www.fabrie.blogspot.com ] Buat banner kamu disini Buat banner kamu di sini:
... [ www.fabrie.blogspot.com ] membuat efek zoom pada image dan tulisan login ke blog, tata letak , html
cari kode ]]></b:skin>, kop ... [ www.fabrie.blogspot.com ] Membuat Related Post Tanpa Duplikat Pada tutorial sebelumnya tentang artikel terkait atau related post. P ... [ www.fabrie.blogspot.com ] Membuat Title Bar Berjalan .fullpost{display:inline;} Agar dapat membuat title bar berjalan, ... [ www.fabrie.blogspot.com ] Membuat label blogspot dengan menu dropdown Keterbatasan space di blog memang membuat kita musti berhemat menggun ... [ www.fabrie.blogspot.com ] readmore dengan menampilkan judul post dan mengganti dengan gambar Jika sudah memasang fasilitas read more sebelumnya, ikuti langkah-lan ... [ www.fabrie.blogspot.com ] membuat tabview (3) Edit HTML.cari ]]></b:skin> kopi kode berikut di atas nya: ... [ www.fabrie.blogspot.com ] Membuat Floating Image Yang Bisa Ditutup (close) Pada Blog Floating image merupakan image mengambang yang biasanya berada di seb ... [ www.fabrie.blogspot.com ] membuat buku tamu tersembunyi jilid 2 langkahnya:Masuk ke account Blogger kamu, pilih "Layout" - "Page Elem ... [ www.fabrie.blogspot.com ] Cara Memasang Tombol Back to Top di Blog Blog sobat terlalu panjang kebawah karena posting yang panjang? tentu ... [ www.fabrie.blogspot.com ] menampilkan Avatar Mybloglog di Kotak Komentar Langsung saja, seperti biasa loginlah terlebih dahulu ke blogger. ... [ www.fabrie.blogspot.com ] Notebook Hybrid Lenovo Terbaru Inovatif Dengan Layar Bisa Dilepas Produk dari Lenovo berupa Notebook Tablet baru ini memang lain dari p ... [ www.fabrie.blogspot.com ] MENAMBAH EMOTIONS DI BUKU TAMU (SHOUTBOX) anda dapat menambah emotions dengan koleksi anda sendiri atau mengcop ... [ www.fabrie.blogspot.com ] Beda antara Border ,Padding dan Margin
.fullpost{display:inline;}
Barangkali anda yang sudah terbiasa d ... [ www.fabrie.blogspot.com ] Membuat Exchange Link Automatic 1. Sign up di www.blenza.com.2. Isi semua form nya.3. Data hasil Sign ... [ www.fabrie.blogspot.com ] misteri ka'bah Neil Amstrong telah membuktikan bahwa kota Mekah adalah pusat dari pl ... [ www.fabrie.blogspot.com ] kursor di ikuti segerombolan teks ingin kursor di ikuti teks? masuk ke Blog. Tata Letak, tambah widget ... [ www.fabrie.blogspot.com ] Menampilkan User Agent Detector di Blogspot Hai Sobat Blogger!
&n ... [ www.fabrie.blogspot.com ] Tablet PC Epad Android QWERTY Harga per 16/02/2011 kisaran Rp1.600.000. SUDAH SUPPORT 3G MODEM, QWE ... [ www.fabrie.blogspot.com ] Menampilkan update status twitter di blog dengan javascript Hai Sobat!
Kali ini ada script yang sebetul ... [ www.fabrie.blogspot.com ] Manajemen Blogger Author | Revenue Sharing Blogger memberikan kesempatan kepada para penggunanya untuk bisa mena ... [ www.fabrie.blogspot.com ] Menambah Space Iklan di Dalam Posting Blogspot Banyak cara bagi para publisher untuk menampilkan iklan di blognya ag ... [ www.fabrie.blogspot.com ]
Best Quote Today:
Keberhasilan adalah kemampuan untuk melewati dan mengatasi dari satu kegagalan ke kegagalan berikutnya tanpa kehilangan semangat. (Winston Chuchill)
Jika Anda menyukai tulisan diatas jangan lupa untuk klik tombol suka untuk berbagi dengan teman facebook Anda. Anda juga bisa membagikan tulisan ini di twitter dan jejaring sosial lainnya. Berbagi itu indah.