KaiseRCrazY.CoM, Serkan Algur http://www.kaisercrazy.com Deliye Bayram Olmayan Gün Mü Var? Tue, 31 Aug 2010 12:00:10 +0000 en hourly 1 Siteyle birlikte açılan jQuery Popup http://www.kaisercrazy.com/kodlama/jquery-kodlama/siteyle-birlikte-acilan-jquery-popup.html http://www.kaisercrazy.com/kodlama/jquery-kodlama/siteyle-birlikte-acilan-jquery-popup.html#comments Tue, 31 Aug 2010 12:00:10 +0000 Serkan Algur http://www.kaisercrazy.com/?p=1491 Bu kod kadir a ‘nın Friendfeed üzerindeki şu yazdığı yardım isteğine rastlamamla  ortaya çıkmış oldu. İyi de oldu. Bugün ofiste toplanması gereken iki adet masaüstü bilgisayar vardı. Onları bitirdiğimde biraz ar-ge çalışması :) yaptım. Daha önceden elimde bulunan bir popup scriptini document.ready fonksiyonuyla birleştirme firkriyle bir adım da atmış oldum. Orasıyla burasıyla oynayınca istediğim gibi de ortaya çıktı. Şimdi bunu nasıl yapabileceğinizi anlatmaktan memnuniyet duyacağım. Başlayalım…

Öncelikle açılışta siteyle beraber yüklenen javascript popuplar uzun zamandır bizimle birlikte ama kimi farklı pencerede kimi de rahatsız edici derecede kötü oluyor. jQuery nin hayatımıza girmesiyle birlikte bu işleri yapmak ve insanları rahatsız etmeden site içinde kullanmak daha basit bir hal aldı. İşte aşağıda anlattığım şekilde bunu başarabilrsiniz.

Öncelikle HMTL sayfamızı oluşturalım. Burada yukarıdaki yazıda belirtmiş olduğum document.ready komutu ile çağırma işlemini yapıyoruz. O satırları ayrı bir şekilde işaretledim. Aşağıda javascript dosyasındaki ile karıştırmayın. Burada sitenize eklemeniz gereken alanlar popupContact ve backgroundPopup adlı div alanları. Bunları da işaretledim. Bu kodlar ile açılacaktır Popup. Yapmanız gereken şey işaretli alanlardaki divleri olduğu gibi sitenizde açmak istediğiniz yere eklemek. Tabii css ve javascript dosyalarını da entegre etmeyi unutmadan :D

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Siteyle birlikte açılan jQuery Popup!</title>
	<link rel="stylesheet" href="general.css" type="text/css" media="screen" />
	<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script>
	<script src="popup.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
centerPopup();
loadPopup();
});
</script>
</head>
<body>
	<center>
		Açılıyoooor :)
	</center>
	<div id="popupContact">
		<a id="popupContactClose">x</a>
		<h1>Siteyle birlikte açılan jQuery Popup!</h1>
		<p id="contactArea">
			Bu ufak kodlar ve jQuery sayesinde harikalar yaratabiliriz.
			<br/><br/>
			Açılışta popup gelmesi için biraz kafa yordum :D ama değdi.
			<br/><br/>
			ESC ye popup dışına yada x e basarak kapanabilir.
			<br/><br/>
		</p>
	</div>
	<div id="backgroundPopup"></div>
</body>
</html>

Sonra da siteye eklediğimiz popup.js özelliklerine göz atalım. Unutmayın ki javascript dosyasını ben yazmadım. Sadece ona uygun olarak bazı değişiklikler yaptım.

Popup sisteminin aktifliğini belirleyelim.

//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;

Yükleme ve devredışı bırakma komutları

//loading popup with jQuery magic!
function loadPopup(){
	//loads popup only if it is disabled
	if(popupStatus==0){
		$("#backgroundPopup").css({
			"opacity": "0.7"
		});
		$("#backgroundPopup").fadeIn("slow");
		$("#popupContact").fadeIn("slow");
		popupStatus = 1;
	}
}

//disabling popup with jQuery magic!
function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#backgroundPopup").fadeOut("slow");
		$("#popupContact").fadeOut("slow");
		popupStatus = 0;
	}
}

Ortalayalım…

//centering popup
function centerPopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupContact").height();
	var popupWidth = $("#popupContact").width();
	//centering
	$("#popupContact").css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	//only need force for IE6

	$("#backgroundPopup").css({
		"height": windowHeight
	});

}

E tabii yükleme safhasında olacakları belirleyelim. Buradaki document.ready bir butona tıklama durumunda kullanılabilecek düzeyde hazırlanmıştı. Benim kullandığım fonksiyon HTML dosyasında. Yazdım yukarıda.

