Previous
Next

ColorBox kullananlar için jQuery çakışmasının çözümü

by Cem Kefeli 12. Ekim 2009 04:45

JQuery LogojQuery, dinamik içerik sunan birçok JavaScript uygulaması tarafından kullanılıyor. Fakat kullanıldığı platformlardaki diğer java script'ler ile de bazı çakışmaları oluyor ve problem yaşatıyor. Bunlardan birisi de BlogEngine.NET platformunda kullanılan ve blog.js içerisinde yer alan bazı script kodlarının blogunuzda ColorBox kullanmayı istediğinizde çakışması sonucu ortaya çıkıyor. ColorBox'ın kullandığı değişken isimleri ile BlogEngine'in kullandığı değişkenler çakışıyor ve ColorBox çalışamaz hale geliyor. Çakışmaları önlemek için aşağıdaki kod bloğunu script çağırma bölümünden hemen sonra eklemelisiniz. Eklemeniz gereken kısmı yeşil renge boyadım.

<head>
	.
	.
	<!-- ColorBox code starts -->
	<link type="text/css" media="screen" rel="stylesheet" href="/ColorBox/Skin1/colorbox.css" />  
	<script type="text/javascript" src="/ColorBox/jquery.min.js"></script>
	<script type="text/javascript" src="/ColorBox/jquery.colorbox.js"></script> 
	<script type="text/javascript">
	$j = jQuery.noConflict();
	</script> 
	<script type="text/javascript">
		$(document).ready(function(){
			//Examples of how to assign the ColorBox event to elements
			$("a[rel='example1']").colorbox();
			$("a[rel='example2']").colorbox({transition:"fade"});
			$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
			$("a[rel='example4']").colorbox({slideshow:true});
			$(".single").colorbox({}, function(){
				alert('Howdy, this is an example callback.');
			});
			$(".colorbox").colorbox();
			$(".youtube").colorbox({iframe:true, width:650, height:550});
			$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});
			$(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"});

			//Example of preserving a JavaScript event for inline calls.
			$("#click").click(function(){ 
				$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).
text("Open this window again and this message will still be here.");
				return false;
			});
		});
	</script> 
	<!-- ColorBox code ends --> 
	.
	.
</head>	

Fazlası...

Robots.txt nedir ve nasıl düzenlenir?

by Cem Kefeli 10. Mart 2009 04:36

.NET BlogEngine ile birlikte kök dizininde Robots.txt isimli bir dosya geliyor ve bu dosyanın uygun şekillerde edit edilmesi gerekmekte. Web hostinginizin root dizini içerisinde bulunması faydalı olacak bu dosya web spider ve web spawler'lardan dosyalarınızı ve sitenizin içeriğini korumanıza yardımcı olmaktadır. Örneğin bir login sayfanızın google tarafından indexlenmesini istemiyorsanız ilgili yolu göstererek edit etmeniz yeterli olacaktır. Edit edilmesi ise son derece kolay bir şekilde yapılmakta. Bir dizin ya da dosyayı allow/disallow ederek erişim belirteçlerini kontrol altında tutabiliyorsunuz. Hatta hangi arama motorlarını allow/disallow edeceğinizi de belirtebilirsiniz. Her bir subdomain için bu dosyadan kök dizine bir tane uygun şekilde yerleştirmeniz faydalı olacaktır. .NET BlogEngine ile birlikte gelen Robots.txt'yi aşağıdaki şekilde edit edebilirsiniz örneğin;

User-agent: *
Disallow: /login.aspx
Disallow: /search.aspx
Disallow: /error404.aspx
Disallow: /archive.aspx

Bu dosyada login.aspx, search.aspx, error404.aspx ve archive.aspx dosyalarının spiderlar tarafından erişimi ve indexlenmesi yasaklanmıştır. Sitemap ile gösterilen ise sitenin içerik haritasıdır ve bu içeriğe göre arama motorları indexlemelerini daha kolay olarak yapmaktadır.

Bu dosyayı oluşturduktan sonra hostinginizin kök dizinine upload etmeli ve Google WebMaster Tools'u kullanarak da bu değişiklikten haberdar etmelisiniz. Sanırım Google hergün düzenli olarak bu adresleri tarayıp gerekli güncellemeleri yapıyor. Yani bu işleminiz kısa süre sonra işleme koyulacaktır. Bu linki kullanarak Robot.txt dosyası değişikliğinizi onaylatabilirsiniz.

.NET BlogEngine etiketleri nasıl renklendirilebilir?

by Cem Kefeli 6. Mart 2009 15:12

