19 Ağustos 2010

Nice Title (Link Başlıklarının Görüntülenme Efekti)

Nice Title (Link Başlıklarının Görüntülenme Efekti), sitenizde linklere eklediğiniz açıklama (title) kodunun  farklı şekilde görünmesini sağlar.  Link üzerine imleci götürdüğünüzde nicetitle efekti aktif  olur ve hem link başlıkların açıklamasını hem de o başlığa ait linkin url'sini gösteriyor. Kendi kullandığımsitemde mevcuttur, önizlemesini görebilirsiniz.
 Nasıl Yapılır?
1.Adım: Blogger'e Giriş / Tasarım(Yerleşim) / HTML'yi Düzenle /  Widget Şablonnunu Genişlet Bölümlerinden, CTRL+F(Arama) Yardımıyla ;

]]></b:skin>
kodunu buluyoruz ve hemen önce (üst satırına)

/* -- Nicetitle -- */

        .nicetitle {
    background: url(http://www.kryogenix.org/code/browser/nicetitle/ntbg.png);
    color: #FFFFFF;
        -moz-border-radius:3px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    left: 0px;
    padding: 4px;
    position: absolute;
    text-align: left;
    top: 0px;
    width: 25em;
}

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

.nicetitle p.destination {
    font-size: 9px;
    padding: 3px 0px 0px 0px;
}

.page-navigation {
    margin: 15px 0px 15px 0px;
    padding: 0px 0px 15px 0px;
}


.required{
    color: #DE3A3A;
    font-size: 9px;
}

/* -- The End Nicetitle -- */
kodlarını ekliyoruz. Daha sonra;
2. Adım:  Javascript kodunun eklenmesi;

]]></b:skin>
 kodunu buluyoruz ve hemen altına (alt satırına);

<script language='javascript' src='http://www.kryogenix.org/code/browser/nicetitle/nicetitle.js' type='text/javascript'/>
javascript kodunu ekliyoruzve temayı kayediyoruz. İşlem bitti. Herhangi bir sorun olduğu taktirde yorum bölümünü kullanabilirsiniz..

1 yorum:

  1. kodları yapıştırdım ama olmadı galiba yanlış yada eksik bişeyler yaptım neyse sonra tekrar denerim

    YanıtlaSil

Ziyaretci içerik hakkında düşüncelerini bizimle paylaşmak ister misin?