Wednesday, November 16, 2011 at 8:09 PM with ≡
Hola semuanya! kan kemarin aku nggak tulis entry sama sekali soalnya lagi edit blog! jadi sekarang aku akan menuliskan ini! yaitu cara membuat image shake ketika disorot kursor! mau tau caranya?? ikuti tutorial dibawah ini!
Dashboard>>Design>>Edit HTML
Nah kalau udah Ctrl+F kemudian cari kode </head>
Kalau kode </head> udah ketemu kamu tinggal Copy Paste kode dibawah ini diatas kode </head>
<style>PREVIEW DULU!Kalau udah berhasil baru Save Template
.shakeimage{
position:relative}
</style>
<script language="JavaScript1.2">
//configure shake degree (where larger # equals greater shake)
var rector=3
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1) return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector+"px"}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector+"px"}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector+"px"}
else{
shake.style.left=parseInt(shake.style.left)-rector+"px"} if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0}
</script>
Credit to ThemaxDavis
Labels: Tutorial
