Gambar Berputar di Artikel Blog

-
ristiancandra.blogspot.com
Salam Jumpa Sobat-sobat ku Semua...
Artikel kali ini membahas tentang Cara membuat Gambar pada Halaman Posting ketika dilalui Cursor Mouse maka akan bisa berputar, kayak pikiran yang Nulis Blog nie, Muter-muter melulu gak nemu-nemu bahan buat Update posting hehe...
Pasti dah agak basi lah ini Tips, Tapi gak pa-pa khan dishare lebih lanjut lagee, Skalian melengkapi Tutorial Blogging sebelumnya, Yuk langsung aja kita ke TKP...

Langkah-langkahnya adalah sebagai berikut :
1. Login ke Blogger dulu
2. Pilih Template lalu Pilih Edit HTML
3. kemudian Cari Kode ]]> dengan menggunakan CTRL+F
4. Tambahkan Kode Berikut Tepat Diatas Kode ]]>



.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. Simpan Template, dan lihat hasilnya


Contoh,
Coba Sobat arahkan Cursor Mouse ke Gambar dibawah ini:



AkuBukanBangThoyib goBLOG



Jadi berputar khan gambarnya..



Semoga Bermanfaat

Comments

  1. Unknown1:50 pm

    Mantap Bang! Berarti kalau rotationnya ndak 360 derajat yg "360deg" itu diganti ya bang? misal : 180deg?
    Selamat Tahun Baru!

    ReplyDelete
  2. Unknown2:03 pm

    Sobat @ArcherOmega :
    Selamat Tahun Baru jugaaa... & Sukses slalu..
    Thanks dah mampir sob..
    Yups bener skali "360deg" adalah rotasi putaran nya ,bisa dimodif lagi...

    Happy Blogging Sobat...:)

    ReplyDelete
  3. Resolusi Juara 20124:26 pm

    wah lama nih Bang (bukan) thoyib posting, xixixi
    sekali posting, postingannya pun mantepp. :)
    saya juga udah pernah mencobanya bang, tapi cuman disalah satu post. hehe

    ReplyDelete
  4. Unknown5:42 pm

    Sobat @S-Our-K :
    Wah Thanks bgt dah ikutan nimbrung disini...
    Lama tak O.L nie jadi jarang BW & Update
    Moga menang kontes Resolusi ny Sob...

    ReplyDelete
  5. Resolusi Juara 20126:07 pm

    wah, jarang OL kenapa bang?

    haha, iya bang. Do'ain yaa, xixi. :)

    ReplyDelete
  6. Unknown6:40 pm

    Sobat @S-Our-K :
    Pasti lh aq dukung...
    Jarang O.L karena suibuk jg binun mw posting apa hehe
    Sukses Slalu Sob...

    ReplyDelete
  7. tagantar7:24 pm

    Bertemu lagi dgn sahabatku yg satu ini,;. hihihi,, semedi d mna ja gan ,, lama ngga nongol 2x,.. ? hihihi,..

    Nah,.. mantap gan info'nya,.. gambar'nya bisa muter gitu,.. !! siip..,...

    Happy Blogging Sahabatku..!

    ReplyDelete
  8. Unknown7:53 pm

    Ahhayy

    gagal pertamaxx,,
    nice inpo gan :D

    ReplyDelete
  9. Black Angel Syndicate8:27 pm

    mantap sob... hadir kembali di blog anda... hadir dengan membawa perdamaian... maaf baru hadir... :)

    ReplyDelete
  10. Unknown9:49 pm

    Sobat @tagantar :
    Abiz Semedi d dasar lembah kegalauan wkwkwkwk
    Thanks kehadiran na Sob...

    Happy Blogging

    Sobat @enonovan44 :
    Gpp Sob keabisan Pertamax, Premium pun jadi.. hahaha
    Thanks lhu dah komeng disini..

    Sobat @Black Angel Syndicate :
    Waah seneng skali Sobat dah mau kunjungan lagee kmari...
    Happy Blogging Sobat
    Sukses Slalu.....

    ReplyDelete
  11. Ajeng Kartini11:27 am

    nahhhh agan, itu kode yang begono kan banyak. ini yang dibagian mana nya yak???

    ReplyDelete
  12. Unknown11:49 am

    Sobat @kartini :
    Emang itu kode tambahan Jeng, yang ditambahin diatas kode ]]>
    tapi misale dah pernah dimodif coba edit yang dibelakangnya kode dibawah ini:
    .post img
    .post img:hover

    Thanks kehadirannya disini Jeng...
    Happy Blogging

    ReplyDelete
  13. BLOGCUNAYZ8:12 pm

    wow kren gan ini menggunakan efek rotasi ya gan,,di tunggu ya kunjungan baiknya

    ReplyDelete
  14. Black Angel Syndicate9:11 pm

    hadir kembali dblog anda... hadir membawa perdamaian... maaf baru hadir... :)

    ReplyDelete
  15. Unknown11:32 pm

    Sobat @BLOGCUNAYZ, @Black Angel :
    Thanks atas kehadiran and komengnya disini....

    ReplyDelete
  16. Sakahayang Kang Asep1:00 pm

    Menarik sekali sangat atraktif...
    Minta izin saya apply pada blog saya sob...

    happy blogging

    ReplyDelete
  17. Unknown2:55 pm

    Sobat @ Sakahayang kang Asep :
    Dipersilahkan dengan Hati Sobat...
    Thanks atas atensi nya

    Happy Blogging

    ReplyDelete