//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){

	//LOADING POPUP
	//Click the button event!
	$("#button").click(function(){
		//centering with css
		centerPopup();
		//load popup
		loadPopup();
	});

	//CLOSING POPUP
	//Click the x event!
	$("#popupContactClose").click(function(){
		disablePopup();
	});
	//Click out event!
	$("#backgroundPopup").click(function(){
		disablePopup();
	});
	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});

});

Sonrasında CSS dosyasını irdeleyelim. Burada kodlarla ilgili body için de düzenleme yapmıştım. Siz ihtiyacınıza göre cssleri sitenize ekleyebilirsiniz.

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
vertical-align:baseline;
}
body{
background:#fff none repeat scroll 0%;
line-height:1;
font-size: 12px;
font-family:arial,sans-serif;
margin:0pt;
height:100%;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
a{
cursor: pointer;
text-decoration:none;
}
br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}

Örneğe bakalım :) tıklayın bu yazıya.

Örnekte de nasıl çalıştığını görebilrisiniz. Eğer kafanıza yatmayan bir kısım varsa yorum bırakabilirsiniz. En kısa sürede size cevap veririm.Örnekteki Dosyaları indirmek için aşağıdaki indirme linkine tıklayın.

Hadi Selametle…

Note: There is a file embedded within this post, please visit this post to download the file.

Benzer Yazılar:

  1. jQuery ile üst giriş paneli ekleyin!
  2. jQuery İle Bacadan Duman Çıkartalım
  3. HTML5 Drag-Drop

]]> http://www.kaisercrazy.com/kodlama/jquery-kodlama/siteyle-birlikte-acilan-jquery-popup.html/feed 0 HTML5 Drag-Drop http://www.kaisercrazy.com/kodlama/html5-drag-drop.html http://www.kaisercrazy.com/kodlama/html5-drag-drop.html#comments Mon, 30 Aug 2010 10:32:15 +0000 Serkan Algur http://www.kaisercrazy.com/?p=1488 HTML5 ile yapılabilecek şeyler listesinde bulunan Drga&Drop (Sürükle Bırak) yapımı basit bir örnek. HTML5 Tutorial sitesinde bulduğum bir kodlama. Basit bir sistem ile çalışıyor ve örnekte de görebileceğimiz gibi sade bir yapıya sahip. Geliştirilebilir olması da avantaj. Ancak sadece kullandığım Firefox 3.6.8 ile çalıştı. Chrome ve Opera ile denediğimde sanırım daha desteklenmediği için sistemsel olarak çalışmadı. Ama denemeye değer bir sistem.

Kodu Ekliyorum aşağıya. Kodun altında örneğe ait bir link te bulacaksınız;

<!DOCTYPE HTML>
<html>
<head>
<meta content=”text/html; charset=UTF-8″ http-equiv=”content-type”/>
<center><title>HTML5 Drag and drop demonstration</title>
<style type=”text/css”>
#boxA, #boxB, #boxC {
float:left; width:165px; height:165px; padding:10px; margin:10px;
}

#boxA { background-color: #474747; }
#boxB { background-color: #474747; }
#boxC { background-color: #474747; }

#drag, #drag2, #drag3 {
width:30px; height:30px; padding:5px; margin:5px;
-moz-user-select:none;
}
#drag { background-color: #e8e8e8;}
#drag2 { background-color: orange;}
#drag3 { background-color: purple; border:3px brown solid;}

</style>
<script type=”text/javascript”>
function dragStart(ev) {
ev.dataTransfer.effectAllowed=’move’;
//ev.dataTransfer.dropEffect=’move’;
ev.dataTransfer.setData(“Text”, ev.target.getAttribute(‘id’));
ev.dataTransfer.setDragImage(ev.target,0,0);
return true;
}

function dragEnter(ev) {
var idelt = ev.dataTransfer.getData(“Text”);
return true;
}

function dragOver(ev) {
var idelt = ev.dataTransfer.getData(“Text”);
var id = ev.target.getAttribute(‘id’);
if( (id ==’boxB’ || id ==’boxA’) && (idelt == ‘drag’ || idelt==’drag2′))
return false;
else if( id ==’boxC’ && idelt == ‘drag3′)
return false;
else
return true;
}

function dragEnd(ev) {
ev.dataTransfer.clearData(“Text”);
return true
}

function dragDrop(ev) {
var idelt = ev.dataTransfer.getData(“Text”);
ev.target.appendChild(document.getElementById(idelt));
ev.stopPropagation();
return false; // return false so the event will not be propagated to the browser
}

