Verilen Linklere Açıklama Ekleme

Yazılarınızda verdğiniz linklere açıklama ekleyerek okuycularınıza daha ayrıntılı bilgi verebilirsiniz. Okuyucunuz link üzerine geldiğinde üstteki resimde olduğu link adresi ile beraber küçük bir açıklama görecektir. Buradan da bir örneğine bakabilirsiniz.



1. Buradaki js dosyasını indirip kaydedin.(sağ tıkla farklı kaydet) Sonra bunu bildiğiniz bir host sitesine yükleyin.

2. Yerleşim---> Html Düzenle dedikten sonra ctrl+f ile </head> kodunu bulup hemen üst satırına altaki kodu yapıştırıyoruz ve renkli yere yüklediğimiz js uzantılı dosyanın url adresini giriyoruz.

<script type="text/javascript" src="URL_nicetitle.js"></script>

3. ctrl+f ile ]]</b:skin> kodunu bulup hemen üst satırına alttaki css kodunu ekliyoruz.

div.nicetitle {
background-color: #A38531;
color: #fff;
font: bold 13px "Trebuchet MS", Verdana, Arial, sans-serif;
padding: 4px;
position: absolute; top: 0; left: 0;
text-align: left;
width: 25em;
z-index: 20;
}

div.nicetitle p {
margin: 0;
padding: 0 3px;
}

div.nicetitle p.destination {
font-size: 9px;
padding-top: 3px;
text-align: left;
}


Html sayfamızı kaydedip çıkıyoruz. Yazılarımızda vereceğimiz bağlantıları;

<a href="site_URL" title="Başlık">Açıklama</a>

kodu ile verdiğimizde açıklama görünecektir.