Cara Membuat Spinning Image

Hai Bloger Kali Ini Saya Akan Share Yaitu Cara Buat Spiining Image Langsung Aja Yuk ^_^



Langkah" Nya
1. Login ke Blogger
2. Pergi ke Dashboard
3. Pergi ke Template -> Edit HTML
4. Masukan Code Dibawah ini tepat diatas code ]]></b:skin>


/* MMSharingan Berputar Style By Rama (gifzt-modder */ .MMSharingan1 { -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear;margin-top:-20px; margin-left:400px;position:absolute;z-index:999;height: 200px;line-height: 46px;border-radius:500px;border-left:10px solid black;border-right:10px solid black;width: 200px;; -moz-animation:MMspin 1s infinite linear; -webkit-animation:MMspin 1s infinite linear;animation:MMpin 1s infinite linear} .MMSharingan {margin-top:0px; margin-left:450px;position:absolute;z-index:999;background: url(http://3.bp.blogspot.com/-97mznAeA8Yk/UObRngO8oHI/AAAAAAAAAbg/fTwGLR981G8/s1600/Sharingan+5.png) no-repeat;height: 185px; line-height: 46px;border-left:20px solid black;border-radius:500px;border-right:20px solid black;width: 185px; -moz-animation:MMspin 1s infinite linear; -webkit-animation:MMspin 1s infinite linear;animation:MMspin 1s infinite linear} @-moz-keyframes MMspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} } @-webkit-keyframes MMspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} } @keyframes MMspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }

 Pengertian Code Diatas :
Code margin-top:-20px; margin-left:400px; itu sesuaikan dengan yang kamu mau Marginnya...
Code height: 200px; yaitu Tinggi gambarnya (sesuaikan dengan keinginan tingginya )
Code width: 185px; yaitu Lebar gambarnya (sesuaikan dengan keinginan lebarnya )
Code  http://lh4.googleusercontent.com/-1H0QD0Pto-M/UN6cEsf3xAI/AAAAAAAAAOo/CrvHCdmMmrM/s185/supers.png yaitu code gambar sharingannya..
bisa diganti dengan code gambar sharingan yang lain :)



Kalau code diatas sudah dimasukin, selanjutnya cari code  <div id='header-wrapper'>  kalau sudah ketemu, masukan code dibawah ini, dibawah code <div id='header-wrapper'>

     <div id='MMSharingan1'><div class='MMSharingan'/></div>

5. Simpan

6.  Enjoy

nah ada tambahan nih, untuk code gambar sharingan nya...







Cara Membuat Spinning Image

Alternative Link : [ Click Here ... ]

Posted by Ramadhan Ashary | Published at 18.11

8 komentar :

  1. Wow Tutorial Keren ^_^

    Comment Back : http://nsfc-fansclub-id.blogspot.com

    BalasHapus
  2. Mantab gan info'a

    comment back yyah

    BalasHapus
  3. thx info nya :D
    http://risefortech.blogspot.com
    thx

    BalasHapus
  4. Mantap benar nih salah satu cara ini ^_^

    http://mestiqui.blogspot.com/

    BalasHapus

{ Harap Baca }

1. Harap berkomentar dengan bahasa indonesia yang baku tanpa singkatan.
2. Apabila Anda Komentar Thank's Info ,, Nice Post <-- Akan saya Hapus
3. Dilarang Live Link
4. Dilarang Berkomentar berbau Por** and SARA
5. Berkomentar lah Dengan Sesuai Postingan Diatas
6. Jika Anda Mengomentar Enggak Sesuai Topik Gunakan OOT

{+} Ingat Jangan Sekali Sekali Menaruh Link Hidup Maupun Link Mati

 
 
Copyright © 2014 Blog Mas Rama Template Design By | Pathmo