Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse

Berkreasi dalam dunia blogging memang sangat menyenangkan, sampai sampai tidak terasa lagi waktu yang telah berlalu. dalam dunia blogging, tampilan sebuah blog yang memiliki kreasi tinggi akan menambah pengunjung berminat untuk berkunjung ke blog tersebut, apalagi di tambah dengan artikel-artikel yang sangat menarik, akan semakin mendongkrak jumlah pengunjung. Cukup demikian basa-basinya (heheheheheee.. ) mari kita menuju ke pokok pembahasan.

Kali ini saya sedikit berbagi tentang cara membuat gambar dalam posting blog berputar dan membesar saat di sentung oleh cursor, untuk contohnya coba sobat arahkan cursor ke gambar di atas, maka gambar akan berputar dan membesar. Apabila sobat blogger sekalian berminat untuk mencoba silakan ikuti langkah-langkah berikut ini:

1. Seperti biasa sobat harus login dulu di akun blog sobat

2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan

3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan

4. Sobat cari kode

5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode </head>

<style>#cyberbintauna img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #cyberbintauna img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

6. dan sobat klik save / simpan template.

Langkah selanjutnya untuk penenpatan gambar dalam postingan.

1. Sobat harus menambahkan kode <div id="cyberbintauna">

sebelum url gambar dan jangan lupa di tutup dengan kode </div>
contoh seperti di bawah ini:

<div id="cyberbintauna"> <a href="http://cyberbintauna.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzsvr-xzlbNDJ5o2Jzh5h7L-QO8IHOomEBnhE2GyV9rm9O5Fv2K7I1zVa2dBLOT7MByrGbz-241gxv51dIChtESGgETtwgboacacscD0tVLCoTZ7TKPfp62wYNBvSF9O9vtUmRmcjseqo/s320/gambar-berputar.jpg" /></a></div>

untuk yang belum paham silakan berkomentar insyaallah saya balas.

Demikianlah tips "Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse".
semoga bermanfaat.

Untuk berlangganan Artikel silahkan Masukkan email anda kemudian cek inbox email

Author : Unknown

Setelah anda membaca artikel tentang Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse jika bermanfaat, silahkan tekan tombol Share. Anda juga boleh menyalin / menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya : <a href="https://cyberbintauna.blogspot.com/2013/08/membuat-gambar-berputar-dan-membesar.html" target="_blank">Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse</a>

Baca Juga:

tips blogger

• Cara paling mudah untuk membuat fasilitas komentar di website anda
• Membuat Modus Hemat Energi ( Saving Mode )
• Cara Membuat Cursor/Mouse Blog Bertabur Bintang Paling mudah
• Membuat Komentar Slide Panel pada Template Blogspot
• KELIRUNYA UCAPAN HARI RAYA DI INDONESIA
• Xara Web Designer MX Premium 8.0.2.21761
• Cara Membuat Kotak Suka Facebook di Blog
• Cara Daftar dan Pasang Google Analytics di Blog
• Membuat Template Blog Sendiri Dengan Artisteer 3.1
• Cara Membuat Like Box Facebook Tersembunyi di Sisi Blog
• Situs - Situs Penyedia Widget Blog Gratis Terbaru
• Cara Membuat Widget Random Post Keren di Blog New
• Cara Memasang Kotak Komentar Blogger, Facebook dan Twitter di blog dalam satu kotak (berdampingan) (3 in 1)
• Membuat Tag / Permalink di Blogger Blogspot
• Cara Membuat Vote Di Blog
• Animasi Download di Posting
• Cara Membuat & Memasang Meta Tag Di Blogger
• Cara Menghilangkan Navbar Blogger
• Tips Mengedit HTML Blogspot

Judul: Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Unknown
klik disini untuk menambahkan komentar blogger

Terimakasih atas kunjungan Sobat pada artikel ini,dan jangan lupa untuk meninggalkan komentar sobat tentang artikel ini.