STUDY BLOG

Assalamualaikum Wr. Wb.
Tes Narsis, Kali ini mencoba Nav agak beda, bisa pakai terlihat nama dengan strategi ATM (Ambil, Tiru dan Modifikasi) penasaran kan !!!!!.



Coba arahkan kursor anda ke ling dibawah ini!, maka akan munculan kotak persediaan yang menarik, bisa kita modifikasi dengan berbagai gaya, silahkan selamat mencoba!.

Coba saja rasakan!.
Tuliskan "Text Link" di sini !
Dengan susah payah aku belajar, tapi belum banyak hasil, ya Alloh gampangkan semuanya, Aamiiin !


Caranya:

Edit HTML, cari kode ]]></b:skin> lalu simpan kode dibawah ini tepat diatas kode ]]></b:skin>, lalu save.

a.narsis {
font-weight:bold;
font-family:cursive;
position:relative;
z-index:24;
color: #0000CC;
text-decoration:none;
}
a.narsis:hover{
z-index:25;
background: #999999;
color:#FF0000;
}
a.narsis span{
display: none;
}
a.narsis:hover span {
text-align:left;
font-weight:700;
display:block;
position:absolute;
bottom:30px;
left:-50px;
width:400px;
padding:.3em;
border:4px solid #999999;
color: #FFFF99;
background: #CCCC99;
}

Untuk posting (linknya) memakai:

Tuliskan Teks Posting di sini ! <a class="narsis" href="Link-1">
Tuliskan "Text Link" di sini !<span>
Aku kan selalu berkarya,!</span></a>

Selamat mencoba!.

Wassalamualaikum Wr. Wb.