Membuat Tampilan Gambar Berputar Di Blog
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

.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 -
  1. Login ke BLOG
  2. Pada opsi Dasbor, cari Template >> Edit HTML.
  3. Cari kode ]]></b:skin> (Tekan Tombol CTRL + F untuk Mempermudah pencarian)
  4. Kemudian Copy dan Paste Kodenya sebelum atau di Atas Code ]]></b:skin>
  5. Klik PRATINJAU untuk melihat hasil sementara, Jika sudah OK
  6. Terakhir tinggal SIMPAN TEMPLATE dan lihat hasilnya.
Jika Cara Membuat Tampilan Gambar Berputar Di Blog berikut dapat bermanfaat, silahkan bagikan ulang artikel ini dengan meilih opsi tombol SHARE dibawah

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 Indriyani
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 >>
= TERIMA KASIH =

32 komentar

  1. pertamaxxxxxxxxxxxxxx
    ada yang punya ngk yang diatasu tu mbk heheh

    tak nyimak dulu ya

    BalasHapus
    Balasan
    1. cantik banget sis devi ini :D terus pintar coding juga :D nice artikel sayang ..

      Hapus
  2. Nyimak saja dah , ,sambil ngliatin adminnya , ,ckckckckc

    BalasHapus
  3. mbak setelah aq coba kenapa muncul kode htmlnya di header blog
    mohon pencerahan mbak

    BalasHapus
    Balasan
    1. kode CSS diatas setelah saya periksa benar, coba anda periksa saat anda melakukan kopi paste kode,apakah ada kode yang tertinggal,

      tetapi jika masih gagal,coba tempatkan pada mode HTML/Javascript dengan menambahkan kode pembuka style dan akhiri dengan kode penutupnya,moga berhasil

      Hapus
  4. ijin nyoba yak sis
    jgn lupa llihat-lihat blog saya muzamaicon.blogspot.com :)

    BalasHapus
  5. Kerennnnnnnnnnnnnn banget Sob dah ane coba. TQ ya... Lanjut

    BalasHapus
  6. Lnsung di coba nch Mbak cara membuat gambar berputar, slam knal..

    BalasHapus
  7. mantap (y)
    ditunggu ya kunjungan baliknya
    http:/cancummeng.blogspot.com

    BalasHapus
  8. dan terima kasaih banyak infonya gan :) (y)
    http://cancummeng.blogspot.com
    Artikel bisnis internet mudah dan cepat

    BalasHapus
  9. kunjungi http://tridayanti123.blogspot.com/

    BalasHapus
  10. ijin coba sob..

    mampir ksini juga ya http://sondycrack-irs.blogspot.com/

    BalasHapus
  11. wah bermamfaat gan ! di http://strongkipwa.blogspot.com/

    BalasHapus
  12. mbak saya udh coba cari kodenya tpi kode tidak ada kode yang ]]>
    bagimana caranya mbak?

    BalasHapus
    Balasan
    1. kodenya setelah kode <head>
      seperti ini <b:skin>....</b:skin>

      Hapus
  13. tangks atas tipsnya...
    kunjungi juga blog ane
    http://gooblogi.blogspot.com

    BalasHapus
  14. mantap gan...

    klik ja ya gan blog saya
    www.taskindo-pulsa.com

    BalasHapus
  15. makasih gan sangat membantu
    http://www.grosirkaosdistro.us/

    BalasHapus
  16. Thanks sis.. berhasil (h)

    jangan lupa mampir ke blog ane. thank you.

    BalasHapus
  17. Gan di ana gak ada ]]> nya gmn donk

    BalasHapus
  18. muter-muter cari di google akhirnya ketemu juga ni cara membuat tampilan gambar berputar nya, makasih banyak sob

    BalasHapus
  19. Teman - teman kesulitan untuk Belajar Komputer karena kesibukan? kini kami memfasilitasi kursus komputer jarak jauh via online, silahkan kunjungi website kami di asianbrilliant.com, Master Komputer, Kursus Online

    Ayah, Bunda..butuh guru untuk mengajar anak-anak dirumah ? kami memfasilitasi 1000 guru untuk anak-anak ayah dan bunda datang kerumah, silahkan kunjungi website kami di smartsukses.com, Bimbingan Belajar, Les Private

    BalasHapus
    Balasan
    1. seip..terimakasih mbak untuk informasinya, tetapi mohon maaf ya, kalau alamat linknya terhapus, karena blog ini saya pasang deteksi Link Aktif

      kalau mau mempromosikan link di blog ini, mbak bisa kehalaman ini saja

      Backlink Free For You

      Terimakasih Atas perhatiannya.

      Hapus
  20. terima kasih ilmunya neng? blog saya jadi lebih menarik gambarnya bisa muter2...mohon ijin bongkar pasang artikel lainnya buat blog saya.....sukses buat neng

    BalasHapus
  21. Terimakasih ya. Bermanfaat sekali. Sudah saya implemetasikan di Blog saya juga . Kunjungi ya : sedekahide.blogspot.com.

    Salam Ide..

    BalasHapus

  • Design
    X
    Teks menu masih dalam tahap perbaikan, Untuk sementara Anda akan dialihkan ke link HOME. Terimakasih.!

    KLIK
  • JQuery
    X
    Teks menu masih dalam tahap perbaikan, Untuk sementara Anda akan dialihkan ke link HOME. Terimakasih.!

    KLIK
  • CSS
    X
    Teks menu masih dalam tahap perbaikan, Untuk sementara Anda akan dialihkan ke link HOME. Terimakasih.!

    KLIK
  • HTML
    X
    Teks menu masih dalam tahap perbaikan, Untuk sementara Anda akan dialihkan ke link HOME. Terimakasih.!

    KLIK
  • JavaScript
    X
    Teks menu masih dalam tahap perbaikan, Untuk sementara Anda akan dialihkan ke link HOME. Terimakasih.!

    KLIK