Tuesday, February 13, 2018

Cara Menciptakan Gambar Posting Berputar

Berikut ini yaitu cara menciptakan gambar yang ada dipostingan setiap artikel berputar dan membesar dikala di sentuh kursor mouse. Salah satu cara semoga gambar sanggup diperbesar dan lebih gampang untuk dilihat dikala disentuh kursor mouse. Contoh: arahkan mouse anda ke gambar dibawah ini.


Untuk menciptakan gambar di setiap postingan berputar, silakan ikuti langkah-langkah dibawah ini.
  1. Login ke blogger. 
  2. Dari halaman dasbor pilih pengaturan template. Lalu klik edit HTML dan cari instruksi ]]></b:skin>(gunakan Ctrl F untuk mempermudah pencarian kode). 
  3. Setelah ketemu ]]></b:skin>, Copy instruksi dibawah ini. Lalu Pastekan di Atas ]]></b:skin>
  4. .post img{-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
    .post img:hover{-o-transform:scale(1.9) rotate(360deg) translate(0px);-moz-transform:scale(1.9)
    rotate(360deg) translate(0px);-webkit-transform:scale(1.9) rotate(360deg) translate(0px);-o-transition:all 0.5s
    ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
  5. Dan save template. Selesai.
  6. Atau sanggup juga ditempatkan di Tambahkan CSS pada bab perancang template blogger(desainer template).
  7. Lalu save, selesai.
Keterangan instruksi diatas: 0.5s untuk mengatur usang putaran. scale 1.9 untuk mengatur besarnya gambar sesudah di sentuh oleh kursor mouse, silakan diganti sesuai dengan keinginan. Untuk instruksi lainnya sebaiknya jangan diganti, semoga instruksi tetap berjalan dengan benar, yaitu untuk memutar gambar yang disentuh kursor mouse. 
Itulah sedikit tutorial desain blog dan tips trik yang sanggup dipakai di blog,  yang aku sanggup bagikan yaitu perihal cara menciptakan gambar posting berputar dan membesar dikala di sentuh kursor mouse.

Jika ada yang kurang dimengerti dari langkah-langkah diatas atau ada hambatan dalam pembuatannya. Silakan masukan komentar anda dibawah. Silakan dibaca juga artikel lainnya yang berkaitan dengan gambar, seperti cara mengganti judul blog dengan gambar atau cara menciptakan sajian blog dengan gambar. Semoga bermanfaat.
    Share:

    0 comments:

    Post a Comment