Pages

Senin, 13 Februari 2012

Cara Membuat Link Redup

Sering kali kita ingin membuat blog kita berbeda nahhh ,,,cara membuat link redup ini mungkin berguna bagi teman BNUblog,Link redup yang akan kita buat menggunakan MooTools . Pertanyaannya yang muncul,,adalah gimana cara membuuat link redup di Template Blogger ? Mau bisa ? Makanya baca . Contoh Demo :before


after
Cara Pertama membuat Link Redup Pada Template Blogger :

Letakan script MooTools dibawah </head> :
<script src='http://ajax.googleapis.com/ajax/libs/mootools/1.2.3/mootools.js' type='text/javascript'/>
Masukan script berikut setelah script MooTools tadi :
<script type='text/javascript'>
window.addEvent(&#39;domready&#39;,function() {
$each($(&#39;a&#39;), function(el) {
var original = el.getStyle(&#39;color&#39;);
var morph = new Fx.Morph(el,{ &#39;duration&#39;:&#39;1000&#39;, link:&#39;cancel&#39; });
el.addEvents({
&#39;mouseenter&#39; : function() { morph.start({ &#39;color&#39;:&#39;#ccc&#39; }) },
&#39;mouseleave&#39; : function() { morph.start({ &#39;color&#39;: original }) }
});
});
});
</script>
code a yang berwanra merah bisa diganti dengan body / .post-title , body untuk membuat semua link pada blog menjadi redup ketika di sorot dan .post-title untuk membuat semua Judul Post menjadi redup ketika di sorot .
 code ccc yang berwarna biru bisa diganti dengan code-code warna lainnya , code tersebut merupakan code warna link saat di sorot .

Cara Kedua Menghapus membuat Link Redup Pada Template Blogger :

Cari code css berikut jika ingin untuk manjadikan semua link menjadi redup ketika di sorot :
a:hover
Jika hanya ingin membuat link redup pada Judul Post cari code berikut : .post h3 a:hover
 dan masukan code CSS berikut didalamnya :
opacity:0.2;
dan Save semoga berguna dan silahkan di kunyah kunyah

Tidak ada komentar:

Poskan Komentar