Konu Görünümü | Doğrusal Görünüm

**LowBattery** · (Bu Mesaj 06-23-2008 02:09 PM değiştirilmiştir. Değiştiren : LowBattery.)

Google gibi arama motorlarını kullanarak hergün web sitemize yüzlerce, binlerce ziyaretçi geliyor. Dolayısıyla bu özel ziyaretçi kitlesi için bizim de özel birşeyler yapmamız, onlara bazı konularda yardımcı olmamız gerekiyor. Örneğin arama motoruna yazdıkları kelimeler web sitemizde geçiyorsa, o kelimeleri renklendirerek işe başlayabiliriz
Arama kelimelerini neden renklendirelim ki?
Arama motoruna bir kelime yazıyoruz ve çıkan sonuçlardan birisine tıklayarak bir web sayfasına giriyoruz. Daha sonra aratmış olduğumuz kelime o sayfa içerisinde geçiyor mu geçmiyor mu kontrol etmemiz gerekiyor. Eğer o web sayfasındaki yazılar bir de uzunsa, arattığımız kelimenin yazının neresinde geçtiğini bulmak zaman alabiliyor. Oysaki arattığımız o kelime otomatik olarak renklendirilmiş olsa herşey daha kolay olurdu.
Bazıları ?arama motorunun önbelleğine girdiğimiz zaman bu kelimeler zaten renklendiriliyor? diyebilir. Fakat herkesin önbelleği kullanacağını bekleyemeyiz. Zaten önbelleğe alınmış veriler güncel de olmayabiliyorlar. Ve ayrıca her web sayfasının da önbelleğe alınmadığını düşünürsek, bu işlemi webmaster olarak bizim yapmamız çok daha iyi ve pratik olacaktır.

desteklediği arama motorları şöyle:

* AllTheWeb,
* AOL,
* DogPile,
* Feedster,
* Google,
* Lycos,
* MSN,
* MSN Live,
* Technorati,
* Yahoo

gelelim kuruluma:

ekteki js dosyasını farklı kaydet deyip alıyoruz. sorun yaşayanlar

Kod:

Hilite={elementid:"content",exact:true,max_nodes:1000,onload:true,style_name:"hilite",style_name_suffix:true,debug_referrer:""};Hilite.search_engines=[["google\\.","q"],["search\\.yahoo\\.","p"],["search\\.msn\\.","q"],["search\\.live\\.","query"],["search\\.aol\\.","userQuery"],["ask\\.com","q"],["altavista\\.","q"],["feedster\\.","q"],["search\\.lycos\\.","q"],["alltheweb\\.","q"],["technorati\\.com/search/([^\\?/]+)",1],["dogpile\\.com/info\\.dogpl/search/web/([^\\?/]+)",1,true]];Hilite.decodeReferrer=function(_1){var _2=null;var _3=new RegExp("");for(var i=0;i<Hilite.search_engines.length;i++){var se=Hilite.search_engines[i];_3.compile("^http://(www\\.)?"+se[0],"i");var _6=_1.match(_3);if(_6){var _7;if(isNaN(se[1])){_7=Hilite.decodeReferrerQS(_1,se[1]);}else{_7=_6[se[1]+1];}if(_7){_7=decodeURIComponent(_7);if(se.length>2&&se[2]){_7=decodeURIComponent(_7);}_7=_7.replace(/\'|"/g,"");_7=_7.split(/[\s,\+\.]+/);return _7;}break;}}return null;};Hilite.decodeReferrerQS=function(_8,_9){var _a=_8.indexOf("?");var _b;if(_a>=0){var qs=new String(_8.substring(_a+1));_a=0;_b=0;while((_a>=0)&&((_b=qs.indexOf("=",_a))>=0)){var _d,val;_d=qs.substring(_a,_b);_a=qs.indexOf("&",_b)+1;if(_d==_9){if(_a<=0){return qs.substring(_b+1);}else{return qs.substring(_b+1,_a-1);}}}}return null;};Hilite.hiliteElement=function(_e,_f){if(!_f||_e.childNodes.length==0){return;}var qre=new Array();for(var i=0;i<_f.length;i++){_f[i]=_f[i].toLowerCase();if(Hilite.exact){qre.push("\\b"+_f[i]+"\\b");}else{qre.push(_f[i]);}}qre=new RegExp(qre.join("|"),"i");var _12={};for(var i=0;i<_f.length;i++){if(Hilite.style_name_suffix){_12[_f[i]]=Hilite.style_name+(i+1);}else{_12[_f[i]]=Hilite.style_name;}}var _14=function(_15){var _16=qre.exec(_15.data);if(_16){var val=_16[0];var k="";var _19=_15.splitText(_16.index);var _1a=_19.splitText(val.length);var _1b=_15.ownerDocument.createElement("SPAN");_15.parentNode.replaceChild(_1b,_19);_1b.className=_12[val.toLowerCase()];_1b.appendChild(_19);return _1b;}else{return _15;}};Hilite.walkElements(_e.childNodes[0],1,_14);};Hilite.hilite=function(){var q=Hilite.debug_referrer?Hilite.debug_referrer:document.referrer;var e=null;q=Hilite.decodeReferrer(q);if(q&&((Hilite.elementid&&(e=document.getElementById(Hilite.elementid)))||(e=document.body))){Hilite.hiliteElement(e,q);}};Hilite.walkElements=function(_1e,_1f,_20){var _21=/^(script|style|textarea)/i;var _22=0;while(_1e&&_1f>0){_22++;if(_22>=Hilite.max_nodes){var _23=function(){Hilite.walkElements(_1e,_1f,_20);};setTimeout(_23,50);return;}if(_1e.nodeType==1){if(!_21.test(_1e.tagName)&&_1e.childNodes.length>0){_1e=_1e.childNodes[0];_1f++;continue;}}else{if(_1e.nodeType==3){_1e=_20(_1e);}}if(_1e.nextSibling){_1e=_1e.nextSibling;}else{while(_1f>0){_1e=_1e.parentNode;_1f--;if(_1e.nextSibling){_1e=_1e.nextSibling;break;}}}}};if(Hilite.onload){if(window.attachEvent){window.attachEvent("onload",Hilite.hilite);}else{if(window.addEventListener){window.addEventListener("load",Hilite.hilite,false);}else{var __onload=window.onload;window.onload=function(){Hilite.hilite();__onload();};}}}

kodlarını alıp bir yeni metin belgesi kullanarak se_hilite.js adıyla kaydedebilir.

bu js dosyasını ftp den jscripts/ klasörüne yolluyoruz. daha sonra şablonlardan kullandığımız temanın headerinclude şablonunu açıp en alta

Kod:

<script type="text/javascript"

src="jscripts/se_hilite.js"></script>

<style type="text/css">

.hilite1 { background-color: #DBB122 }

.hilite2 { background-color: #A3DB22 }

.hilite3 { background-color: #22DBBD }

</style>

kodunu ekliyoruz buradaki renk kodlarını kafanıza göre değiştirebilirsiniz.

demo site olarak buraya bakabilir isteyen...
http://www.google.com.tr/search?hl=tr&su...+%21&meta=

hayırlı uğurlu olsun olsun arkadaşlar..

mybboard.web.tr'den alıntıdır.

.rar

se_hilite.rar (Boyut: 1.51 KB / İndirme: 7)
RAR PASS : LowBattery

**~~dared~~** · 06-23-2008, 01:43 PM

teşekkürler emir görünce benim çok hoşuma gitmişti.. oldukça faydalı olacağını düşündüğüm bir geliştirme

**oxYGen** · 06-23-2008, 01:51 PM

saol deniycem Smile

**X-Side** · 06-23-2008, 01:51 PM

woow süper saol...

**~~Costinah~~** · 06-23-2008, 01:59 PM

teşekkürler emircan güzelmis..

**BoN-Ex** · 06-23-2008, 03:14 PM

örnekte renklendirme görmedim ben :S

**LowBattery** · 06-23-2008, 03:15 PM

Siteye gir ordan kopuklubira.com'a görürsün renkleniyor arama sonuçları.

**Kolega** · 06-23-2008, 03:15 PM

Sağolasın kanka guzel calısma tebrikler...

**~~dared~~** · 06-23-2008, 10:49 PM

Kolega Yazılan:Sağolasın kanka guzel calısma tebrikler...

rica ederim kolega

Benzeyen Konular
Konu:		Yazar	Cevaplar:	Görüntüleyenler:	Son Mesaj
	forumunuza özel firefox ve ie 7 arama motoru eklentisi	dared	6	422	10-15-2007 03:05 PM Son Mesaj: camadan
	Program Arama Motoru	SuskuN	2	149	05-19-2007 05:07 PM Son Mesaj: harslan