</script>
</center></head>
<body>
<h1>Drag and drop HTML5 demo</h1>
<div>there are many other variables that can be used also, we will coer this another day.
</div>

<div id=”boxA”
ondragenter=”return dragEnter(event)”
ondrop=”return dragDrop(event)”
ondragover=”return dragOver(event)”>

<div id=”drag” draggable=”true”
ondragstart=”return dragStart(event)”
ondragend=”return dragEnd(event)”>drag me</div>

<div id=”drag2″ draggable=”true”
ondragstart=”return dragStart(event)”
ondragend=”return dragEnd(event)”>drag me</div>

<div id=”drag3″ draggable=”true”
ondragstart=”return dragStart(event)”
ondragend=”return dragEnd(event)”>drag me</div>

</div>

<div id=”boxB”
ondragenter=”return dragEnter(event)”
ondrop=”return dragDrop(event)”
ondragover=”return dragOver(event)”>
</div>

<div id=”boxC”
ondragenter=”return dragEnter(event)”
ondrop=”return dragDrop(event)”
ondragover=”return dragOver(event)”>
</div>
<div style=”clear:both”>Example created by <a href=”http://html5tutorial.net/”>HTML Tutorials</a>.</div>
</body>
</html>

Örnek linki için tıklayın…

Selametle…

Benzer Yazılar:

  1. jQuery ile üst giriş paneli ekleyin!
  2. IIS 7 Üzerinde Joomla SEO!

]]> http://www.kaisercrazy.com/kodlama/html5-drag-drop.html/feed 0 30 Ağustos Kutlu Olsun! http://www.kaisercrazy.com/hakkimda/30-agustos-kutlu-olsun.html http://www.kaisercrazy.com/hakkimda/30-agustos-kutlu-olsun.html#comments Mon, 30 Aug 2010 08:06:01 +0000 Serkan Algur http://www.kaisercrazy.com/?p=1482 Düşman birliklerine son taarruzun yapıldığı ve onlar denize dökülene kadar verilmiş özgürlük mücadelesinin kazanıldığı gün. Bir Milletin kendi benliğini bulduğu ve ulu önder Mustafa Kemal Atatürk ile birlikte kendi topraklarını savunduğu gün bugün. Bu gün 30 Ağustos Zafer bayramı! Yaşatılması ve şehitlerimiz anısına unutulmaması gereken bir gün. Bugün gaflet ve delalet içine düşmüş kişilerin bütün kötü emellerini bırakması gereken bir gün. Bugün milletimizin sevinç ve kıvanç dolu olması gereken bir gün.

Ulu Önder Mustafa Kemal Atatürk Kocatepe sırtlarında bu cennet vatanı ve milletin özgürlüğünün kazanılması için son provanın, son savaşın nasıl yapılacağı konusunda üstün savaş zekasını kullanarak çözüm üretti. Sabah karşı başyalan saldırı ile son darbe de vurulmuş oldu düşmana. Bugün bitmişti bir milletin acısı, bugünden sonra dinecekti bütün ağrılar. Neredeyse 700 yıllık bir saltanat ve imparatorluk yıkılmış ve anka kuşu gibi küllerinden yeniden doğan, dirileşen ve bütün milletin bir olduğu, bütün etnik kökenlerin vatanı için omuz omuza çarpıştığı yeni bir Türk Devleti, Türkiye Cumhuriyetinin kuruluşundan önce özgürlüğünü kazandığı büyük bir savaş vermişti bu millet.

Biz böyle bir milletin torunlarıyız. Hepimiz omuz omuza, canımızı dişimize takarak kazandık bu savaşı. Çanakkale’de, Gazi Antep’te, Erzurum’da, Iğdır’da, Hakkari’de, vatanın bütün illerinde Türk, Kürt, Çeçen, Laz demeden bütün olduk.

Şimdi ise yıl 2010. Bir zaman omuz omuza çarpıştığımız insanlar bizi bombalamaya çalışıyor. Buna izin vermeyeceğiz. Gerekirse askere geri dönerim. Benim birçok arkadaşım var. Hiçbirine sınıflandırma içinde bakmıyorum. Siz de bakmayın!

Atatürk’ün gençliğe hitabesini eklemek istiyorum buraya… Okuyun, İdrak edin ve yaptıklarınızı gözden geçirin…

Ey Türk Gençliği!

Birinci vazifen, Türk istiklâlini, Türk Cumhuriyetini, ilelebet, muhafaza ve müdafaa etmektir.

