Cara Membuat Dan Memasang Efek Gambar Miring Di Postingan Blog

Cara Membuat Dan Memasang Efek Gambar Miring Di Postingan Blog

Efek gambar miring adalah Efek miring pada gambar pada saat di sentuh mouse dan miring searah jarum jam, dan bisa juga berlawanan arah jarum jam, sesuai keinginan kita.

Silahkan Ikuti Langkah-langkah berikut :

1. Silahkan login akun Blog anda
2. Apabila Gambar Ingin Ditempatkan Di Postingan Silahkan Anda Membuat " Entri Baru "

3. Di Posisi Anda Akan Menempatkan Gambar Yang Anda Gunakan, Sisipkan Kode Dibawah Ini.


     <style type="text/css">
    .rotreys {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    }
    .rotreys:hover {
    transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    }
    </style>
    <span class="rotreys">
    <img border="0" height="240" src="Simpan URL Gambar Anda Disini" alt="efek_miring" width="320" />
    </span>

4. Tulisan Berwarna Biru Adalah Kemiringan Gambar, Silahkan Ganti Sesuai Keinginan
5. Tulisan Berwarna Orange Adalah Lebar Dan Tinggi nya Gambar
6. Ganti Tulisan Berwarna Kuning Dengan URL Gambar Anda, Contoh URL :

http://i1295.photobucket.com/albums/b622/Hamzah_Screamo/6048a4ec-ea1d-47cf-9e04-cfe93947c9ed_zps630d4e97.jpg

http://i1295.photobucket.com/albums/b622/Hamzah_Screamo/6048a4ec-ea1d-47cf-9e04-cfe93947c9ed_zps630d4e97.jpg

('http://i1295.photobucket.com/albums/b622/Hamzah_Screamo/6048a4ec-ea1d-47cf-9e04-cfe93947c9ed_zps630d4e97.jpg')

('http://i1295.photobucket.com/albums/b622/Hamzah_Screamo/6048a4ec-ea1d-47cf-9e04-cfe93947c9ed_zps630d4e97.jpg')

7. Setelah Selesai Membuat Posting Silahkan " Terbitkan " Dan Lihat Hasilnya.

Bagikan ke

Facebook Google+ Twitter