Cara Mudah Memasang Efek Berputar Dan Membesar Pada Gambar di Blog
Minggu, 09 Februari 2014
0
komentar
mungkin temen-temen bertanya-tanya
dalam hati, bagaimana sih caranya agar gambar di blog sobat bisa
berputar-putar, hehehee , , caranya mudah sob, and kalian pasti bisa
karna sangat mudah tentunya,
tujuan memutar gambar pada
blog adalah untuk memper indah / membuat pembaca blog kerasan untuk
berada didalam blog kita, karna menurut penulis penampilan itu sangat
penting hehehee,,, ya udah deh langsung aja kepokok permasalahannya yaitu membuat gambar berputar dan membesar... cikidot....
Langkah-langkahnya sbb;
1. Pertama, pastinya Login
dulu ke BLOG Kalian.
3. cari Code ]]></b:skin> (Untuk memudahkan pencarian maka tekan Tombol CTRL + F atau F3 pada Keyboard
4. Kemudian CoPas Code di
bawah tepat di atas Code ]]></b:skin>
.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}}
5. Terakhir tinggal di
SIMPAN dan lihat hasilnya.
Atau yg Pengen Stiap Gambar - Gambar yg Muncul diblog Berputar Tapi tanpa efek zoom,nie ane kasih tau caranya : Berikut ini cara memasang efek berputar pada gambar di blog
:
1. Buka
Blogger, dan masuk ke Template.
2. Buat
sebuah
backup dari template blog Anda, lalu klik Edit HTML.
3. Tekan
CTRL+F, dan cari kode ]]></b:skin>
4. Pastekan
kode berikut tepat diatas/sebelum kode
]]></b:skin>
img {-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}img:hover {-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);}
Keterangan :
Kode yang berwarna biru : Durasi / lamanya perputaran gambar dalam detik.
Ubahlah sesuai dengan keinginan Anda.
Kode yang berwarna merah : Besarnya
perputaran gambar dalam derajat. Ubahlah sesuai dengan kebutuhan. Jika Anda
membiarkannya, gambar akan beputar sebanyak 1 setengah lingkaran.
5.
Terakhir,
klik Simpan. Buka blog Anda untuk melihat
hasilnya.
Selamat Mencoba Dan Semoga Berhasil,,,,,,,,,,,,,,
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Mudah Memasang Efek Berputar Dan Membesar Pada Gambar di Blog
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://rizaltipsntriks.blogspot.com/2014/02/cara-mudah-memasang-efek-berputar-dan_9.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Unknown
Rating Blog 5 dari 5
Categories:
Tips dan Triks Blogger
0 komentar:
Posting Komentar