Post a Comment

~Welcome To Do Follow Blog~
Terima Kasih telah berkunjung dan membaca Artikel ini, Silahkan :
✍ Berikan Komentar sesuai atau relevan dengan isi atau topik Artikel yang dibahas.
✍ Komentar yang terdeteksi SPAM dengan terpaksa akan dihapus.

Popular posts from this blog

Pengertian Blog, Fungsi dan Kegunaannya

-
Image
Definisi Blog Web Log atau yang sering juga disebut BLOG adalah sebuah diary atau catatan-catatan pribadi yang disimpan secara online dan umumnya bersifat terbuka bagi siapa saja yang ingin membacanya. bisa juga berisi kutipan dari sumber lain yang sengaja dipublikasikan kembali dalam satu tempat. Blog juga sama dengan situs-situs atau web yang sering Anda temui di internet. Materi dan konten merupakan kebebasan penuh dari sang pembuat blog . tentu saja sangat disarankan lebih ke arah membagi pengetahuan yang bermanfaat. Fungsi dan Kegunaan Sebuah Blog Dengan memiliki Blog , kita dapat melatih kemampuan dalam menyampaikan suatu informasi atau hal-hal yang ingin kita sampaikan kepada orang lain dengan tanpa bermaksud menggurui atau sok tahu tentang apa yang kita ketahui kepada pembaca. Dengan memiliki Blog , kita dapat memperoleh banyak ide yang didapat dari berbagai sumber yang memberikan komentar atas tulisan yang kita terbitkan di Blog yang kita buat dan akan menjadi ...
Read more

Menyambut Hadirnya Award Ke-4 dan Ke-5

-
Image
Salam Jumpa Sobat-sobat ku Semua... Memasuki Awal tahun 2012 ini, merupakan awal yang Indah bagi saya, ketika mulai (lebih) menikmati aktifitas Blogging , dengan penambahan Ilmu dan Info yang terus terupdate berkat rajin semedi bersama Om google , serta Sharing dari Sobat-sobat sesama Bloggers yang berperan besar dalam pengembangan kreatifitas saya. Termasuk pula kegiatan bagi-bagi Anugerah Award Persahabatan sesama Bloggers , yang semakin Intens berkenan hadir di Blog ini .
Read more

Mengenal Tokoh Karakter dalam The Avengers Movie 2012

-
Image
Salam Jumpa Sobat-sobat ku Semua... Tak berlebihan jika kehadiran Film The Avengers tahun 2012 ini disebut sebagai "The Most Important Superhero Movie Of All Time" . Lazim tentunya, saat belum pernah diproduksi sebelumnya cukup banyak Superhero tampil dalam satu frame. Tak sabar rasanya bagi saya untuk menunggu hadirnya Film yang akan dirilis pada 4 Mei 2012 mendatang ini. Sajian Teaser dan Trailer yang telah banyak beredar di jagad maya, sedikit mampu mengobati rasa penasaran akan jalan cerita Film The Avengers ( meski hanya menebak-nebak saja ..). demi menyalurkan hobi sebagai Movieholic , rencana ke depan saya bakal kupas tuntas mengenai The Avengers , sebelum lebih jauh melangkah dan menunggu sumber yang valid tentang Sinopsis Film, maka dalam Artikel kali ini saya akan mengajak Sobat-sobat semua untuk lebih mengenal Tokoh-tokoh Karakter dalam The Avengers Movie lengkap dengan sekilas Latar Belakang Tokoh serta pemerannya. Lets Cekibrotz...
Read more