Mevcudiyetinin ve istikbalinin yegâne temeli budur. Bu temel, senin, en kıymetli hazinendir. İstikbalde dahi, seni bu hazineden mahrum etmek isteyecek, dahilî ve haricî bedhahların olacaktır. Bir gün, İstiklâl ve Cumhuriyeti müdafaa mecburiyetine düşersen, vazifeye atılmak için, içinde bulunacağın vaziyetin imkân ve şerâitini düşünmeyeceksin! Bu imkân ve şerâit, çok nâmüsait bir mahiyette tezahür edebilir. İstiklâl ve Cumhuriyetine kastedecek düşmanlar, bütün dünyada emsali görülmemiş bir galibiyetin mümessili olabilirler. Cebren ve hile ile aziz vatanın, bütün kaleleri zaptedilmiş, bütün tersanelerine girilmiş, bütün orduları dağıtılmış ve memleketin her köşesi bilfiil işgal edilmiş olabilir. Bütün bu şerâitten daha elîm ve daha vahim olmak üzere, memleketin dahilinde, iktidara sahip olanlar gaflet ve dalâlet ve hattâ hıyanet içinde bulunabilirler. Hattâ bu iktidar sahipleri şahsî menfaatlerini, müstevlilerin siyasi emelleriyle tevhit edebilirler. Millet, fakr ü zaruret içinde harap ve bîtap düşmüş olabilir.

Ey Türk istikbalinin evlâdı! İşte, bu ahval ve şerâit içinde dahi, vazifen; Türk İstiklâl ve Cumhuriyetini kurtarmaktır! Muhtaç olduğun kudret, damarlarındaki asil kanda mevcuttur!

Mustafa Kemal Atatürk
20 Ekim 1927

Seni An(r)ıyoruz…

Selametle Kalın. Şehitlerimize Rahmet, Askerlerimize Selamet diliyorum…

ata-43 atatürk ataturk2 seni-aniyoruz

Benzer Yazılar:

  1. Bu Bir Darbe Planı Değildir!
  2. 23 Nisan Kutlu Olsun!
  3. Öğretmenler Gününüz Kutlu Olsun :)

]]> http://www.kaisercrazy.com/hakkimda/30-agustos-kutlu-olsun.html/feed 0 Hadi Bakalım… http://www.kaisercrazy.com/besiktas/hadi-bakalim.html http://www.kaisercrazy.com/besiktas/hadi-bakalim.html#comments Sat, 28 Aug 2010 19:39:04 +0000 Serkan Algur http://www.kaisercrazy.com/?p=1479 Fenerbahçe, Galatasaray ve Trabzonspor’ un UEFA Avrupa Ligine veda etmesinin ardından, zor bir gruba düşen Bursaspor ve Beşitaş’ımız kaldı Avrupa mücadelemizde hem kendileri hem de Ülke puanlarını arttırmak için. Bursa’nın Ertuğrul abi ile en azıdan UEFA Avrupa Ligine kalma ihtimali gruplarda sıfır çekmesinden daha baskın görünüyor. Umarım bu arenada Şampiyonları liginde hüsrana uğramazlar. En Büyük Aşkımız Beşiktaş’ ımıza gelince sıra şöyle söylemek istiyorum. Gruptaki Porto dışında -eğer çok büyük bir şey olmazsa- zorlayacak takımlar yok. Gerek CSKA Sofya gerek Rapid Wien aman aman çok büyük takımlar değiller. Bu hafife almamız gerekiyor diye kurulmuş bir cümle değil. Eğer HJK maçında yapıldığı gibi Ortasaha ile oyun kurulur ve devamı getirilirse yapılmayacak hiçbirşey yok.

Hem döngünün tamamlanması için getirilen Mehmet Aurelio da takıma zamanında uyum sağlar ve dizindeki problem nüksetmezse ortasahamızın yorulma ve eksik kalma gibi bir sıkıntısı olmaz. Türkiye ligi için de Necip i kesmezse teknik direktörümüz çok iş yapar takımımız. Umarım istediğim gibi Necip oynamaya devam eder ve bu geleceğin büyük yıldızı küstürülmez.

Kızdığım bir nokta var ama. Nihat hala tat vermiyor. Attığı veya attırdığı goller dışında düz bir futbolcu gibi, sahada hiç göremiyorum. En azından benim hatırladığım Nihat Necip gibi hırslı her yere giden, Sergen Yalçın gibi süper frikikler atan bir oyuncuydu. İspanya turundaki sakatlıkları dışında da performansı göz dolduruyordu. Ama Türkiye’ ye döndükten ve askerliğini yaptıktan sonra bir şeyler olmuş Nihat’a. Yapma bunu Nihat, takımın abilerinden birisin. Oyna biraz Allah aşkına.

