tag:blogger.com,1999:blog-72486757821029836242024-03-12T21:51:15.471-07:00BlogKodokThekodoks32http://www.blogger.com/profile/03591645609279792047noreply@blogger.comBlogger11125tag:blogger.com,1999:blog-7248675782102983624.post-75052137273195223812012-11-22T17:29:00.000-08:002023-03-04T03:49:46.602-08:00Cara Membuat Tag Cloud<style type="text/css"><br />
.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); }<br />
</style><style type="text/css"><br />
.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); }<br />
</style><br />
<br />Thekodoks32http://www.blogger.com/profile/03591645609279792047noreply@blogger.com0tag:blogger.com,1999:blog-7248675782102983624.post-2880135547026585062012-08-02T23:16:00.000-07:002012-11-22T19:07:42.426-08:00Memberi Efek Gambar Berputar Pada Posting<div class="MsoNormal" style="line-height: normal; margin-bottom: 12pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">langsung aj gan<br />
di sini mr kodok ingin memposting tentang Efek berputar pada semua posting<br />
gini caranya<br />
<br />
</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> Log in blog anda >> Dasbor>> rancangan>>templet>>edit HTML >> cari kode ]]></b:skin></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">>>lalu letakan kode di bawah<span style="color: white;"> </span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<span style="color: white; font-family: "Times New Roman","serif"; font-size: 12pt;">ini di atas code ]]></b:skin> </span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 5pt;">
<b><span style="color: black; font-family: "Times New Roman","serif"; font-size: 12pt;"><style type="text/css"></span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><br />
<b>.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(<span style="color: red;">360</span>deg) scale(1.4) translate(5px,-3px); -moz-transform:rotate(</b></span><b><span style="color: red; font-family: "Times New Roman","serif"; font-size: 12pt;">360</span></b><b><span style="color: black; font-family: "Times New Roman","serif"; font-size: 12pt;">deg) scale(2) translate(1px,-3px); -webkit-transform:rotate(</span><span style="color: red; font-family: "Times New Roman","serif"; font-size: 12pt;">360</span><span style="color: black; font-family: "Times New Roman","serif"; font-size: 12pt;">deg) scale(2) translate(10px,-3px); } </span></b><span style="color: black; font-family: "Times New Roman","serif"; font-size: 12pt;"><br />
<b></style></b></span></div>
<ul type="disc">
<li class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Lalu simpan Template tersebut</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Mudah bukan </span></li>
</ul>
<div class="MsoNormal">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Nah hasilnya seperti ini<a href="http://gembel-senden11.co.cc/" rel="nofollow" target="_blank"> </a>deh :D<span style="color: white;"> </span></span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-_FLURT-FyYk/UK7nUEvMx6I/AAAAAAAAAF4/butJLN0Di-c/s1600/url.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="http://2.bp.blogspot.com/-_FLURT-FyYk/UK7nUEvMx6I/AAAAAAAAAF4/butJLN0Di-c/s640/url.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br /></div>
<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(360deg) scale(2) translate(10px,-3px); }
</style>Thekodoks32http://www.blogger.com/profile/03591645609279792047noreply@blogger.com0tag:blogger.com,1999:blog-7248675782102983624.post-40160460460493673262012-05-19T16:01:00.000-07:002012-11-22T17:29:51.799-08:00Membuat Daun berjatuhan di blogEfek ini hampir sama dengan Efek hujan salju,<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-eWwhvcp7zaI/UBtpKMeTF4I/AAAAAAAAAEA/zuSCIi8up50/s1600/images.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-eWwhvcp7zaI/UBtpKMeTF4I/AAAAAAAAAEA/zuSCIi8up50/s1600/images.jpg" /></a></div>
untuk memasang efek tersebut dapat dilakukan dgn cara:<br />
<ul>
<li>Login Blog anda terlebih dahulu</li>
<li>masuk ke dasbor anda>>rancangan>>tambah Gadget>>pilih HTML/JavaScript</li>
<li>Copas Code di bawah ini</li>
</ul>
<code><script src='http://arti.master.irhamna.googlepages.com/daun.js'/></script></code><code> </code><br />
<br />
<ul>
<li><code><span style="font-family: Arial,Helvetica,sans-serif;">Lalu simpan Gadget tersebut dan rasakan sensasi musim Gugur :D</span></code><br />
<code><span style="font-family: Arial,Helvetica,sans-serif;">wkwkwkw </span> </code></li>
</ul>Thekodoks32http://www.blogger.com/profile/03591645609279792047noreply@blogger.com0tag:blogger.com,1999:blog-7248675782102983624.post-33048452166412205982012-05-13T16:55:00.000-07:002012-11-22T17:29:51.797-08:00Cara membuat Link Hover berpijarLangsung saja begini caranya<br />
<ul>
<li>Login ke dashboard blogger</li>
<li>Klik menu Rancangan / Design</li>
<li>Klik lagi menu Edit HTML </li>
</ul>
<ul>
<li> cari kode:</li>
</ul>
<br />
a:hover{<br />
color:......;<br />
text-decoration: none;<br />
border: 0px;<br />
font-weight:bold; <span style="color: red;">}</span><br />
<br />
<ul>
<li>lalu copy code dibawah ini</li>
</ul>
<pre>cursor:hand;
background-image:url(http://3.bp.blogspot.com</pre>
<pre>/-2fdjVf6eG0w/TuwNasAozjI/AAAAAAAAAkc/d2uffJHOaEI/s1600/linkwarnawarni.jpg);</pre>
<ul>
<li><pre> lalu paste code di atas, sebelum tanda <span style="color: red;">}</span> </pre>
<pre> </pre>
<pre>lalu simpan template anda dan lihatlah hasilnya</pre>
</li>
</ul>Thekodoks32http://www.blogger.com/profile/03591645609279792047noreply@blogger.com0tag:blogger.com,1999:blog-7248675782102983624.post-82528319883212394022012-05-12T04:49:00.004-07:002012-11-22T17:29:51.808-08:00Membuat animasi burung twitter<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-em3Hm4JdMAI/UCYbuYuL8MI/AAAAAAAAAFU/1KstMjXKu20/s1600/twitter-bird-logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="219" src="http://3.bp.blogspot.com/-em3Hm4JdMAI/UCYbuYuL8MI/AAAAAAAAAFU/1KstMjXKu20/s320/twitter-bird-logo.jpg" width="320" /></a></div>
pasti sudah banyak orang yang mengenal jejaring sosial twitter bukan?<br />
Nah disini saya akan mengajarkan pada kalian tentang memberi animasi twitter pada blog anda.<br />
capcuss ajj, begini caranya<br />
<ul>
<li>Login Blog anda terlebih dahulu</li>
<li>masuk ke dasbor anda>>rancangan>>tambah Gadget>>pilih HTML/JavaScript</li>
<li>Copas Code di bawah ini<code> </code></li>
</ul>
<div style="background-color: black;">
<span style="background-color: black;"> </span><span style="color: #ffff66;"><span style="background-color: black; color: white;"><!-- floating twitter Bird --></span><br style="color: white;" /><span style="background-color: black; color: white;"><script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script></span><br style="color: white;" /><span style="background-color: black; color: white;"><script type="text/javascript"></span><br style="color: white;" /><span style="background-color: black; color: #ffff66;"><span style="color: white;">var birdSprite="</span><span style="color: #33ff33; font-weight: bold;">http://4.bp.blogspot.com/-Gq2BI4WhlN8/TZTMt0C0FQI/AAAAAAAAAWg/BC8PKRw3S14/s1600/original.png</span><span style="color: white;">"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",</span></span><br style="color: white;" /><span style="background-color: black; color: #ffff66;"><span style="color: white;">"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "<span style="color: red;">http://twitter.com/#!/</span></span><span style="color: red; font-weight: bold;">AkunTwitterAnda</span><span style="color: white;">";var tweetThisText = "Twitter -</span> <span style="color: #33ff33; font-weight: bold;"><span style="color: red;">AkunTwitterAnda</span> <span style="color: orange;">http://thekodoks32.blogspot.com/</span></span><span style="color: white;">";tripleflapInit();</span></span><br style="color: white;" /><span style="color: white;"><span style="background-color: black;"></script></span> </span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul style="color: white;">
<li>Lalu simpan Gadgetnya</li>
</ul>
<br />
<br />
<span style="color: white;">NB:</span> <span style="color: black;"> </span><br />
<ul>
<li><span style="color: black;"><span style="color: white;">Ganti</span> </span><span style="color: #ffff66;"><span style="color: #ffff66;"><span style="color: white;"><span style="color: red;">http://twitter.com/#!/</span></span><span style="color: red; font-weight: bold;">AkunTwitterAnda</span></span></span><span style="color: black;"> <span style="color: white;">dengan URL Profil Twitter anda</span></span></li>
<li><span style="color: black;"><span style="color: white;">Ganti</span> </span><span style="color: #ffff66;"><span style="color: #ffff66;"><span style="color: #33ff33; font-weight: bold;"><span style="color: orange;">http://thekodoks32.blogspot.com/</span></span></span></span><span style="color: black;"> <span style="color: white;">dengan URL Blog Anda</span></span></li>
<li><span style="color: black;"><span style="color: white;">Ganti</span> </span><span style="color: #ffff66;"><span style="color: #ffff66;"><span style="color: #33ff33; font-weight: bold;"><span style="color: red;">AkunTwitterAnda</span></span></span></span><span style="color: black;"> <span style="color: white;">dengan IdTwitter anda</span></span></li>
</ul>
<br />
<br />
<span style="color: #ffff66;"><span style="color: #ffff66;"><span style="color: #33ff33; font-weight: bold;">http://4.bp.blogspot.com/-Gq2BI4WhlN8/TZTMt0C0FQI/AAAAAAAAAWg/BC8PKRw3S14/s1600/original.png <span style="color: black;">dapat diganti dengan Code di bawah ini</span></span></span></span><br />
<ul style="color: black;">
<li><span style="font-weight: bold;"><span style="color: purple;">http://4.bp.blogspot.com/-wBxVv0pnUXk/TZTPaPQnLlI/AAAAAAAAAWw/mG0WP4R0fUs/s1600/purple.png </span> <span style="color: white;"> </span></span><span style="color: #ffff66;">(burung berwarna Ungu)</span></li>
<li><span style="color: #ffff66;"><span style="color: lime; font-weight: bold;">http://2.bp.blogspot.com/-aYn7gDUrA50/TZTNFhT6INI/AAAAAAAAAWk/RJZyVKjLXIU/s1600/green.png <span style="color: white;"> </span><span style="color: black;"> </span></span></span><span style="color: #ffff66;">(burung berwarna Hijau)</span></li>
<li><span style="color: blue;"><span style="font-weight: bold;"> </span><span style="font-weight: bold;">http://3.bp.blogspot.com/-rACdArBSvf4/TZTNzX8CzEI/AAAAAAAAAWo/TMyO1xnL71U/s1600/blue.png</span></span><span style="color: #ffff66;"><span style="color: blue; font-weight: bold;"></span> <span style="color: black;">(burung berwarna biru)</span></span></li>
<li><span style="color: magenta;"><span style="font-weight: bold;">http://1.bp.blogspot.com/-NSycBLY8vjw/TZTPC2xFd9I/AAAAAAAAAWs/uJtGe9R8vFs/s1600/pink.png</span></span><span style="color: #ffff66;"><span style="color: black;"><span style="color: magenta;"> </span></span></span><span style="color: #ffff66;">(burung berwarna Pink)</span></li>
</ul>
<script src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js" type="text/javascript">
</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/#!/Zakhsan";var tweetThisText = "Twitter - Zakhsan http://thekodoks32.blogspot.com/";tripleflapInit();
</script>Thekodoks32http://www.blogger.com/profile/03591645609279792047noreply@blogger.com0tag:blogger.com,1999:blog-7248675782102983624.post-43495420973148340022012-05-12T04:20:00.001-07:002012-11-22T17:29:51.804-08:00Cara membuat Hujan Salju di blog<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-de7X7kcDc5k/UCYf89C49NI/AAAAAAAAAFk/dbx11yjby4I/s1600/salju.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://1.bp.blogspot.com/-de7X7kcDc5k/UCYf89C49NI/AAAAAAAAAFk/dbx11yjby4I/s320/salju.png" width="320" /></a></div>
Dalam Kesempatan ini Blog MR.K sedang di landa badai salju.<br />
dan di kesempatan ini juga Mr.K juga Membagikan Trick untuk membuatnya,<br />
caranya mudah kok langsung saja ya<br />
<ul>
<li>Login Blog anda terlebih dahulu</li>
<li>masuk ke dasbor anda>>rancangan>>tambah Gadget>>pilih HTML/JavaScript</li>
<li>Copas Code di bawah ini<code> </code></li>
</ul>
<br />
<code><script src="http://masterendi.googlecode.com/files/salju.js"></script></code><br />
<br />
<ul>
<li><code>lalu simpan Gadget</code><code> Dan rasakan sensasi dinginya</code></li>
</ul>
<code>Sekian trick dari Mr.K bila ada salah kata mohon maaf</code>Thekodoks32http://www.blogger.com/profile/03591645609279792047noreply@blogger.comtag:blogger.com,1999:blog-7248675782102983624.post-8940759295454136182012-05-08T19:41:00.001-07:002012-11-22T17:29:51.811-08:00membuat save mode pada bloglangsung saja, Mr Kodok disini mw berbagi ilmu tentang membuat Save mode pada blog cranya mudah kok<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-y6iBdF8a7z4/UCYWH_Pn9LI/AAAAAAAAAFE/wBY8iYSwkUM/s1600/untitled.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-y6iBdF8a7z4/UCYWH_Pn9LI/AAAAAAAAAFE/wBY8iYSwkUM/s320/untitled.JPG" width="301" /></a></div>
Cekidot :D<br />
<br />
1. Login ke akun blogger sobat terlebih dahulu<br />
2. Klik “Design”<br />
3. Kemudian klik “Edit HTML”<br />
4. Jangan lupa centang “Expand Widget Template”<br />
5. Temukan kode </head> (bisa memanfaatkan ctrl+f) <br />
6. Letakkan script berikut diatas kode </head><br />
<br />
<!-- save your energy --> <br />
<script language='javascript'
src='http://www.onlineleaf.com/savetheenvironment.js'
type='text/javascript'></script> <br />
<!-- save your energy end --> <br />
<br />
7. Simpan template sobat.<br />
<br />
<br />
<br />
mudah bukan :DThekodoks32http://www.blogger.com/profile/03591645609279792047noreply@blogger.comtag:blogger.com,1999:blog-7248675782102983624.post-31887630710918454022012-05-08T19:24:00.000-07:002012-11-22T18:43:28.704-08:00membuat judul postingan lebih indah<br />
hai Sobat<br />
Mr kodok mw berbagi ilmu tentang membuat judul postingan anda menjadi lbh menarik<br />
langsung saja begini caranya <br />
<br />
Membuat judul muncul dari kanan ke kiri<br />
<ul>
<li>login blog anda</li>
<li>lalu buat entri baru<a name='more'></a></li>
<li>lalu masukan kode di antara judul entri anda</li>
<li> <marquee>....<span style="color: red;"></span></marquee></li>
</ul>
contoh: <marquee><span style="color: red;">Cara membuat judul posting bergerak</span></marquee><br />
hasilnya di bawah ini :D <br />
<marquee><div style="text-align: center;">
<span style="color: red;">Cara membuat judul posting bergerak</span><br />
<div style="text-align: left;">
<span style="color: red;"> </span> </div>
</div>
</marquee>Membuat judul berkedip kedip<br />
<ul>
<li>login blog anda</li>
<li>lalu buat entri baru</li>
<li>lalu masukan kode di antara judul entri anda</li>
<li><blink>.....</blink></li>
</ul>
Contoh: <blink><span style="color: blue;">Cara membuat judul posting berkedip</span></blink><br />
Nah begini hasilnya :D <br />
<blink><br />
</blink><br />
<div style="text-align: center;">
<span style="color: blue;">Cara membuat judul posting berkedip</span></div>
<br />
<br />
<br />
<br />
<br />
<marquee> </marquee>Thekodoks32http://www.blogger.com/profile/03591645609279792047noreply@blogger.comtag:blogger.com,1999:blog-7248675782102983624.post-58102549852741822702012-05-08T19:04:00.001-07:002012-11-22T17:29:51.806-08:00cara menambah search Box pada blog<div style="color: black;">
hai sobat disi saya mau membagikan cara menabah Search Box pada Blog anda</div>
<div style="color: black;">
langsung saja copy code di bawah</div>
<br />
<code><form id="searchform"<br />action="<span style="color: green;">thekodoks32.blogspot.com<b>/search</b></span>"<br />name="searchform" method="get"><br /><input id="s" value="" name="q"<br />type="text"> <input id="searchsubmit"<br />value="<span style="color: green;">Search</span>"type="submit"> </form></code><span style="color: #f3f3f3;"><span style="background-color: white;"></span></span><br />
<div style="color: black;">
setelah itu</div>
<ul style="color: black;">
<li>log in blog anda terlebih dahulu</li>
<li>masuk dasbor anda</li>
<li>lalu buka tata letak</li>
<li>lalu tambah gadget pilih HTML/Java Scrip</li>
<li>lalu paste kode yang sudah anda copy </li>
<li>lalu simpan deh :D</li>
</ul>
<div style="color: black;">
NB: tulisan yang berwarna hijau dapat diganti dgn alamat blog anda </div>Thekodoks32http://www.blogger.com/profile/03591645609279792047noreply@blogger.comtag:blogger.com,1999:blog-7248675782102983624.post-67431004731972557202012-03-07T05:44:00.000-08:002012-08-07T19:23:01.693-07:00Image Zoom Effeck Pada posting<div style="color: black;">met malam Semua</div><span style="color: black;">ane mau posting tentang</span> <span style="color: red;">Image Zoom Effeck Pada posting</span><br />
<div style="color: black;">tanpa banyak basa n basinya kita langsung aja ke caranya</div><span style="color: red;"><span style="color: black;"><span style="color: black;"> Log in blog anda >> Dasbor>> rancangan>>templet>>edit HTML >> cari kode</span> <span style="color: red;">]]></b:skin></span></span></span><br />
<span style="color: red;"><span style="color: black;"><span style="color: red;"><span style="color: black;">>>lalu letakan kode di bawah ini di atas code</span> ]]></b:skin> </span></span></span><br />
<div style="background-color: black;"><span style="color: red;"><span style="color: black;"><br />
</span></span></div><pre id="line33" style="background-color: black;">.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(<b style="color: lime;">1.5</b>);
-o-transform: scale(<b style="color: lime;">1.5</b>);
-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);
}</pre><pre id="line33" style="background-color: white;"> </pre><pre id="line33"> lalu simpan tempaltenya</pre><div style="color: black;">angka yang berwarna hijau itu adalah skalanya Zoom'a yang akan dihasilkan </div><div style="color: black;"><br />
</div><div style="color: black;">ini hasilnya :D</div><div style="color: black;"><br />
</div><br />
<span style="color: red;"><span style="color: black;"><br />
</span> </span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-WPNmfSDnyfg/T1dkl6fsofI/AAAAAAAAABo/zU78rl_2vR0/s1600/Stop.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="299" src="http://2.bp.blogspot.com/-WPNmfSDnyfg/T1dkl6fsofI/AAAAAAAAABo/zU78rl_2vR0/s320/Stop.png" width="320" /></a></div>Thekodoks32http://www.blogger.com/profile/03591645609279792047noreply@blogger.comtag:blogger.com,1999:blog-7248675782102983624.post-6576485994412224702012-03-07T04:08:00.002-08:002012-05-12T04:55:11.710-07:00Cara membuat link bergeser saat di sentuh krusor<br />
Met malam gan.<br />
ane mau posting tentang Membuat Link bergeser Saat di sentuh mouse<br />
begini caranya:<br />
<br />
<ul>
<li>Log in dulun di blog anda</li>
<li>masuk ke rancangan</li>
<li>trus Edit HTML pada Templet anda</li>
<li>trus cari kode<span style="color: lime;"> </head></span></li>
<li>copy kode di bawah ini ya</li>
</ul>
<div style="color: lime;">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br />
<script type='text/javascript'> <br />
$(document).ready(function() { <br />
$(&#39;a&#39;).hover(function() { //mouse in <br />
$(this).animate({ marginLeft: &#39;12px&#39; }, 400); <br />
}, function() { //mouse out <br />
$(this).animate({ marginLeft: 0 }, 400); <br />
}); <br />
});</script> </div>
<ul>
<li>Trus di paste di atas kode <span style="color: lime;"></head></span></li>
<li><span style="color: lime;"><span style="color: black;">Save </span></span><span style="color: lime;"><span style="color: black;"> </span></span></li>
</ul>
<br />
<span style="color: lime;"><span style="color: black;"> </span></span><span style="color: lime;"><span style="color: black;">Semoga ber hasil :D </span></span><br />
<ul>
</ul>
<a name='more'></a><span style="color: lime;"><span style="color: black;"><br /></span></span>Thekodoks32http://www.blogger.com/profile/03591645609279792047noreply@blogger.com