Cara Membuat Tag Cloud

<style type="text/css">
.post img { background:#aaa; border-radius:px; -moz-border-radius:px; -webkit-border-radius:px; -o-transition:all 1.2s ease-out; -moz-transition:all 1.2s ease-out; -webkit-transition:all 1.2s ease-out; } .post img:hover { z-index:99; background:#993300; border-color:#00000; -o-transform:rotate(-10deg) scale(1.4) translate(5px,-3px); -moz-transform:rotate(360deg) scale(2) translate(1px,-3px); -webkit-transform:rotate(30deg) scale(2) translate(10px,-3px); }
</style><style type="text/css">
.post img { background:#aaa; border-radius:px; -moz-border-radius:px; -webkit-border-radius:px; -o-transition:all 1.2s ease-out; -moz-transition:all 1.2s ease-out; -webkit-transition:all 1.2s ease-out; } .post img:hover { z-index:99; background:#993300; border-color:#00000; -o-transform:rotate(-10deg) scale(1.4) translate(5px,-3px); -moz-transform:rotate(360deg) scale(2) translate(1px,-3px); -webkit-transform:rotate(30deg) scale(2) translate(10px,-3px); }
</style>

Read More

Memberi Efek Gambar Berputar Pada Posting

langsung aj gan
di sini mr kodok ingin memposting tentang Efek berputar pada semua posting
gini 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> 

<style type="text/css">
.post img { background:#aaa; border-radius:px; -moz-border-radius:px; -webkit-border-radius:px; -o-transition:all 1.2s ease-out; -moz-transition:all 1.2s ease-out; -webkit-transition:all 1.2s ease-out; } .post img:hover { z-index:99; background:#993300; border-color:#00000; -o-transform:rotate(360deg) scale(1.4) translate(5px,-3px); -moz-transform:rotate(360deg) scale(2) translate(1px,-3px); -webkit-transform:rotate(360deg) scale(2) translate(10px,-3px); }
</style>

• Lalu simpan Template tersebut
• Mudah bukan 

Nah hasilnya seperti ini deh :D 

Read More

Membuat Daun berjatuhan di blog

Efek ini hampir sama dengan Efek hujan salju,

untuk memasang efek tersebut dapat dilakukan dgn cara:

• Login Blog anda terlebih dahulu
• masuk ke dasbor anda>>rancangan>>tambah Gadget>>pilih HTML/JavaScript
• Copas Code di bawah ini

<script src='http://arti.master.irhamna.googlepages.com/daun.js'/></script> 

• Lalu simpan Gadget tersebut dan rasakan sensasi musim Gugur :D
wkwkwkw 

Read More

Cara membuat Link Hover berpijar

Langsung saja begini caranya

• Login ke dashboard blogger
• Klik menu Rancangan / Design
• Klik lagi menu Edit HTML

•  cari kode:

a:hover{
    color:......;
    text-decoration: none;
    border: 0px;
        font-weight:bold; }

• lalu copy code dibawah ini

cursor:hand;
background-image:url(http://3.bp.blogspot.com

/-2fdjVf6eG0w/TuwNasAozjI/AAAAAAAAAkc/d2uffJHOaEI/s1600/linkwarnawarni.jpg);

•  lalu paste code di atas, sebelum tanda } 

  lalu simpan template anda dan lihatlah hasilnya

Read More

Membuat animasi burung twitter

pasti sudah banyak orang yang mengenal jejaring sosial twitter bukan?
Nah disini saya akan mengajarkan pada kalian tentang memberi animasi twitter pada blog anda.
capcuss ajj, begini caranya

• Login Blog anda terlebih dahulu
• masuk ke dasbor anda>>rancangan>>tambah Gadget>>pilih HTML/JavaScript
• Copas Code di bawah ini

 <!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="http://4.bp.blogspot.com/-Gq2BI4WhlN8/TZTMt0C0FQI/AAAAAAAAAWg/BC8PKRw3S14/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/#!/AkunTwitterAnda";var tweetThisText = "Twitter - AkunTwitterAnda http://thekodoks32.blogspot.com/";tripleflapInit();
</script>

• Lalu simpan Gadgetnya

NB:  

• Ganti http://twitter.com/#!/AkunTwitterAnda dengan URL Profil Twitter anda
• Ganti http://thekodoks32.blogspot.com/ dengan URL Blog Anda
• Ganti AkunTwitterAnda dengan IdTwitter anda

http://4.bp.blogspot.com/-Gq2BI4WhlN8/TZTMt0C0FQI/AAAAAAAAAWg/BC8PKRw3S14/s1600/original.png  dapat diganti dengan Code di bawah ini

• http://4.bp.blogspot.com/-wBxVv0pnUXk/TZTPaPQnLlI/AAAAAAAAAWw/mG0WP4R0fUs/s1600/purple.png        (burung berwarna Ungu)
• http://2.bp.blogspot.com/-aYn7gDUrA50/TZTNFhT6INI/AAAAAAAAAWk/RJZyVKjLXIU/s1600/green.png         (burung berwarna Hijau)
•  http://3.bp.blogspot.com/-rACdArBSvf4/TZTNzX8CzEI/AAAAAAAAAWo/TMyO1xnL71U/s1600/blue.png            (burung berwarna biru)
• http://1.bp.blogspot.com/-NSycBLY8vjw/TZTPC2xFd9I/AAAAAAAAAWs/uJtGe9R8vFs/s1600/pink.png           (burung berwarna Pink)

Read More

Cara membuat Hujan Salju di blog

Dalam Kesempatan ini Blog MR.K sedang di landa badai salju.
dan di kesempatan ini juga Mr.K juga Membagikan Trick untuk membuatnya,
caranya mudah kok langsung saja ya

• Login Blog anda terlebih dahulu
• masuk ke dasbor anda>>rancangan>>tambah Gadget>>pilih HTML/JavaScript
• Copas Code di bawah ini 

<script src="http://masterendi.googlecode.com/files/salju.js"></script>

• lalu simpan Gadget Dan rasakan sensasi dinginya

Sekian trick dari Mr.K bila ada salah kata mohon maaf

Read More

membuat save mode pada blog

langsung saja, Mr Kodok disini mw berbagi ilmu tentang membuat Save mode pada blog cranya mudah kok

Cekidot :D

1. Login ke akun blogger sobat terlebih dahulu
2. Klik “Design”
3. Kemudian klik “Edit HTML”
4. Jangan lupa centang “Expand Widget Template”
5. Temukan kode </head> (bisa memanfaatkan ctrl+f)
6. Letakkan script berikut diatas kode </head>

<!-- save your energy -->
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>
<!-- save your energy end -->

7. Simpan template sobat.



mudah bukan :D

Read More

membuat judul postingan lebih indah

hai Sobat
Mr kodok mw berbagi ilmu tentang membuat judul postingan anda menjadi lbh menarik
langsung saja begini caranya

Membuat judul muncul dari kanan ke kiri

• login blog anda
• lalu buat entri baru

Read More

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