.NET BlogEngine random colored tagsUzun bir süredir .NET BlogEngine kullanmaktayım ve çok da memnunum aslında bu blogdan. Tabiki herşeyin olduğu gibi BlogEngine'nin de bazı eksiklikleri var. Ama yaygınlaştıkça daha da geliştirileceği ve bu eksiklerin en aza ineceği de bir gerçek. Ben de BlogEngine'i alıp olduğu gibi kullanmadım. İlk önce kendime özgü bir tema oluşturdum ve işin içine biraz da kendi dizaynımı kattım. Daha sonra işin içerisine biraz görsellik katabilmek için burada açıkladığım OnePhoto widget'ini yazdım .NET BlogEngine için. Sonra biraz daha renklilik katayım işin içine diye düşünürken, etiketleri renkli bir şekilde kullanmak geldi aklıma. Öyle ki aynı sayfayı tekrar yenileseniz dahi bir sonraki seferde renklerin değişmedini istiyorum, her seferinde farklı bir etiket farklı bir renkte... Etiketlerin font boyutu zaten stil şablondan çekilerek değiştiriliyor. Fakat ben aynı font boyutunda olanların dahi farklı renklerde görünebilmesini istiyorum. Bunun için dosyası içerisinde aşağıda verdiğim değişiklikleri yaptım. Ufak bir kod bloğu ekleyerek bu işi halletmiş oldum aslında. Siz de görmek istediğiniz renkleri ArrayList'e ekleyip/çıkararak kendi renk tonlamanızı oluşturabilirsiniz.

//////////////////////
////Changed this code block…
/*
foreach (string key in WeightedList.Keys)
{
    HtmlGenericControl li = new HtmlGenericControl("li");
    li.InnerHtml = string.Format(LINK, Utils.RelativeWebRoot + "?tag=/" +       HttpUtility.UrlEncode(key), WeightedList[key], "Tag: " + key, key);
    ulTags.Controls.Add(li);
}
*/
//
System.Collections.ArrayList MyArrayList = new System.Collections.ArrayList();

MyArrayList.Add("010101");
MyArrayList.Add("282626");
MyArrayList.Add("484545");
MyArrayList.Add("676363");
MyArrayList.Add("6f6060");
MyArrayList.Add("157115");
MyArrayList.Add("2f792f");
MyArrayList.Add("135f13");
MyArrayList.Add("0a0a55");
MyArrayList.Add("0d0d73");
MyArrayList.Add("06f906");
Random MyRandom = new Random();
foreach (string key in WeightedList.Keys)
{
    int MyRandomNum = MyRandom.Next(1, MyArrayList.Count - 1);
    HtmlGenericControl li = new HtmlGenericControl("li");
    li.InnerHtml = string.Format(LINK, Utils.RelativeWebRoot + "?tag=/" + HttpUtility.UrlEncode(key), WeightedList[key], "Tag: " + key + "\" style=\"color: #" + MyArrayList[MyRandomNum].ToString() + ";", key);
    ulTags.Controls.Add(li);
}

OnePhoto for .NET BlogEngine

by Cem Kefeli 27. Ocak 2009 07:10

OnePhoto Widget Web sitem kisa bir süre önce neredeyse evrim geçirdi diyebilirim. Daha önce bu yazida(FireFTP) bahsetmistim aslinda. Yaklasik olarak yedi-sekiz senden beri web yazilim ile ugrasiyorum ama simdiye kadar blog anlayisi üzerine kurulu bir web sayfam olmamisti. Daha cok kendi yazdigim ziyaretci defteri haber ekleme scriptleri ve diger cesit dinamik uygulamalar ile web sayfami ayakta tutmaya calisiyordum. Fakat gordum ki artik bu cabalar yeterli kalmiyor ve eski moda web sayfalarinin yeri tamamen terk edilmis bile. Bu yuzdendir ki ben de bir blog olusturmaya karar verdim. Bircok blog inceledim ama uzun zamandir .NET ve C# kullanan birisi olarak  .NETBlogEngine'de karar kildim. Su siralar oldukca da mennunum bu secimi yaptigim icin.

.NETBlogEngine'i kullanmaya basladiktan sonra gozume birseyler eksik gibi gorunmeye basladi. Sanki biryerlerde bir renkler olsa insanin gozune daha hos gorunebilirdi sayfalar. Aslan, kaplan familyasini cok seven birisi olarak onlarin rastgele fotograflarini gosteren bir wigdet yapmak geldi icimden. o gun icerisinde de yaptim zaten. Adini da OnePhoto koydum.. Widget'in kurulumu icin ise yalnizca fotograflari cekecegi dizin yolunu gostermeniz yeterli oluyor. O dizin icerisindeki tum fotograflari rastgele bir sekilde her sayfa yenilenisinde gosteriyor. Bu calismanin kaynak kodlarini ve kurulum adimlarini en kisa zamanda derleyip toparlayip buradan paylasmak istiyorum. Umarim baska insanlarinda faydalanabilecegi guzel bir uygulama haline gelir zamanla...

Hakkımda...

Cem KEFELİ

Electronics and
Telecommunication Eng.
devamı...


Son yapılan yorumlar...

Comment RSS

Yasal bir uyarı...

Disclaimer"Bu web sitesinde görmüş olduğunuz bilgilerin, dokümanların ve diğer materyallerin kullanılmasından doğabilecek hiç bir sorumluluktan site sahibi sorumlu tutulamaz. Web sitesi içerisinde yer alan yazılar, yorumlar, resimler ve diğer tüm içerikler yalnızca sahibinin görüşünü yansıtmakta olup içeriğin sahibi kişilerin çalıştığı kurumları bağlayıcı hiç bir nitelik taşımamaktadır. Yapılan tüm alıntılar mutlaka kaynak gösterilerek verilmeye çalışılmaktadır. Web sitesi içerisinde bulunan ilgili materyaller, ilgili yasal kurumlar tarafından uygun görülmemesi durumda kaldırılacaktır."
General