Tutorial Link Hover Special!}
Wednesday, December 7, 2011 | 10:55 PM |
0 comment
Salam. Malam ni kita nak blajar link hover baru punya! Cuba korang tengok page Affies Husna... nak yang camtu tak? Yang ni tuto Husna sendiri taw? So, sapa nak buat, credit 100% to Husna ok? Jangan lupa ltak link skali.
Utk buat tuto ni, make sure blog korang guna blogskin. Yang lain Husna x pasti bleh ke tak :P
1. Dashboard>Template>Search- </style>
2. Copy kod ni ATAS </style>
a.special {
opacity: .8;
background: #ccc;
display: block;
color: #FFF;
border-bottom: 1px solid #FFF;
text-align: left;
padding: 3px;
}
a.special:hover {
opacity: 1.0;
color: #333;
text-indent: 200px;
}
3. Paste kod bawah ni pulak
<a class="special" href="LINK BLOG" onclick="window.open(this.href,'newwin'); return false;">NAMA</a>
<a class="special" href="LINK BLOG" onclick="window.open(this.href,'newwin'); return false;">NAMA</a>
<a class="special" href="LINK BLOG" onclick="window.open(this.href,'newwin'); return false;">NAMA</a>
<a class="special" href="LINK BLOG" onclick="window.open(this.href,'newwin'); return false;">NAMA</a>
<a class="special" href="LINK BLOG" onclick="window.open(this.href,'newwin'); return false;">NAMA</a>
<a class="special" href="LINK BLOG" onclick="window.open(this.href,'newwin'); return false;">NAMA</a>
<a class="special" href="LINK BLOG" onclick="window.open(this.href,'newwin'); return false;">NAMA</a>
<a class="special" href="LINK BLOG" onclick="window.open(this.href,'newwin'); return false;">NAMA</a>
<a class="special" href="LINK BLOG" onclick="window.open(this.href,'newwin'); return false;">NAMA</a><br>
4. Preview, then save!
newer post
older post
