Cara Membuat Gambar Berputar 360 derajat pada semua postingan Blog atau Pada Gambar Tertentu Atau dengan Berputar sambil Zoom

          Cara Membuat Gambar Berputar 360 derajat pada semua postingan  Blog atau Pada  Gambar Tertentu Atau dengan Berputar sambil Zoom , Ada beberapa cara membuat gambar pada blog berputar 360 derajat. kalo master blog pasti udah ga asing sama yang beginian, kalo buat saya masih newbi jadinya masih perlu untuk belajar. sambil belajar sambil diposting yuk... mari...

• Membuat Gambar Berputar 360 derajat di seluruh postingan 

1. pertama login ke blog kawan 

2. masuk ke halaman template

3. Selanjutnya, klik Edit HTML,lalu lanjutkan, 

4. cari kode ]]></b:skin> (gunakan Ctrl + F) atau ( Gunakan F3 ).

5. kemudian tambahkan kode berikut di atas kode ]]></b:skin>

Klik show untuk melihat kode script

   

.post img{-webkit-transition: all .4s ease-out;

-moz-transition: all .4s ease-out;

-o-transition: all .4s ease-out;}

.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;}

6. simpan template sobat. dan lihat hasilnya, 

• Membuat Gambar Berputar 360 derajat Pada Gambar Tertentu Saja

1. pertama login ke blog kawan 

2. Copy kode Script Berikut 

Klik show untuk melihat kode script

3. Ganti Yang di blok warna biru dengan url gambar kawan.

4. Simpan lalu lihat hasilnya.

• Kalo untuk membuat gambar berputar 360 derajat sambil zoom 

Caranya sama tinggal kawan ganti nilai scale menjadi 0.5 atau 1.5 atau 2 atau 3 dst.. sesuai keinginan kawan.

    Semoga sedikit tulisan ini ada manfaatnya .. sampai disini dulu Cara Membuat Gambar Berputar 360 derajat pada semua postingan  Blog atau Pada  Gambar Tertentu Atau dengan Berputar sambil Zoom. Terima kasih..

Semoga tutorial singkat ini bisa bermanfaat...

8 Saudara