Tutorial | Membuat Link Redup

Link redup yang akan kita buat menggunakan MooTools . Pertanyaannya adalah gimana cara menerapkannya di Template Blogger ? Mau bisa ? Makanya baca .

Before

After

Contoh Demo :

Before : 

Link Demo

After :

Link Demo

Cara Pertama Menghapus Menerapkan 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 Menerapkan 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 menerapkannya pada Judul Post cari code berikut :

.post h3 a:hover

 dan masukan code CSS berikut didalamnya :

opacity:0.2;

dan Save