Cara Membuat Tampilan Gambar Berputar Di Blog - Merupakan salah satu widget untuk Mempercantik/Memperindah tampilan blog, sehingga dapat memberikan kesan tersendiri untuk visitor blog. Jika sebelumnya kita telah membahas Cara Membuat Efek Remote Link Pada Gambar, Trik yang satu ini lebih mempesona jika kita suguhkan kepada pengunjung blog tercinta, Hehehe....
Membuat Tampilan Gambar Berputar Di Blog , maka secara otomatis semua gambar yang anda buat disetiap artikel blog akan berputar saat disentuh mouse dan gambar akan kembali ke bentuk semula jika mouse tidak menyentuhnya.
Tujuan Membuat Gambar Berputar Di Blog hanya untuk membuat tampilan blog lebih menarik, karena penampilan adalah hal yang utama untuk menarik visitor agar mau berlama-lama di blog kita, daripada menambahkan widget tertentu yang pastinya akan membuat loading blog jadi berat. Dengan Membuat Tampilan Gambar Berputar Di Blog maka tampilan blog lebih menarik karena tidak akan mempengaruhi loading blog jadi berat.
Oke dech..!!!
Berikut Kode Cara Membuat Tampilan Gambar Efek Berputar Di Blog
Tutorial Cara Membuat Tampilan Gambar Efek Berputar Di Blog
Langkah-langkahnya sebagai berikut -
Terima Kasih...!!! salam persahabatan dari ku SAHABAT BLOGGER 77. Sampai ketemu lagi dengan saya di Artikel selanjutnya tentang Cara Membuat Efek Gambar Bergeser Dan Membesar Pada Blog
Membuat Tampilan Gambar Berputar Di Blog , maka secara otomatis semua gambar yang anda buat disetiap artikel blog akan berputar saat disentuh mouse dan gambar akan kembali ke bentuk semula jika mouse tidak menyentuhnya.
Tujuan Membuat Gambar Berputar Di Blog hanya untuk membuat tampilan blog lebih menarik, karena penampilan adalah hal yang utama untuk menarik visitor agar mau berlama-lama di blog kita, daripada menambahkan widget tertentu yang pastinya akan membuat loading blog jadi berat. Dengan Membuat Tampilan Gambar Berputar Di Blog maka tampilan blog lebih menarik karena tidak akan mempengaruhi loading blog jadi berat.
Oke dech..!!!
Berikut Kode Cara Membuat Tampilan Gambar Efek Berputar Di Blog
.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}}
Tutorial Cara Membuat Tampilan Gambar Efek Berputar Di Blog
Langkah-langkahnya sebagai berikut -
- Login ke BLOG
- Pada opsi Dasbor, cari Template >> Edit HTML.
- Cari kode ]]></b:skin> (Tekan Tombol CTRL + F untuk Mempermudah pencarian)
- Kemudian Copy dan Paste Kodenya sebelum atau di Atas Code ]]></b:skin>
- Klik PRATINJAU untuk melihat hasil sementara, Jika sudah OK
- Terakhir tinggal SIMPAN TEMPLATE dan lihat hasilnya.
Terima Kasih...!!! salam persahabatan dari ku SAHABAT BLOGGER 77. Sampai ketemu lagi dengan saya di Artikel selanjutnya tentang Cara Membuat Efek Gambar Bergeser Dan Membesar Pada Blog
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul= Cara Membuat Tampilan Gambar Berputar Di Blog
Ditulis oleh= Devy
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip (meng-Copy), baik itu sebagian atau keseluruhan isi dari artikel ini harap menyertakan link dofollow ke >>
pertamaxxxxxxxxxxxxxx
BalasHapusada yang punya ngk yang diatasu tu mbk heheh
tak nyimak dulu ya
cantik banget sis devi ini :D terus pintar coding juga :D nice artikel sayang ..
HapusNyimak saja dah , ,sambil ngliatin adminnya , ,ckckckckc
BalasHapusmbak setelah aq coba kenapa muncul kode htmlnya di header blog
BalasHapusmohon pencerahan mbak
kode CSS diatas setelah saya periksa benar, coba anda periksa saat anda melakukan kopi paste kode,apakah ada kode yang tertinggal,
Hapustetapi jika masih gagal,coba tempatkan pada mode HTML/Javascript dengan menambahkan kode pembuka style dan akhiri dengan kode penutupnya,moga berhasil
ijin nyoba yak sis
BalasHapusjgn lupa llihat-lihat blog saya muzamaicon.blogspot.com :)
Kerennnnnnnnnnnnnn banget Sob dah ane coba. TQ ya... Lanjut
BalasHapus(k)
BalasHapusPertamaxxx :)
BalasHapusLnsung di coba nch Mbak cara membuat gambar berputar, slam knal..
BalasHapusmantap (y)
BalasHapusditunggu ya kunjungan baliknya
http:/cancummeng.blogspot.com
dan terima kasaih banyak infonya gan :) (y)
BalasHapushttp://cancummeng.blogspot.com
Artikel bisnis internet mudah dan cepat
kunjungi http://tridayanti123.blogspot.com/
BalasHapusijin coba sob..
BalasHapusmampir ksini juga ya http://sondycrack-irs.blogspot.com/
wah bermamfaat gan ! di http://strongkipwa.blogspot.com/
BalasHapusSiip..
BalasHapusSiip..
BalasHapusmbak saya udh coba cari kodenya tpi kode tidak ada kode yang ]]>
BalasHapusbagimana caranya mbak?
kodenya setelah kode <head>
Hapusseperti ini <b:skin>....</b:skin>
tangks atas tipsnya...
BalasHapuskunjungi juga blog ane
http://gooblogi.blogspot.com
mantap gan...
BalasHapusklik ja ya gan blog saya
www.taskindo-pulsa.com
makasih gan sangat membantu
BalasHapushttp://www.grosirkaosdistro.us/
Thanks sis.. berhasil (h)
BalasHapusjangan lupa mampir ke blog ane. thank you.
tak coba lahh
BalasHapusGan di ana gak ada ]]> nya gmn donk
BalasHapusmuter-muter cari di google akhirnya ketemu juga ni cara membuat tampilan gambar berputar nya, makasih banyak sob
BalasHapusseip..terimakasih mbak untuk informasinya, tetapi mohon maaf ya, kalau alamat linknya terhapus, karena blog ini saya pasang deteksi Link Aktif
BalasHapuskalau mau mempromosikan link di blog ini, mbak bisa kehalaman ini saja
➝ Backlink Free For You
Terimakasih Atas perhatiannya.
coba dulu aaaaahh...:d
BalasHapusrumit
BalasHapusterima kasih ilmunya neng? blog saya jadi lebih menarik gambarnya bisa muter2...mohon ijin bongkar pasang artikel lainnya buat blog saya.....sukses buat neng
BalasHapusTerimakasih ya. Bermanfaat sekali. Sudah saya implemetasikan di Blog saya juga . Kunjungi ya : sedekahide.blogspot.com.
BalasHapusSalam Ide..