Cara Membesarkan Gambar Saat di Sentuh Cursor

Oleh Chairil Kaka

Thursday 14 November 2013

Bagikan :

Tweet

Bismillahirrahmanirrahim
Asalamualaikum Wr Wb

Salam Bagi seluruh para maniak blogger pada kesempatan kali ini saya akan sedikit membagikan sesuatu yang sering kita ditemukan oleh para Blogwalking, yaitu Gambar Yang Membesar Otomatis Ketika disentuh Cursor atau Mouse. Namun, para blogger khususnya yang baru memulai kariernya di dunia Postingan.hehe. Pasti banyak yang kebingungan mencari kesana-sini Tutorial Membesarkan Gambar Saat di Sentuh Cursor. kebetulan ne kalian nangkring di blognya Paling Tokcer pusat tutorial gila dan mengejutkan.

Tutorial Blooger | Membuat Gambar Membesar Saat Di sentuh Cursor

baiklah tanpa memperpanjang muqaddimah lansung saja kita memasuki pada pusat perhatian kita yaitu Cara Membesarkan Gambar Saat Di Sentuh:

Langkah 1 Buka Blogger.com

Langkah 2 Pilih Template

Langkah 3 Pilih Edit HTML

Langkah 4 Centang Expand Widget Template 

Langkah 5 Cari kode ]]>

gunakan  fungsi Find Ctrl+F untuk memudahkan pencarian
Langkah 6 paste kode berikut ini tepat di atas kode tadi yang sudah ditemukan ]]>

.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }


Langkah 7 Priview jika sesuai yang diharapkan segera Save Template anda. and enjoy

Cukup sekian
jika ada kedala dan kesan silahkan di terbitkan di kolom komentar (lansung di publish)
Wasalamualaikum  Wr Wb