Linklerin üzerine gelindiğinde açılan kutucuklar

PCDostu'nda görmüşsünüzdür belki bazı linklerin üzerine gelindiğinde açılan bilgi kutucukları ve içinde benim yazdığım küçük notlar... Bunları JotForm iletişim formu sitesinin javascript kod dosyasının (.js) içinden aldığım bir kısım kodu yine kendime ait bir .js dosyası oluşturarak içine kaydetmemle oluşturdum. Ve PCDostu İletişim sayfasını kullanan bir arkadaş mesajında bunu nasıl yaptığımı yazmamı istiyordu. Başlangıçta PCDostu'na yazacaktım ama sonra buraya daha uygun olduğunu farkettim, buraya yazdım. Neyse uzatmadan konuya giriyorum.

1) Öncelikle blogunuzun Şabon yönetim panelinde HTML'yi Düzenle sekmesine girin.

2) Şablonunuzda Ctrl+F yardımıyla <body> tagını bulun. Ve hemen altına şu kodu ekleyin;
<script src='http://srdrkzc.googlepages.com/lnktck.js'/>

3) Bundan sonra blogunuzda kutucuk açılmasını istediğiniz linklerin kodlarını düzenleyin, linki fazla değiştirmenize gerek yok, <a kod başlangıcından sonra bir boşluk bırakıp
onMouseout='hideddrivetip()' onMouseover='ddrivetip("Buraya görüncek olan mesajınızı yazın")'
kodlarını yerleştirin.

Örneğin size bir link kodu;
<a onMouseout='hideddrivetip()' onMouseover='ddrivetip("Link Metninin
üzerine gelindiğinde kutuda çıkan yazı")' border='0' src='http://www.pcdostu.com'>Link
Metni</a>

Ben şablonda widget şablonlarını genişlet'i seçip tek tek istediğim tüm linklere bunu uyguluyorum :) Şablonu çok iyi bilmeyen arkadaşlar sadece kendi ekledikleri linklere uygulasınlar ya da şablonu kaydetmeden önce bi önizlemesine baksınlar :) Benden bu kadar anlamadığınız bir yer olursa PCDostu'ndaki ilgili konuya yorum bırakın size gerekli açıklamayı yaparım ben ;)

0 yorum:

 
 
OrtayiPisletenV1 - Copyrgiht 2013 - Tüm haklarımı annem kaldırdı - Tema Yapımcısı: TanerC.