Headlines News :
Home » » Cara Membuat Effect Berputar dan Zoom otomatis di setiap posting

Cara Membuat Effect Berputar dan Zoom otomatis di setiap posting

Written By Gressnet Hotspot on Sunday, February 12, 2012 | Sunday, February 12, 2012

image tutorialblog
Salam hangat untuk para blogger sejati !!
Kali ini saya akan mencoba memberikan info tentang Cara Membuat Effect Zoom dan Berputar di Posting Blog yang mungkin tidak asing lagi  di mata suhu blogger, tapi tidak menutup kemungkinan untuk yang newbie mungkin sangat di perlukan hal yang seperti ini.
Seperti efek yang di terapkan dalam blog saya ini setidaknya mempercantik blog weukeukeuk amburadul di bilang cantik ngareeep bangert sih lho..

Jadi intinya sobat tidak perlu repot repot memberikan kode efek gambar satu persatu pada setiap postingan sobat cukup dengan sedikit menambahkan kode CSS pada Edit HTML sobat, cara nya bagai mana?? nah ikuti langkah berikut ok, eh tapi buat perokok sejati coba sediakan kopi sama rokonya ya soalnya kita akan membahas efek berputar takutnya bukan gamabrnya yang berputar malah kepala sobat yang berputar weukeukeu justkidding ehehehe.

Mari di lanjut ke Langkah langkahnya :
  1. Dekatkan kopi dan roko sobat ( setidaknya itu obat penenang )
  2. Login ke Blogger Sobat
  3. Pilih Template lalu Pilih Edit HTML tekan Lanjutkan
  4. Kalu takut error silahkan di backup dulu template sobat
  5. Kemudian Centang Expand Template Widget
  6. Terus Cari Kode ]]></b:skin> biar mudah tekan CTRL+F
  7. Tambahkan Kode Berilut Tepat diatsa kode ]]></b:skin> atau bisa di urutkan di .post img{
.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}


Catatan
Silahkan copy kode diatas ke notepad dulu setelah itu di copy ke blog sobat!!
Selamat Mencoba semoga sukses.!!
Share this article :

0 comments:

Speak up your mind

Tell us what you're thinking... !

 
Support : Creating Website | Johny Template
Copyright © 2014. Gress Internet Online - All Rights Reserved
Template Created by Creating Website
powered by Gressnet Hotspot