Bobo’nun bu sene yıpratılmamasından hoşnutum. Yok transfer oldu olacak diye haberler gene çıktı ama takımda kalmış olmasından memnunum. Yaptığı işler de ortada. Şimdiden sonra daha büyük işler yapacak, izleyin.

Ligde bir tökezleme yaşadık gene İstanbul BŞB karşısına ama toparlanacak takım iyice bunu hissediyorum.

Holosko gene baba olmuş. Kutluyorum kendisini. Allah analı babalı büyütsün yeğenimizi :)

Ben şu basket maçlarına bakayım neler olacak. Hadi Selametle…

Benzer Yazılar:

  1. Hocam Na’ptın Sen Ya!
  2. Turu Atlarız…

]]> http://www.kaisercrazy.com/besiktas/hadi-bakalim.html/feed 0 HTML Dosyalarınızı Temizleyin… http://www.kaisercrazy.com/kodlama/html-dosyalarinizi-temizleyin.html http://www.kaisercrazy.com/kodlama/html-dosyalarinizi-temizleyin.html#comments Fri, 27 Aug 2010 09:33:24 +0000 Serkan Algur http://www.kaisercrazy.com/?p=1473 HTML bir şablon yazarken veya CSS dosyalarınızın optimizasyonunu yaparken sıkıntı yaşıyorsanız size üç adet araç önereceğim. Bunları kurmanız gerekmiyor çünkü bunlar internet üzerinden hallediliyor :) Çoğumuz minify tarzı eklentilerle javascript ve css dosyalarımızın boyutlarında ve dosya sayısında azaltmaya giderek sitelerimizin kullanıcılar için daha hızlı ve efektif olması için çalışıyoruz. CSS dosyaları çok büyük olabiliyor. HTML kodlarımız da WC3 standardına uymayabiliyor bazen. Bu üç araç bizim için bunları düzenlemek görevini üstleniyor. Aşağıda bunları sıralayacağım.

1. HTML Tidy Online

Bu sistem ile internet ortamından belirli bir linkte bulunan html sayfamızı ya da elimizde bulunan dosyayı gerek siteye yüklemek gerekse kodları site içindeki istenen yere kopyala-yapıştır usulüyle kodlarımız içinde yaptığımız hataları bulup bunların temizliğini ve düzeltimlesini sağlayabiliyoruz.  Dosyalarımızı WC3 standartlarına uygun hale getirebildiğini söyleyen bu site bence kullanışlı yaptığım bir iki kodu karşılaştırdım ve bazı eksikleri gösterdi. Denemeye değer.

2. HTML / XHTML Beautifier

Webmaster Gate sitesinin bir aracı olan bu sistem de online dosya ekleme ve kodları ekleme yöntemiyle WC3 standartlarına göre kodlarınızı kontrol eden ve gerekirse düzeltmeleri yapan bir özelliğe sahip. HTML Tidy Online tarzında çalışan sistem de denemye değer olarak göze çarpıyor. İkisinin arasında pek fark yok gibi.

3. Code Beautifier

Bu site ise tamamiyle CSS bazlı bir temizlik ve kontrol sağlıyor. 23,75Kb gibi büyüklükte olan dosyamı 18Kb gibi bir büyüklüe kadar indirdi. çoğu yapmış olduğum hatayı da neredeyse 0 a indirdi. Oldukça kullanışlı ve Kodlara göstereceği insiyatifi de siz belirleyebiliyorsunuz. Tek satırda okunabilir bir CSS dosyası haline getirebiliyor kodlarınızı. Gördüklerim arasında en kullanışlı ve yazmaya değer site diye düşünüyorum.

Benzer Yazılar:

  1. Minify nedir biliyor musunuz?
  2. Google Arama Sayfası Arkaplanı
  3. jQuery ile üst giriş paneli ekleyin!

]]> http://www.kaisercrazy.com/kodlama/html-dosyalarinizi-temizleyin.html/feed 0 Yazınıza Facebook Beğeni Rakamını Ekleyin… http://www.kaisercrazy.com/cms-sistemleri/wordpress/yaziniza-facebook-begeni-rakamini-ekleyin.html http://www.kaisercrazy.com/cms-sistemleri/wordpress/yaziniza-facebook-begeni-rakamini-ekleyin.html#comments Wed, 25 Aug 2010 07:42:43 +0000 Serkan Algur http://www.kaisercrazy.com/?p=1470 Yazınızın başlık ve yazar bilgisi alanında sadece yorum sayısı vb. gibi bilgilerin yanı sıra Facebook paylaşımınız olan yazınızın kaç kere beğenildiğini de aktarabilirsiniz. Bunu yapmak kolay ve basit. Yapmamız gereken temamızdaki functions.php üzerinde bir iki değişiklik yapmak ve gene temamızda bulunan single.php dosyasında ufak bir değişiklik ile Yazı bilgisi alanına bu bilgiyi eklemek.

