cara menambah search Box pada blog

hai sobat disi saya mau membagikan cara menabah Search Box pada Blog anda

langsung saja copy code di bawah

<form id="searchform"
action="thekodoks32.blogspot.com/search"
name="searchform" method="get">
<input id="s" value="" name="q"
type="text"> <input id="searchsubmit"
value="Search"type="submit"> </form>

setelah itu

• log in blog anda terlebih dahulu
• masuk dasbor anda
• lalu buka tata letak
• lalu tambah gadget pilih HTML/Java Scrip
• lalu paste kode yang sudah anda copy 
• lalu simpan deh :D

NB: tulisan yang berwarna hijau dapat diganti dgn alamat blog anda

Read More

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