Image Zoom Effeck Pada posting

met malam Semua

ane mau posting tentang Image Zoom Effeck Pada posting

tanpa banyak basa n basinya kita langsung aja ke caranya

 Log in blog anda >> Dasbor>> rancangan>>templet>>edit HTML >> cari kode ]]></b:skin>
>>lalu letakan kode di bawah ini di atas code ]]></b:skin>

.post img, table.tr-caption-container {
border:none;
max-width:560px;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

 lalu simpan tempaltenya

angka yang berwarna hijau itu adalah skalanya Zoom'a yang akan dihasilkan 

ini hasilnya  :D

Read More

Cara membuat link bergeser saat di sentuh krusor

Met malam gan.
ane mau posting tentang Membuat Link bergeser Saat di sentuh mouse
begini caranya:

• Log in dulun di blog anda
• masuk ke rancangan
• trus Edit HTML pada Templet anda
• trus cari kode </head>
• copy kode di bawah ini ya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

• Trus di paste di atas kode </head>
• Save  

 Semoga ber hasil :D

Read More