Öncelikle temamızdaki ana dosyaları değiştireceğimizden functions.php ve single.php dosyalarının birer yedeklerini alın. Sonra demedin de, vay efendim yaptıklarım gitti olmasın.

Yedekleri aldıysanız functions.php dosyası üzerinde çalışmalarımıza başlayabiliriz.

Fonksiyon Kodumuz;

function fb_like_count($url) {
$content = file_get_contents("http://api.ak.facebook.com/
restserver.php?v=1.0&method=fql.query
&query=select%20url,%20total_count%20
from%20link_stat%20where%20url%20in%20('".$url."')
&format=xml");
$fb_like_count = simplexml_load_string($content);
echo $fb_like_count->link_stat->total_count;
if(is_bool($fb_like_count)){
print '0';}
else{
echo $fb_like_count;
}
}

Single.php içine eklenecek kodumuz.

<?php fb_like_count(get_permalink($post->post_id)); ?>

Single.php içine ekleyeceğimiz kodumuzu Loop olarak bililen yazı bilgisi ve yazının kendinin bulunduğu alana ekleyeceksiniz. Bu fonksyion sadece sayıları gösterir. Onun için koddan önce ve sonra yazı yazabilirsiniz. Ekleyeceğiniz yerden pek emin değilseniz

<?php the_title(); ?>

alanından sonra başlayan ve kullanıcı bilgisini içeren alana ekleyiniz.

Hadi selametle kalın.

Benzer Yazılar:

  1. Her Yazınıza Resim Ekleyin
  2. Sosyal Ağların Zaman Gösterimlerini Blogunuza Ekleyin
  3. Temanıza Google Analtyics Kodunu Footera Dokunmadan Ekleyin

]]> http://www.kaisercrazy.com/cms-sistemleri/wordpress/yaziniza-facebook-begeni-rakamini-ekleyin.html/feed 0 Neden Hayır? http://www.kaisercrazy.com/hakkimda/neden-hayir.html http://www.kaisercrazy.com/hakkimda/neden-hayir.html#comments Mon, 23 Aug 2010 21:09:02 +0000 Serkan Algur http://www.kaisercrazy.com/?p=1468 Şimdi başlığı görünce “aha bi evetçi” daha diyeceksiniz ama başlık bir yanıltmaca :). Bugün başıma gelen bi olay iyice sinirimi ve kafamı attırdı. Şalterler patlak verdi anlayacağınız. Bu konuda, özellikle siyaset konusuna girmeyi hiç sevmem ama şöyle bir durum oldu bugün.

İşten dönüyordum saat 19:55-20:05 arası bir saat. Hatta daha akşam ezanı okunmamış, İstanbul iftar yapmamıştı. Oruç tutarken sıkıntı yaşadığımdan (baş ağrısı vb.) tutmuyorum. Gaziosmanpaşa meydanına girdim yürüyorum. Elimde sigaram var. Birine çarpmayayım diye sigarayı vücudumu perde ederek gizledim. Amacım kimseyi yakamamak yani.Nadasa bıraktığım sakallarım da biraz olsun uzamışlar.

Derken AKP aracından broşür dağıtan araçlardan birinden bir kişi bana yaklaşmaya başladı. Sigaram elimde ve arkamda, sol kulağımda da küpem var ama adama sağ yandan yaklaşıyorum küpemi falan görmedi. Sonra ben sigaramdan bir fırt çekmek için elimi görünür hale getirdim o sırada bir arkadaşı gördüm ve selam vermek için kafamı ona doğru çevirdim. Bir yandan da broşürcü adamı kesiyorum. Benim elimde sigarayı görünce bir anda yüz ifadesi değişti, sanki bana küfreder gibi bakarken bir de küpemi gördü, yüzü daha da buruştu. Olduğu gibi araca geri döndü.

