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