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