Olay bu. Bu mudur şimdi iktidar partisinin adamları. Ey broşürcü sana sesleniyorum. İçinden bana ne dediysen bin katını Allah’ta sana versin. Bana gelsen broşür vermeye çalışsan ya da bana neden evet demeliymişim anlatsan ne olacak? Elimde sigaram, kulağımda küpem olunca dindar olmadığım veya din kurallarına uymayıp din dışı birimi olduğumu düşündün? Bunları düşündüysen hakkımda gıybet yaptın ve sanırım kul hakkı aldın üstüne. Sen düşün bundan sonrası. Allah Seni affetsin…

Neden hayır diyeceğime gelince değişecek anayasayı dikkatli olmasa da okudum. Değişmesini ben de istemiyorum. Ve iktidar yanlılarının insanlara bakış açılarını gördüğümde de daha bir perçinledim düşüncemi.

Ey İktidar Partisi yandaşlları. Şunu unutmayın ki; Ulu Önder Mustafa Kemal Atatürk önderi olduğu Kurtuluş Savaşını Kazanamamış olsaydı bugün adımız, Tony, Coni, vb. olacak ve siz şimdi İmamlık hayali kurarken o zaman Rahip olmak için savaşacaktınız. Bunu Aklınızdan sakın çıkarmayın… Ne Mutlu Türk’üm Diyene!

Ha Bu arada AKP ye bir şarkı itaf etmek istiyorum. Tarkan’dan Acımıyacak Size gelsin…

Selametle

Benzer Yazılar:

  1. Günlük Sitenizin Başarısız Olmasının Arkasındaki 10 Neden

]]> http://www.kaisercrazy.com/hakkimda/neden-hayir.html/feed 0 Yoksa Unuttunuz mu? http://www.kaisercrazy.com/hakkimda/genel/yoksa-unuttunuz-mu.html http://www.kaisercrazy.com/hakkimda/genel/yoksa-unuttunuz-mu.html#comments Tue, 17 Aug 2010 00:02:08 +0000 Serkan Algur http://www.kaisercrazy.com/?p=1462 Yoksa unuttunuz mu? 17 Ağustos 1999… Saat 02.55… Uyku tutmadı, yaklaşık ik saati aşkın yatakta bi o yana bi bu yana kıvranıyordum. Zaman geçmek bilmiyordu. lavaboya gittim geldim saat 03.00 olmuştu. Yatağıma uzandım, şöyle bi uyuyan ufak kardeşime baktım, bir anda ne olduğunu anlayamadığım bi uğultu duydum. Ne köpek havlayabilirdi bu kadar yüksek sesle, ne de başka bir hayvan. Sonrasında ölüm ile yaşam arasındaki o sallantı. Ben bir hamlede kardeşime doğru döndüm, dönmem ile birlikte kardeşimin yanında aldım soluğu. Ne zıplamıştım ne de yana dönmekten başka bir hamle. Kardeşime artık nasıl sarıldıysam uyanmış, abi n’oluyo diye soruyo, ağlıyo.

Annemin sesini duydum bu arada. Babama sesleniyo çocuklar diye, haykırıyo neredeyse. bizim yattığımız odada o zaman bir vitrin vardı camdan, o sallandıkça sallandı ama düşmedi Allahtan üstümüze. Kolonların bi oraya bi buraya gittiğini gördüm bi ara kafamı kaldırma cesaretini bulduğumda. Her yer zangır zangır sallanıyordu. Yanlış görmediysem bu deprem 45 saniyeden fazla sürdü. Hele biz İstanbul’da böyle hissettiysek.

İşte velhasıl kelam siz de bundan sonrasını biliyorsunuz zaten. Anlatıp daha da içinizi karartmak istemem. 17 Ağustos 1999 tarihindeki Gölcük depreminden dolayı hayatını kaybedenlerin ruhlarının mekanı cennet olsun inşallah. Saygıyla ve üzüntüyle anıyorum kendilerini. Bir dua da siz edin tüm ölenlerin ruhlarına…

Sağlıcakla… 17+ağustos+1999 17876 483_4154_deprem itu

Benzer Yazılar:

  1. Gene Kar Yağdı…
  2. LCD mi yoksa plazma mı almalı?

]]> http://www.kaisercrazy.com/hakkimda/genel/yoksa-unuttunuz-mu.html/feed 0 Minimalist WordPress Temaları http://www.kaisercrazy.com/cms-sistemleri/wordpress/minimalist-wordpress-temalari.html http://www.kaisercrazy.com/cms-sistemleri/wordpress/minimalist-wordpress-temalari.html#comments Fri, 13 Aug 2010 23:31:45 +0000 Serkan Algur http://www.kaisercrazy.com/?p=1454 Speckyboy internet sitesinde gezinirken rastladığım Grid Based -Türkçe’ ye çevirince ızgara tasarımlı oluyor, ben ise kutularla ayrılmış demeyi daha çok istiyorum- temalardan bahseden, daha doğrusu onları tanıttığı şu yazısına rastladım. Zaman olarak yazılma tarihi eski dahi olsa kullanışlı olabileceğini düşündüğüm temalar var. Bunlardan bir kaçını ben de sizlere aktaracağım. Bir iki imajını da ekleyeceğim tabii :)

Grid-A-Licious

Bunlardan ilk gözüme çarpan ve diğerlerine göre daha enteresan bir tasarımı olan tema Grid-A-Licious. Aşağıda resimlerini görebileceğiniz tema tamamiyle kutulara ayrılmış ve oldukça enteresan bir tema :) Ücretsiz olması da cabası.

Resimler

Tıkla İndir

GRID WordPress Theme

İkinci olan tema ise birinciyle az da olsa benzerliği olan GRID WordPress Theme. Aynı minimalist düşünceyle hazırlanmış. Hatta Grid-A-Licious’un ikinci resmindeki şekli ve şemaline de benzemiyor değil :) Zaten sol taraftaki resme tıklarsanız anlayacaksınız. Bunun da ön izleme linki ve indirme linkini aktarıyorum size.

Tıkla İndir | Ön İzle

NewsPress

WpCrunchy tarafından yapılan bedava magazin teması olan bu tema da oldukça minimalist yapılara sahip. Kullanılabilirlik açısından gerçekten bir haber sitesi ya da değişik şekilde kullanılabilir. Size aktardığım diğer temaların dışında bu tema içinde yazılara resimler atıyabiliyorsunuz. Tasarım olarak da yukarıdakilere benzemese de ilgimi kullanılabilirliği çekti. Eğer temamı yeni değiştirmiş olmasaydım ve işlerden başımı kaldıracak durumda olsaydım – ki şu anda hala ofisteyim  (02:25) – bu temayı kullanabilirdim. Ama sanırım friendfeed’ten biriyle pişti olabilirdim.

Tıkla İndir | Ön İzle

Şimdilik üç tane ekleyeyim. Çünkü gözlerim faltaşı gibi oldu. Yatmak lazım ama biraz gözleri dinlendirip devam etmem lazım. Yumurta kapıya gelince harekete geçen müşterilerimden soğumaya başlıyorum. Ama onların bundan haberleri yok. Kendi firman olmayınca başka oluyor işte…

Sağlıcakla ve Serin kalın.

Benzer Yazılar:

  1. WordPress 2.8 İlk Gün Deneyimim…
  2. İlk Temam! First One!
  3. WordPress Exploit Scanner!

]]> http://www.kaisercrazy.com/cms-sistemleri/wordpress/minimalist-wordpress-temalari.html/feed 2 ILWP’nin Colored Tag Cloud Eklentisini Kullananlara… http://www.kaisercrazy.com/cms-sistemleri/wordpress/ilwpnin-colored-tag-cloud-eklentisini-kullananlara.html http://www.kaisercrazy.com/cms-sistemleri/wordpress/ilwpnin-colored-tag-cloud-eklentisini-kullananlara.html#comments Fri, 13 Aug 2010 07:49:04 +0000 Serkan Algur http://www.kaisercrazy.com/?p=1452 I Like WordPress sitesinden Steve‘ nin yapmış olduğu ve benim çok beğendiğim ve hatta yardımda bulunduğum eklentinin (Colored Tag Cloud) yeni versiyonu (v.2.0) çıktı ama benim gibi widget yerine fonksiyonu temasında kullananlar dikkat etsin. Fonksiyon tarafında bir sıkıntı var. Steve tamamiyle Bileşen haline getirmiş eklentiyi ve bununla alakalı bir sıkıntı var sanırım. Steve şu yorumla sorunu aktardım, bakalım ne cavep verecek.

Bu eklentiyi kullanan arkadaşlar temalarından o fonksiyonu kaldırıp, yerine bileşenler menüsündeki Widget’i kullanırlarsa sıkıntıları kalmadan bu olay çözülecektir. Ama fonksiyon ile çalışmasındaki sıkıntıyı da çözecektir Steve. Bekliyoruz :)

Aha bu da ufak bir ipucu oldu :)

Benzer Yazılar:

  1. Twitme Eklentisi Türkçeleştirme Projem
  2. AdBlock Plus Eklentisini Engellemek!
  3. Twitme 1.6.x Türkçe Dil Dosyası

]]> http://www.kaisercrazy.com/cms-sistemleri/wordpress/ilwpnin-colored-tag-cloud-eklentisini-kullananlara.html/feed 0