Satır Numaralı Textarea Hazırlamak

alixcan — Sat, 24 Dec 2011 22:14:20 +0000

Kendime online yazıeditörü ve sitemde kullanmak amaçlı düzenleyiciler filan hazırlarken zaman zaman hataların oluşmasıyla text alanlarında satır numaralarınında güzel olacağı fikriyle scriptlerime eklediğim bir javascript kodu daha doğrusu jQuery eklentisi var. Şuan size ondan bahsetmek istiyorum.

jQuery LinedTextArea Nedir?

Lined TextArea Alan Williamson tarafından yazılmış bir jQuery eklentisidir.
textarea alanına atanacak id ile text alanını aşşağıdaki gibi bir hale getiriyoruz.

Son Görünüm Tüm Uygulamaları Takip Ederseniz

Adım 1 – HTML Entegresi

head tagları arasına aşşağıdaki kodları ekliyoruz.

Adım 2 – JavaScript Kodları

Sayfanın en altına yani body kodundan önce ekliyoruz.

$(function() {
	$(".lined").linedtextarea(
		{selectedLine: 1}
	);
});

Adım 3 – HTML textarea Örneği

</pre>
<hr />
<h2>Kodlar / Kütüphane / Sonuç</h2>
<p>Yukarıdaki download butonu ile gerekli dosyaları ve çalışan örneği indirebilirsiniz.</p>

</article>
<article>
<h1>Chrome Butonlarını Sitenizde Kullanalım. | Chrome Buton Yapımı</h1>
<p>alixcan — Sat, 24 Dec 2011 19:34:47 +0000</p>
<p>Chrome kullanıcıları bilirler gelen yeni sürümlerle chrome’un ayarlarında ve alt yapısında kullanılan butonları görmüşsünüzdür biraz kurcalarken hoşuma gitti ve hazırladığım bir sitede kullandım bu aradada kodlarını paylaşayım dedim.</p>
<p>
    <div class="final_image"><h3>Chromedaki Yerleri</h3></div><div class="clear"></div>
    <div class="final_image_inner">
    <div style="text-align:center">Chromedaki Bu Butonların Aynısını Alıcaz.</div>
    <div class="clear"></div></div><br />
<span id="more-2148"></span><br />
<hr />

    <div class="final_image"><h3>Son Görünüm <span>Tüm Uygulamaları Takip Ederseniz</span></h3></div><div class="clear"></div>
    <div class="final_image_inner">
    <div style="text-align:center">Aşşağıdaki Kodlamaları Uyguladığınızda Web Sitenizde Elde Ediceğiniz Görüntü.</div>
    <div class="clear"></div></div></p>
<hr />
<h2>Adım 1 – CSS Kodları</h2>
<pre class="brush:css">
button,
input[type='button'],
input[type='submit'] {
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-user-select: none;
	background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
	border: 1px solid #aaa;
	color: #444;
	font-size: inherit;
	margin-bottom: 0px;
	min-width: 4em;
	padding: 3px 12px 3px 12px;
}

button:hover,
input[type='button']:hover,
input[type='submit']:hover {
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
	border-color: #999;
	color: #222;
}

button:active,
input[type='button']:active,
input[type='submit']:active {
	-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
	background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
	color: #333;
}

button[disabled],
input[type='button'][disabled],
input[type='submit'][disabled],
button[disabled]:hover,
input[type='button'][disabled]:hover,
input[type='submit'][disabled]:hover {
	-webkit-box-shadow: none;
	background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
	border-color: #aaa;
	color: #888;
}
</pre>
<h2>Adım 2 – Kullanımı</h2>
<p>Css yapısı genel olarak tüm <code>input type="button , submit" ve button</code> taglarını otomatikman css ile düzenler.</p>
<pre class="brush:xml">

	<button>Buton 1</button>
<input type="button" value="Diğer Buton" />
<input type="button" value="Diğer Buton Kapalı" disabled/>
</pre>

</article>
<article>
<h1>Linux Kod Parçacıkları</h1>
<p>alixcan — Fri, 23 Dec 2011 11:15:52 +0000</p>
<p>Bildiğiniz gibi Linuxtaki komut sistemi aracılığıyla eğer benim gibi mause kullanmaktan hoşlanmıyor ve gerekli durumlarda kullanmanız amacı ile bazı linux komutlarını ve açıklamalarını sizlerle paylaşmak istiyorum.</p>
<table border="1" cellpadding="5" cellspacing="5" style="border:1px solid #ddd">
<tr>
<td style="width:20%;">Komut</td>
<td style="width:45%;">Açıklama</td>
<td style="width:45%;">Kullanım</td>
</tr>
<tr>
<td style="border-bottom:1px solid #ddd">cp</td>
<td style="border-bottom:1px solid #ddd">Dosya kopyalama</td>
<td style="border-bottom:1px solid #ddd">cp dosya.txt yenidosya.txt</td>
</tr>
<tr>
<td style="border-bottom:1px solid #ddd">ls</td>
<td style="border-bottom:1px solid #ddd">Dosyaları listele</td>
<td style="border-bottom:1px solid #ddd">ls</td>
</tr>
<tr>
<td style="border-bottom:1px solid #ddd">mv</td>
<td style="border-bottom:1px solid #ddd">Dosya Taşı veya Yeniden Adlandır</td>
<td style="border-bottom:1px solid #ddd">mv eskiadres/ yeniadres/</td>
</tr>
<tr>
<td style="border-bottom:1px solid #ddd">nano</td>
<td style="border-bottom:1px solid #ddd">Dosya düzenle</td>
<td style="border-bottom:1px solid #ddd">nano dosya.txt</td>
</tr>
<tr>
<td style="border-bottom:1px solid #ddd">touch</td>
<td style="border-bottom:1px solid #ddd">Boş dosya oluştur</td>
<td style="border-bottom:1px solid #ddd">touch yeni.txt yeni2.txt</td>
</tr>
<tr>
<td style="border-bottom:1px solid #ddd">mkdir</td>
<td>Yeni klasör oluştur</td>
<td>mkdir yeniklasor/</td>
</tr>
<tr>
<td style="border-bottom:1px solid #ddd">rmdir</td>
<td style="border-bottom:1px solid #ddd">Klasor sil</td>
<td style="border-bottom:1px solid #ddd">rmdir silinicek_klasor/<br />
		rmdir -R silinicek_klasor (Yeniliyerek Silmek) <br />
		rmdir -Rf silinicek_klasor (Yeniliyerek Ve Zorlayarak Silmek)</td>
</tr>
</table>

</article>
<article>
<h1>Php İle Zaman Dilimini Ayarlamak</h1>
<p>alixcan — Fri, 23 Dec 2011 11:10:02 +0000</p>
<p>Geçenlerde localhost’umda PHP ile tarih / saat fonksiyonu ile ilgili birşeylerle uğraşırken farkettimki bilgisayarımdaki saat doğru fakat php’deki saat farklı bu zaman dilimleri ile ilgili olarak sıkıntı çıkartmıştı, normalde php.ini dosyasını düzenleyerek bu sorunu kolayca çözebilicekken php ile bunu ayarlamanın mümkün olduğunu hatırladım ve blogumda paylaşmaya karar verdim.</p>
<h2>date_default_timezone_set() Fonksiyonunun kullanımı</h2>
<p>Php scriptinizin her sayfasına dahil olan bir <code>init.php, config.php, ayar.php</code> gibi bir dosyanız varsa bu dosyanın uygun bir yerine aşşağıdaki kodu ekleyerek tarih / saat farklılığını düzeltebilirsiniz.</p>
<pre class="brush:xml">  <?php date_default_timezone_set('Europe/Istanbul');</pre>
<h2>Kaynak</h2>
<p><a href=" http://www.php.net/manual/tr/function.date-default-timezone-set.php" title="date_default_timezone_set()">date_default_timezone_set()</a> fonksiyonunu php manuelden inceliyebilirsiniz.</p>
<p>Diğer zaman dilimlerini incelemek için yine php manuel <a href="http://www.php.net/manual/tr/timezones.php" title="Zaman dilimleri">Zaman dilimleri</a> sayfasından inceliyebilirsiniz.</p>

</article>
<article>
<h1>WordPress Admin Paneline jQuery Eklemek Ve Kullanmak</h1>
<p>alixcan — Thu, 22 Dec 2011 21:36:46 +0000</p>
<p>WordPress admin paneline eklenti vs yazarken jquery dahil etmek gerekebiliyor ve bildiğimiz metodlarla jquery eklediğimizde sıkıntı çıkartabiliyor.</p>
<p>Bunun için WordPress bize kendi kancalarından birtanesi ile yardımcı oluyor ve kullanımı hakkında kolaylık sağlıyor.</p>
<p>Benim burada vereceğim kodla wordpressin kendi kullandığı jQuery kütüphanesini kaldırıp kullanmak istediğiniz versiyonunu ekleyerek o şekilde çalışma ortamınızı hazırlayacaksınız.</p>
<p><a href="http://codex.wordpress.org/Function_Reference/wp_enqueue_script">wp_enqueue_script</a> codex sayfasından yazının orjinalini (ingilizce) inceliyebilirsiniz.<br />
<span id="more-2074"></span></p>
<h2>Adım – 1 Nasıl eklenilir?</h2>
<p>Öncelikle eğer eklenti yazıyorsak eklendimizin dosyası içerisinde uygun bir alana veya temamızda kullanıcaksak (örn: tema yönetim sayfasında) <code>function.php</code> dosyasında uygun yere aşşağıdaki kodları yapıştırarak admin paneline jQuery dahil edilebilir.</p>
<pre class="brush:php">
function script_ekleme_fonksiyonu() {
    wp_deregister_script( 'jquery' ); // WordPress mevcut jquery kütüp hanesini kaldırır.
    wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js');//jquery güncel versiyonunu (kullanmak istediğiniz versiyonu) WordPress Scriptlerine ekler.
    wp_enqueue_script( 'jquery' ); // işlem kuyruğuna ekler
}    

add_action('wp_enqueue_scripts', 'script_ekleme_fonksiyonu'); // add_action kancasını kullanarak wordpress scriptlerine fonksiyonumuzu ekler.
</pre>
<p>Ben bu örnekte şuan için geçerli olan jQuery 1.7.1 sürümünü örnek verdim siz jQuery sitesinden istediğiniz versiyonu veya lastest.js (otomatik güncellenen son sürümü) ekleyebilirsiniz.</p>
<h2>Adım – 2 jQuery nasıl kullanılır?</h2>
<p>Bildiğimiz <code>$</code> işareti malesef WordPress admin panelinde çalışmamakta. Bunun nedenide WordPress jQuery kütüphanesi haricinde başka kütüphanelerde kullanmasından kaynaklı çakışmalar yaratmakta bunun içinde yukarıdaki işlemi yaptığınızda otomatik olarak WordPress sizin için jQuery’nin <code>no-confict</code> özelliğini yani <code>$</code> işaretini değiştirmenizi sağlayan bir fonksiyonuda dahil eder ve bu <code>$</code> işaretini <code>jQuery</code> ifadesi ile değiştirir yani kullanıcak olduğunuz kodları değiştirmeniz gerekir örnek vermek gerekirse..</p>
<pre class="brush:js">
$(document).ready(function(){
     $('#bir_fonksiyon_ozelligi') ...
});
</pre>
<p>İfadesi</p>
<pre class="brush:js">
jQuery(document).ready(function(){
     $('#bir_fonksiyon_ozelligi') ...
});
</pre>
<p>Şeklini alır.</p>
<p id="forum_join"><a class="forum-link" href="http://www.alixcan.net/forum/haz%c4%b1r-scriptler-group7/wordpress-forum25/wordpress-admin-paneline-jquery-eklemek-ve-kullanmak-thread20"><span>Forumdaki Konuda Tartisin</span></a></p>

</article>
<article>
<h1>HTML5 İle Gelen Form Elementleri İçin Placeholder Özelliği</h1>
<p>alixcan — Sun, 18 Dec 2011 20:28:51 +0000</p>
<p>Placeholder’ın tanımını yapmadan bu yazıya başlayamayacağım,<br />
Placeholder <a href="http://www.alixcan.net/html-2/html5-ile-gelen-input-tipleri.html" title="HTML5 ile Gelen İnput Tipleri">HTML5 ile Gelen İnput Tipleri</a> adlı yazımda bahsettiğim tüm input değerlerine <code>placeholder="Burada Gözükür"</code> Şeklinde eklenerek kullanıcı oraya tıklayana kadar gözüken ve tıkladığı zaman kaybolan yazı alanını sağlayan bir özellik.</p>
<p>Zamanında jQuery ile yaptığımız <a href="http://www.alixcan.net/jquery-ajax/jquery-ile-form-elementlerine-deger-atamak.html" title="jQuery ile Form Elementlerine Değer Atamak">jQuery ile Form Elementlerine Değer Atamak</a> adlı makalemde javascript ile yaptığımız işlemi artık sadece <code>placeholder="Bu Yazı Tıklayınca Kaybolur"</code> şeklinde kolayca ekliyebiliyoruz.</p>
<h2>Kullanımı</h2>
<pre class="brush:xml">
<input type="text" placeholder="Placeholder Örnegi" />
</pre>
<p>Placeholder özelliği <a href="http://www.alixcan.net/html-2/html5-ile-gelen-input-tipleri.html" title="HTML5 ile Gelen İnput Tipleri">HTML5 ile Gelen İnput Tipleri</a> adlı yazımdaki bir çok input tipinde geçerlidir.</p>
<h2>CSS ile Düzenlemesi</h2>
<p>Sadece input alanlarını seçmek için;</p>
<pre class="brush:css">
input::-webkit-input-placeholder {
    color:    #999;
}
input:-moz-placeholder {
    color:    #999;
}
</pre>
<p>Tüm Değerleri Seçmek İçin;</p>
<pre class="brush:css">
::-webkit-input-placeholder {
    color:    #999;
}
:-moz-placeholder {
    color:    #999;
}
</pre>
<p id="forum_join"><a class="forum-link" href="http://www.alixcan.net/forum/programlama-group2/xhtml-forum2/html5-ile-gelen-form-elementleri-i%c3%a7in-placeholder-%c3%b6zelli%c4%9fi-thread19"><span>Forumdaki Konuda Tartisin</span></a></p>

</article>
<article>
<h1>HTML5 İle Gelen  From Elemanlarında Required Özelliği</h1>
<p>alixcan — Sun, 18 Dec 2011 20:13:06 +0000</p>
<p>Html 5 ile gelen bir diğer özellik ve gerçekten tonlarca javascript kodu yazmanızın önüne geçen ve javascript / jQuery ile arası olmayanlar için bitmek bilmeyen dakikaları ortadan kaldıran <code>required="true"</code> ifadesi peki bu kod nedir ne işe yarar incelemeye başlayalım.</p>
<h2>Nedir? Ne işe yarar?</h2>
<p>Required kelimesi türkçe tercümesi “gereken”, “gerekli” anlamına gelmektedir.<br />
Burdanda anlayacağınız gibi form alanlarında oluşturduğunuz yazı, şifre, vs gibi alanlarda bu ifade eklenerek php / javascript kontrolü yapmadan browser aracılığıyla kontrol sağlamak mümkün.</p>
<p>Tabi yine burda desteklemeyen browserlar söz konusu olucak onlarıda inceliyecek olursak.</p>
<p>İE: Desteklemiyor.<br />
Firefox: 4.0 +<br />
Opera: 9.5 +<br />
Chrome: 3.0<br />
Safari: Desteklemiyor.</p>
<p>(Her halükarda php ile bir kontrol yaptırmak kesinlikle zorunlu ama en azından javascript ile uğraşmaya gerek kalmaz.)</p>
<h2>Kullanımı</h2>
<pre class="brush:xml">
<input type="text" id="isim" required="true" />
</pre>
<p>Aynı şekilde <code>type="password" , email, number, url, range</code> ve daha fazlasında kullanabilirsiniz. (Not: <a href="http://www.alixcan.net/html-2/html5-ile-gelen-input-tipleri.html" title="HTML 5 ile gelen yeni input Tipleri">HTML 5 ile gelen yeni input Tipleri</a> adlı makaleyi okuyabilirsiniz.</p>
<p id="forum_join"><a class="forum-link" href="http://www.alixcan.net/forum/programlama-group2/xhtml-forum2/html5-ile-gelen-from-elemanlar%c4%b1nda-required-%c3%b6zelli%c4%9fi-thread18"><span>Forumdaki Konuda Tartisin</span></a></p>

</article>
<article>
<h1>Sünepe Beyinlerden Hiç Haz Etmiyorum</h1>
<p>alixcan — Sun, 18 Dec 2011 16:38:28 +0000</p>
<p>Ya tonla yazı yazdık, insan olmayana insancıl davrandık yok yok anlamıyorlar.<br />
Ankaralı 99 doğumlu bir bebe (öyle görünüyo) gelmiş neler diyor ya.</p>
<p><a href="http://cdnalixcanblog.s3.amazonaws.com/wp-content/uploads/2011/12/sunepe_beyin.png"></a></p>
<p>Sen hala internet explorer ile geziyosun velet.<br />
Biraz kendini geliştir, güncel tarayıcıları tercih et.<br />
Senin gibi “forum kurucam (dur o kurcam olur garanti) ben internet alemini sarscam akıcam ortamlara” diyen sünepelerin önüne geçmek için emek nedir anlamayan düdükler için koyulmuş bişey.</p>
<p>Neyse madem sistem çalışmıyor buda bobilerin montelerinden farklı olarak benim sana montem hadi afiyet olsun.</p>
<p><a href="http://cdnalixcanblog.s3.amazonaws.com/wp-content/uploads/2011/12/sunepe2.png"></a></p>

</article>
<article>
<h1>Hangi Scripti Nasıl Seçmeliyim ?</h1>
<p>alixcan — Wed, 14 Dec 2011 15:17:07 +0000</p>
<p>Aslında ilk bu işlere başladığımda kafama takılan en büyük soruydu. Hangi scripti seçmeli ve kullanmalıyım hangisi daha kolay anlaşılır düzenlenir. Yarım nasıl alabilirim ?</p>
<p>Aslında cevap basit.</p>
<h2>Script Seçerken Dikkat Etmeniz Gerekenler</h2>
<ul>
<li>Dökümantasyon | Kaliteli kolay kullanıma sahip çoklu dil desteği olan dökümantasyonları barındıran scriptler; Örn: WordPress Codex, uPloadify Documentation, SMF Doc Gibi.</li>
<li>Desttek Forumları | Geniş kapsamlı kullanıcı sayısı ve yönetici sayısı çok olan bir kaç dilde forumları bulunan scriptler; Örn: WordPress support, SMF support, WordPress—tr, smf.gen.tr, Smfmod Gibi.</li>
<li>Eklenti Seçenekleri | Sizin sıfırdan kod yazmanız yerine size eklenti sunan ve bunlarıda kendi sitesinde barındıran scriptler, WordPress, SMF, vBullettin, Joomla Gibi</li>
<li>Tasarım Desteği | Kendi sitesinden ulaşabileceğiniz tasarım seçeneleri olan scriptler</li>
</ul>
<p>Bu liste aslında uzatılabilir fakat açıkcası yukarıdakiler bana göre sizin için ilk olmalıdır.<br />
Çünkü başkasının yazdığı birşeyi bakıp anlamanız zaman alır ve bu sizi yorar, onun yerine güzelce hazırlanmış bir dökümantasyon ile işinizi hızlandırabilir ve neyin ne olduğunu bilerek kullanabilirsiniz.</p>

</article>
<article>
<h1>Captcha Olayıda Nerden Çıktı.</h1>
<p>alixcan — Tue, 13 Dec 2011 07:49:03 +0000</p>
<p>Biliyorum biraz sıkıcı bir olay bu Captcha(Güvenlik kodu zımbırtısı),<br />
Ama Spam yorumlardan gına geldi açıkcası. tonla önlem almama rağmen hala daha Aksimet tarafından yakalanıyor ve database’imi şişiriyolardı.</p>
<p>Ve <a href="http://www.alixcan.net/forum" title="AlixcaN.Net Forum">Forum</a> bölümünün üyeliğinide açınca doğal olarak Spam üyelikten kaçmak için bu önlemi almak zorunda kaldım,</p>
<p>Umarım anlayışla karşılarsınız beni,<br />
Memnun kalmazsanız farklı çözümler düşünemeye başlarım,<br />
Anlayışınız için teşekkürler.</p>

</article>
<article>
<h1>Dizi Elemanlarını Nesneye Çevirin</h1>
<p>alixcan — Sun, 11 Dec 2011 19:31:18 +0000</p>
<p>Bildiğimiz gibi oluşturdumuz dizileri birer nesneye/objeye çevirebilirsiniz. Sizin için ne yarar sağlar emin değilim. Açıkcası kullanım kolaylığı ve parantez hataları vs gibi basit ve can sıkıcı durumlardan kurtarıcağına inanıyorum. Birkaç örnekle başlayalım.</p>
<h2> Uygulama 1- (object) Kullanımı </h2>
<p>Bir dizi tanımladıktan sonra bir değişken oluşturup (object) $dizi şeklinde tanımlama yaptığınızda dizi elemanlarını nesnel olarak kullanabilirsiniz. Örneğin,</p>
<pre class="brush:php">
	// Bir dizi tanımlayalım
	$dizi = array(
	  'eleman1' => 'Dizi Elemanı Bir Olan İçerik',
	  'eleman2' => 'Dizi Elemanlarını Listelerken İkinci Elemanı Ayarlayalım',
	  'eleman3' => 'Buda üçüncü eleman saçma sapan cümlelerden birtanesi'
	);

	// nesneye çevirelim / Obje
	$obje = (object) $dizi;

	//Kullanımı
	echo $obje->eleman1;
	echo $obje->eleman2;
	echo $obje->eleman3;
</pre>
<h2> Uygulama 2 – settype() </h2>
<p>Tüm dizi tanımlama işlemlerini hallettikten sonra sayfanızdaki uygun bir alana bir üstteki örnekte yer alan $obje yerine settype(); Fonksiyonunu kullanıyoruz.</p>
<pre class="brush:php">
settype($dizi,'object');
</pre>
<p id="forum_join"><a class="forum-link" href="http://www.alixcan.net/forum/programlama-group2/php-forum5/dizi-elemanlar%c4%b1n%c4%b1-nesneye-%c3%a7evirin-thread17"><span>Forumdaki Konuda Tartisin</span></a></p>

</article>
<article>
<h1>HTML5 İle Gelen input Tipleri.</h1>
<p>alixcan — Sun, 11 Dec 2011 00:32:49 +0000</p>
<div class="tutorial_image"> 
	<div class="big_btn" style="width: 175px;margin:auto;display:inline-block">
     <a rel="external" href="http://www.alixcan.net/wp-content/plugins/alixcan_s3/alixcan_s3_demo.php?id=95" target="blank"><span>Demo</span> <small>Canlı<br />Görünüm</small></a>
</div> </div>
<pre class="brush:xml">Text Alanı:
	<input type="text" name="" id="" />

Şifre Alanı:
	<input type="password" name="" id="" />

Numara Alanı:
	<input type="number" />

E—Mail Alanı:
	<input type="email" name="" id="" />

Url Alanı:
	<input type="url" name="" id="" />

Range — Çubuğu:
	<input type="range" min="1" max="200" name="" id="" />

Tarih Alanı:
	<input type="date" name="" id="" />

Renk Alanı:
	<input type="color" name="" id="" />

Arama Alanı:
	<input type="search" name="" id="" />
</pre>
<p id="forum_join"><a class="forum-link" href="http://www.alixcan.net/forum/programlama-group2/xhtml-forum2/html5-ile-gelen-input-tipleri-thread16"><span>Forumdaki Konuda Tartisin</span></a></p>

</article>
<article>
<h1>jQuery İle Aç-Kapa Butonu Hazırlamak</h1>
<p>alixcan — Fri, 09 Dec 2011 22:39:35 +0000</p>
<p>Günümüzde websitelerinde görsellik ön planda yer alıyor. Bu ihtiyaçlar için imdadımıza yetişen jquery ile web tasarımlarımızda istediğimizi elde etmemizi sağlıyor.<br />
Lafı fazla uzatmadan anlatıma başlıyayım.</p>
<hr />
<br />
<span id="more-1943"></span></p>
<div class="tutorial_image"> 
	<div class="big_btn" style="width: 216px;margin:auto;display:inline-block">
     <a rel="external" href="http://www.alixcan.net/wp-content/plugins/alixcan_s3/download.php?id=96" target="blank"><span>Download</span> <small>Kaynak<br />Dosyaları</small></a>
</div>
	 </div>
<hr />
<h2> <span>Adım 1 —</span>JavaScript Kodları</h2>
<p>Öncelikle jQuery kodlarının çalışması için jQuery kütüphanesini websitenize dahil ettiğinizden emin olun. Nasıl Dahil Ediceğinizi İncelemek İçin <a href="http://www.alixcan.net/jquery-ajax/jquery-nasil-eklenir.html" title="jQuery Nasıl Eklenir.">Tıklayınız</a>.</p>
<pre class="brush:js">
$(document).ready(function(){
 $('.switch').css('background', 'url("switch.png")');
 $('.on_off').css('display','none');
 $('.on, .off').css('text-indent','-10000px');
 $("input[name=on_off]").change(function() { var button = $(this).val();
 if(button == 'off'){ $('.switch').css('background-position', 'right'); }
 if(button == 'on'){ $('.switch').css('background-position', 'left'); }
 $('.result span').html(button);
 $('.result').fadeIn();
});
});
</pre>
<h2>Adım 2 – Stil Kodları</h2>
<pre class="brush:css">
		#container{background:#ebebeb;}

		.switch{
			border:none;
			background:left no-repeat;
			width:105px;
			height:46px;
			padding:0;
			margin:0;
		}

		.on, .off{
			width:50px;
			height:40px;
			display:inline-block;
			cursor:pointer;
		}

		.result{display:none;}
</pre>
<h2>Adım 3 – Html Kodları</h2>
<pre class="brush:xml">
<div id="container">
	<form action="" method="get">
		<fieldset class="switch">
			<label class="off">Off<input type="radio" class="on_off" name="on_off" value="off"/></label>
			<label class="on">On<input type="radio" class="on_off" name="on_off" value="on"/></label>
	</fieldset>
	<input type="submit" value="Gönder"/>
	</form>

	<div class="result">Butonun Durumu: <span>on</span></div>
</div>
</pre>

</article>
<article>
<h1>Mobil Cihazları Yakalamak Ve Yönlendirmek [15 Programlama Dilinde]</h1>
<p>alixcan — Sun, 04 Dec 2011 11:46:58 +0000</p>
<p>Son zamanlarda websitelerine artık mobil cihazlar ilede çok sayıda ziyaretçi gelmekte. Gün geçtikçe mobil cihazların gelişen özellikleri ile ziyaretçileriniz sitelerinizi mobil olarakta görüntülemekte. Peki mobil cihazlar için web sitenizin bir tasarımı varmı ve bu cihazları yapalıyabiliyormusunuz ? Bugün sizlere 15 farklı dilde bu işlemi yapmanızı sağlayacak kodların bulunduğu bir site tanıtıcam.</p>
<hr />
<h2>Detect Mobile Browsers.Com</h2>
<p><a href="http://www.detectmobilebrowsers.com" target="blank" title="DetectMobileBrowsers.Com Sitesini Ziyaret Et" rel="nofallow">DetectMobileBrowsers.Com</a> Sitesini ziyaret ederek,</p>
<ul>
<li>Apache</li>
<li>ASP</li>
<li>ASP.NET</li>
<li>ColdFusion</li>
<li>C#</li>
<li>IIS</li>
<li>JSP</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>nginx</li>
<li>node.js</li>
<li>PHP</li>
<li>Perl</li>
<li>Python</li>
<li>Rails</li>
</ul>
<p>Dilleri İçin Kodlar Bulabilirsiniz.<br />
Bu Kodları Websitenize, Kullandığınız dile göre eklediğinizde otomatik olarak yönlendirme işlemi yapılıcaktır kodlardaki http://detectmobilebrowser.com/mobile adresini kendi adresiniz ile değiştirmeyi unutmayın.</p>
<h2>Kişisel Not</h2>
<p>Bu tarz ziyaretciden ziyaretciye değişen işlemlerde sistem tabanlı değilde browser tabanlı işlem yapmak daha iyi olucaktır diye düşünüyorum.</p>
<p>Örneğin php tabanlı bir sitemiz olsun. Günde 1000 tekil ziyaretci alsa her bir ziyaretci için php bu gelen mobil kullanıcımı yoksa normal kullanıcımı diye bakmak zorunda kalsa. Bu iş zaman sonra işlemcinizi yormaktan başka bir işe yaramayacaktır.<br />
Php yerine htaccess(apache), javascript,jQuery,node.js kodlamalarından birini kullanıp bunları server üstünden değilde ziyaretci tarafından yaptırabilirsiniz. Böylesi daha hızlı ve daha iyi olucaktır diye inanıyorum.</p>

</article>
<article>
<h1>Zen-Codeing Nedir? Nasıl Kullanılır?</h1>
<p>alixcan — Fri, 02 Dec 2011 22:04:26 +0000</p>
<p>Kod editörleriniz için olan Zen-Codeing eklentisi yüksek hızda “HTML, XML, XSL” kodlaması yapmanıza yarayan kullanışlı ve işe yarayan bir editör eklentisidir.</p>
<p>Not: Editör nedir? Editör olarak tanımladığımız şey web sitelerinizi tasarlarken / kodlarken kullandığınız programlardır.</p>
<h2>Zen-Codeing Nasıl Kullanılır?</h2>
<pre class="brush:xml">html:5>div#toplayici_div>div#baslik_alani+div#icerik_alani+div#footer_alani</pre>
<p>Yukarıdaki şekilde yazılmış kodları otomatik olarak html yapısına dönüştüren yani </p>
<pre class="brush:xml">

<!DOCTYPE HTML>
<html lang="en—US">
<head>
	<meta charset="UTF—8">
	<title></title>
</head>
<body>
	<div id="toplayici_div">
		<div id="baslik_alani"></div>
		<div id="icerik_alani"></div>
		<div id="footer_alani"></div>
	</div>
</body>
</html>
</pre>
<p>Anında bu şekile getiren bir eklentidir.</p>
<p>Şuan için Zen—Codeing tarafından desteklenen özelliklerden bazıları</p>
<ul>
<li>ID ve CLASS özniteliklerini atamak: div#sayfa.alan.icerik</li>
<li>Özel öznitelikler: div[baslik], a[title="merhaba dünya" rel], td[colspan=2]</li>
<li>Element Çoğaltma: li*5 ifadesi size
<li> etiketinden 5 adet oluşturucaktır</li>
<li>Element numaralandırma için $ karakteri kullanın: li.madde$*3 ifadesi size
<li> etiketinden 3 adet oluşturup, $ işaretini 1 den başlayarak 3 e kadar yazıcaktır.</li>
<li>Çoklu ‘$’ İşaretininin kullanımı: li.madde$$$ → li.madde001 şeklinde çıktı vericektir.</li>
<li>Gruplar oluşturarak ve bunların içine elementler ekleme imkanı: div#sayfa>(div#baslik>ul#menu>li*4>a)+(div#sayfaici>(h1>span)+p*2)+div#footer .Şeklinde tüm bir dökümanı tek bir satır yazarak oluşturabilirsiniz.</li>
</ul>
<p>Daha fazlası için <a href="http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn">Tıklayın</a>.</p>
<hr />
<h2>Desteklediği Editörler</h2>
<ul>
<li>Dreamweaver (Windows, Mac)</li>
<li>Sublime Text (Windows)</li>
<li>Sublime Text 2 (crossplatform)</li>
<li>UltraEdit (Windows)</li>
<li>TopStyle (Windows)</li>
<li>GEdit (crossplatform)</li>
<li>BBEdit/TextWrangler (Mac)</li>
<li>Visual Studio (Windows)</li>
<li>EmEditor (Windows)</li>
<li>Sakura Editor (Windows)</li>
<li>NetBeans (crossplatform)</li>
<li>Chrome Extension</li>
<li>Userscript for Greasemonkey</li>
<li>Geany</li>
<li>RJ TextEd</li>
<li>AkelPad</li>
<li>WIODE web—based IDE</li>
<li>BlueFish</li>
</ul>
<h2>Nereden İndirilir?</h2>
<p><a href="http://code.google.com/p/zen-coding/" title="zen codeing">Code.Google zen-coding</a> Sayfasından Editörünüze Uygun Olanı İndirip Kurabilirsiniz.</p>

</article>
<article>
<h1>Bundan Sonra jsFiddle</h1>
<p>alixcan — Mon, 28 Nov 2011 22:47:58 +0000</p>
<p>Bundan sonra sitemde html,css,javascript kodları paylaşırken jsfiddle kullanma kararı aldım.</p>
<h2>JSFIDDLE Nedir ?</h2>
<p>Jsfiddle aynı zamanda yazıp aynı zamanda yazdığınız kodu çalıştırabileceğiniz, tarayıcınız ile canlı olarak kod yazmanızı ve paylaşmanızı sağlayan ve online olarak düzenlemeler yaparak bunu kullanıcılara bildirmenizi sağlayan online kod editörü denebilir.</p>
<h2>Örnek Olarak</h2>

<p id="forum_join"><a href="http://www.alixcan.net/forum/canl%c4%b1-yard%c4%b1m-group1/php-forum1/bundan-sonra-jsfiddle-thread13">Sizde Forumdaki Konuya Katilin</a></p>

</article>
<article>
<h1>Şartlı İfadelerin Kısaltılarak Kullanılması [if else]</h1>
<p>alixcan — Sun, 27 Nov 2011 11:54:01 +0000</p>
<p>Kod yazarken bir çok sorgulama yaparız eğer gelen değer şuna eşitse şunu yap değilse bunu yap şeklinde yaptırımlar hazırlamak için if else ifadelerini kullanırız. Ama bir sayfada durduk yere boş bir değişken tanımlayıp sonra if else sorgulamasını yapıp bu değişkeni tekrar döndürmekle uğraşmak gereksiz kod yığını olabilir. Hatta Olur.</p>
<p><span id="more-1855"></span> Bunun için bu if else sorgulatmasını bir değişken içinde yapıp kullanma imkanı veriyor bize.</p>
<hr />
<h2>Kullanımı</h2>
<p>Bir değişken tanımlayıp buna değer olarak parantez içerisinde koşulumuzu yazdıktan sonra bir soru işareti ekleyerek devamına koşul sağlanırsa yapılıcak işlemi yazıp sonrasına iki nokta üstüste simgesi ekledikten sonra koşul sağlanmazsa yapılıcak işlemi yazıyoruz. Yani:</p>
<blockquote><p>(Koşul) ? “Koşul sağlanırsa Göster” : “Koşul sağlanmazsa göster”;</p>
</blockquote>
<hr />
<h4>PHP için kullanımı</h4>
<pre class="brush:php">	$cinsiyet = "bay";
	$degisken = ($cinsiyet == 'bay') ? "Bey" : "Bayan" ;
	echo 'Hoşgeldiniz Alican '. $degisken;
</pre>
<h4>JavaScript</h4>
<pre class="brush:js"> 	var cinsiyet = "bay";
	var degisken = (cinsiyet == 'bay') ? 'Bey' : 'Bayan';
	alert("Hoşgeldiniz Alican "+ degisken);
</pre>

</article>
<article>
<h1>Yeni Projem SoftKafalar</h1>
<p>alixcan — Sun, 27 Nov 2011 10:21:19 +0000</p>
<p>Daha çok hedeflediğim içeriği Mimlerin olucağı bir paylaşım sitesi olması için başladım kodlamaya ama tabi açık içeriğe sahip olacağından bunun önüne geçmek biraz zor olsada resimlerin havada uçuşucağı bir sistem yapmaya çalışıyorum. kısa ve öz olarak [VarOlmayanAdam] tarafından yazılan <a href="http://www.benaslindayokum.com/2011/11/softkafalar-procesi/" title="">SoftKafalar Procesi</a> Adlı  başlığı okuyabilirsiniz.</p>
<p>Tüm yardımlara, isteklere ve önerilere açığım.</p>
<p>Not: mootools hakkında bilgi sahibi olanlar kullanmaya yatkın webmasterlarda benimle iletişime geçerlerse sevinirim.</p>

</article>
<article>
<h1>Bloğumda Dolaşan Klavye Delikanlılarına Ve Küfürbazlara Gelsin.</h1>
<p>alixcan — Fri, 25 Nov 2011 19:49:03 +0000</p>
<p>Ya burda birşeyler yapmaya çalışıp kendi öğrendiğimi/bildiğimi değerli ziyaretcilerimle paylaşıyorum. bunun karşılığında birşey istemiyorum, sadece kaynak kodlarını indirirken oluşturmuş olduğum facebook, twitter, google +1 ile websitemin paylaşılmasını istemek. Buda eminimki gerçekten emek nedir bilenlere zor gelmeyecek bir tık’tır.</p>
<p>Gelelim bloğumda dolaşan dallamalara.<br />
E’be dallama sen hem hazırı buldun hem kullanıcaksın herşey hazır embesil beynin yeni nesil tarayıcı kurmayı akıl etmediği için ie6 ile siteme girip senin yetersiz tarayıcın javascript çalıştırmıyo diye neden bana küfür edersin yada neden bana dayılık taslarsın.</p>
<p>Yada madem bukadar dayısın bunu neden klavyeden yaparsın ben türkiyedeki her ile gelir senle yüzleşirim benim yüreğim klavyeden ibaret değil.</p>
<p>Şunuda düşünemeyecek kadar beyinsizsin elimde ip adresin var.<br />
Sahte mail adresi yazman bişeyi değiştirmez.<br />
Avukatıma ip adresini verip gerekli bilgileri almak benim için 3 gün sürmez.<br />
Kapına gelmem 1 gün bir ucak bileti kadar uzakta bana o bilette bana koymaz.</p>
<p>Ama ben kapına geldiğimde sana koyacağım yumruklar yeterince ağır olur.<br />
Yani bundanmı anlıyosun sen bunumu istiyosun bukadar dayak adam olma meraklısıysan git baban versin sana terbiyeni.<br />
Bu yaştan sonra insanları adam etmekle uğraşamam ben.</p>
<p>Eğer yapamadıysan yoruma “Bilader bu inmiyor”, “Bilader bu çalışmıyor”, “Neden olmadıki?” gibilerinden birşey yazsan zaten yardımcı olurum.</p>
<p>Amaçta bu zaten bu güne kadar blogumda bulunan veya gelen maillerin kaçı cevapsız kalmış birdaha bak.</p>
<p>Bundan sonra tavrım bu durumlara çok katı olucaktır bilginize.</p>

</article>
<article>
<h1>jQuery İle İp Adresi Almak</h1>
<p>alixcan — Sun, 20 Nov 2011 09:31:48 +0000</p>
<p> PHP ile ip adresi alınabildiği gibi jQuery ilede aynı şekilde ip adresi alabiliyoruz. Ne işimize yarar derseniz açıkcası kullanım alanı bayağı geniş olucağından eminim.</p>
<p>Şuan için yazmakta olduğum script içi oylama sistemi hazırlıyorum bunun için ip adresi almak gerektiği için jQuery ile PHP’ye hiç bulaşmadan bu işimi gerçekleştiriyorum.</p>
<p><span id="more-1840"></span></p>
<hr />
<h2> <span>Adım 1 —</span>jQuery Kodları </h2>
<p>
Öncelikle Sitemize jQuery kütüphanesini dahil ettiğimizden emin olalım. Bu İşlemin Nasıl Gerçekleştiriliceğiniz bilmiyorsanız.<br />
“<a title="Basit jQuery Dersleri" href="http://www.alixcan.net/seriler/basit—jquery—dersleri">Basit jQuery Dersleri</a>” Adlı serinin 10. yazısı olan <a title="jQuery Nasıl Eklenir ?" href="http://www.alixcan.net/jquery—ajax/jquery—nasil—eklenir.html">jQuery Nasıl Eklenir ?</a> başlıklı yazımdanda jQuery Eklemeyi Öğrenebilirsiniz.
</p>
<pre class="brush:js">
  $.getJSON("http://jsonip.appspot.com?callback=?", function(data){
     $("body").append( "Ip Adresiniz: " + data.ip);
  });
</pre>
<p> Yukarıdaki kodda bulunan <code>$("body").append();</code> ifadesi kafanızı karıştırmasın bu ifade ile ip adresini html tagları arasında bulunan <code><body></code> etiketine ip adresimizi yazdırıyoruz.<br />
<code>data.ip</code> İfadesi ile istediğiniz yerde ip adresini kullanabilirsiniz.</p>

</article>
<article>
<h1>HTML LocalStorage Nedir? Nasıl Kullanılır? [jQuery]</h1>
<p>alixcan — Thu, 17 Nov 2011 20:31:30 +0000</p>
<hr />
<div class="tutorial_image">
<p>
	<div class="big_btn" style="width: 216px;margin:auto;display:inline-block">
     <a rel="external" href="http://www.alixcan.net/wp-content/plugins/alixcan_s3/download.php?id=92" target="blank"><span>Download</span> <small>Kaynak<br />Dosyaları</small></a>
</div>
	 
	<div class="big_btn" style="width: 175px;margin:auto;display:inline-block">
     <a rel="external" href="http://www.alixcan.net/wp-content/plugins/alixcan_s3/alixcan_s3_demo.php?id=93" target="blank"><span>Demo</span> <small>Canlı<br />Görünüm</small></a>
</div></p>
</div>
<hr />
<h2>LocalStorage Nedir?</h2>
<p> LocalStorage websitesi üzerinde tarayıcınız ile yaptığınız değişiklikleri websitesine değil sizin tarayıcınızın kendi belleğine kayıt eden bir javascript kodudur. Daha anlaşılır olabilmesi için demo adresine bakabilirsiniz. HTML Sayfada hiç bir sql sorgusu olmadan yazdığınız bir yazının veya görsel bir ayarın kullanıcılarınıza göre kayıt edilmesini sağlayabilirsiniz.<br />
Çeşitliliği siz kendi imkanlarınızla geliştirebilirsiniz. Kodları inceliyelim.<span id="more-1825"></span></p>
<hr />
<h2>jQuery Kodları</h2>
<p> Tabi bu durumda sitemize <code>header</code> etiketleri arasına jquery kütüphanesini dahil etmeyi unutmayın.<br />
“<a title="Basit jQuery Dersleri" href="http://www.alixcan.net/seriler/basit—jquery—dersleri">Basit jQuery Dersleri</a>” Adlı serinin 10. yazısı olan <a title="jQuery Nasıl Eklenir ?" href="http://www.alixcan.net/jquery—ajax/jquery—nasil—eklenir.html">jQuery Nasıl Eklenir ?</a> başlıklı yazımdanda jQuery Eklemeyi Öğrenebilirsiniz.</p>
<pre class="brush:javascript">

$(function() { var duzenlenicek_element = document.getElementById('duzenlenicek_id');

$(duzenlenicek_element).blur(function() {                                                                                   localStorage.setItem('Kayit_Adi', this.innerHTML);
});

  // Sayfa yüklendiği zaman
if ( localStorage.getItem('Kayit_Adi') ) {
  duzenlenicek_element.innerHTML = localStorage.getItem('Kayit_Adi');
}

  // Sıfırlamak İçin // işaretini Kaldırın
  // localStorage.clear();

});
</pre>
<hr />
<h2>Basit bir html5 şablonu oluşturalım</h2>
<pre class="brush:html">
<!DOCTYPE html>

<html lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <meta http—equiv="Content—Type" content="text/html; charset=utf—8">
  <title>AlixcaN.Net</title>
</head>
<body>

  <header>
    <h2> Yapılıcaklar Listem </h2>
  </header>

  <section>
    <ul id="duzenlenicek_id" contenteditable="true">
      <li></li>
    </ul>
  </section>
  <em>Bir Kaç Yapılıcak İşinizi Yazın Ve Bırakın Tarayıcınız Sizin İçin Hatırlasın.</em>
</body>
</html>
</pre>
<hr />
<h2>Detaylar</h2>
<p> Oluşturduğumuz html şablonunda <code>ul</code> etiketinde <code>contenteditable="true"</code> özelliği websayfası üzerinde bu etiketi değiştirebilmenize izin vermek demektir. Geçerli alana çift tıklayarak bu alanı değiştirebilirsiniz bizim için şuan <code>ul</code> etiketi düzenlenebilir durumdadır. JavaScript kodlarına göz gezdirmek gerekirse. duzenlenicek_element adını verdiğimiz değer sayfa içerisindeki duzenlenicek_id adlı elemanı bulup depolamaya yaramakta. Kayit_Adi ile yapılan değişiklikleri tarayıcıda depolarken bu depolama yerine bir ad verme imkanı sağlıyoruz.</p>
<hr />
<h2>Son Sözler</h2>
<p> Biliyorum yazı pek açıklayıcı olmadı açıkcası bunu video ile anlatmanın daha açıklayıcı olduğunu düşünüyorum eğer talepleriniz bu yönde olursa gerekli anlatımları video çekerek hazırlamaya çalışacağım. Lütfen takıldığınız yerlerde <strong>“Yorumlar”</strong> bölümünden sormaktan çekinmeyin. Elimden geldiğince yardımcı olmaktan mutluluk duyarım.</p>
<hr />
<div class="tutorial_image">

	<div class="big_btn" style="width: 216px;margin:auto;display:inline-block">
     <a rel="external" href="http://www.alixcan.net/wp-content/plugins/alixcan_s3/download.php?id=92" target="blank"><span>Download</span> <small>Kaynak<br />Dosyaları</small></a>
</div>
	 
	<div class="big_btn" style="width: 175px;margin:auto;display:inline-block">
     <a rel="external" href="http://www.alixcan.net/wp-content/plugins/alixcan_s3/alixcan_s3_demo.php?id=93" target="blank"><span>Demo</span> <small>Canlı<br />Görünüm</small></a>
</div>
</div>

</article>
<article>
<h1>Ben Aslında Yokum</h1>
<p>alixcan — Sat, 12 Nov 2011 09:48:04 +0000</p>
<p>Değerli bir arkadaşım bana senelerdir bir <a href="http://www.benaslindayokum.com/2011/11/merhaba-dunya/">site açma isteği olduğundan bahsetmişti</a> ve hayata geçirme kararını verdiğini hep söylerdi ama bir nedenden ötürü hep sarkardı ve olmazdı.</p>
<p>Geçtiğimiz günlerde abi domain buldum siteyi açalım dedi bende tamam diyerek elimden geldiğince hallettim.</p>
<p>Bildiğiniz üzere Türkiyede ns yönlendirmeleri çok geç ve çok yavaş yapılandığından bir kaç aksaklık oldu ama 3 saat içinde hallettik wordpress sistemimizi kurduk siteyi aktif ettik.</p>
<p>Site içeriği ne olur ne olmaz bilemem ama arada bir ziyaret etmenizi tavsiye ederim.</p>
<p><a href="http://www.benaslindayokum.com/" title="ben aslinda yokum">BenAslindaYokum.Com</a></p>

</article>
<article>
<h1>WordPress Köşe Yazarları Eklentisi</h1>
<p>alixcan — Thu, 10 Nov 2011 19:48:35 +0000</p>
<p>Gelen bir mailin üstüne (Ali beye teşekkürler) bu eklentinin eksiklerinin olduğu konuşuldu ve isteğe hitap eden bir eklenti olması için bir görüşme yaptık 1 günde yapabildiğim kadarı ile her yazar için sidebar alanında wordpress bileşenler sayfasından özel alan oluşturabilirsiniz.</p>
<p>İlerliyen zamanlarda eklentiyi istenildiği gibi düzenleme imkanım var ve tabi temaya göre css ayarlamalarını admin panelden yapma imkanı sağlamakta gerekli.</p>
<p>Bunlar için çare düşünmekteyim fikirlerinizi benimle paylaşırsanız bende ona göre daha stabil bir eklenti haline getirebilirim bu eklentiyi.</p>
<h2>Kullanımı</h2>
<p>İndirdiğiniz zip dosyasını çıkartın wp-content/plugin klasörüne alixcan_kose_yazarlari.php olarak atın.<br />
wp-admin/eklentiler bölümünden aktif hale getirin.<br />
görünüm / bileşenler sayfasından yeni yazar ekleyin.</p>
<div class="tutorial_image">

	<div class="big_btn" style="width: 216px;margin:auto;display:inline-block">
     <a rel="external" href="http://www.alixcan.net/wp-content/plugins/alixcan_s3/download.php?id=91" target="blank"><span>Download</span> <small>Kaynak<br />Dosyaları</small></a>
</div>
	
</div>
<h3>Değişiklikler – Güncellemeler</h3>
<p>12/11/2011 – 11.38 | Bileşenler sayfasından yazar girişi yapıldığında sidebarda gözükmüyordu. hata giderildi.</p>

</article>
<article>
<h1>Sosyal Ağ Takipcilerinizin Sayısını Göster [Wp Eklenti] {Hata Düzeltildi}</h1>
<p>alixcan — Mon, 07 Nov 2011 19:13:20 +0000</p>
<p><a href="http://www.alixcan.net/wordpress/eklentiler/sosyal-ag-takipcilerinizin-sayisini-blogunuzda-gosterin-wp-eklenti.html" title="Sosyal Ağ Takipcilerinizin Sayısını Blogunuzda Gösterin [Wp Eklenti]">Sosyal Ağ Takipcilerinizin Sayısını Blogunuzda Gösterin [Wp Eklenti]</a> Adlı Hazırladığım WordPress Eklentisindeki Ufak Ama Çalışmasını Engelleyen Hata Giderilmiştir İlginiz Ve Anlayışınız İçin Teşekkürler.</p>

</article>
<article>
<h1>Kendi Tükürdüğümü Mü Yalıyorum Yoksa ?</h1>
<p>alixcan — Fri, 04 Nov 2011 19:33:15 +0000</p>
<p><a href="http://www.alixcan.net/genel/bir-gun-kendinizi-bulmak-istemeyeceginiz-sekil.html" title="Bir Gün Kendinizi Bulmak İstemeyeceğiniz Şekil">Bir Gün Kendinizi Bulmak İstemeyeceğiniz Şekil</a> Adlı yazımda Apple’a (sevgimi) belirten bir yazı yazarak başlamıştım nefretimi göstermeye ama iphone alarak kendi tükürdüğümü yaladım ve pişman olacağımı beklerken memnun olmaya başladım, derken iPad alarak iyice dibe battım ve şimdi Mac almayı düşünüyor olmam iyice utandırdı beni neden derseniz <a href="http://www.alixcan.net/genel/ne-yapmali-ne-almali.html" title="Ne Yapmalı ? Ne Almalı ?">Ne Yapmalı ? Ne Almalı ?</a> adlı yazımdada mac’lerin eksilerinden baya bir bahsetmiştim fakat şuan Appledan memnuniyetim süper gayet hızlı çalışmaları beni baya etkiledi.</p>
<p>Tabi bunların yanında casper netbook’um olmadan olmaz sanırım.</p>
<p>Neyse kendi tükürdüğümü yaladığımı kabul ediyorum artık.</p>
<p>Ama kesinlikle “Lady Gaga” dinleyip onu “Güzel” bulacağım günler imkansız aynnı şekilde fular takmakta öyle.  </p>

</article>
<article>
<h1>ADSL Pişmanlıktır</h1>
<p>alixcan — Mon, 10 Oct 2011 06:41:00 +0000</p>
<p></p>

</article>
<article>
<h1>WordPress Sitenizi Müşterinizin & Kendinizin İsteğine Göre Düzenleyin.</h1>
<p>alixcan — Mon, 19 Sep 2011 01:38:23 +0000</p>
<p>WordPress günüzmüde her websitesi için kullanılır durumda, bundan mütevellit tasarımcılar geliştiriciler WordPress tasarımı hazırlayıp müşterilerine sunmakta. Peki bu tasarımlarda eksik olarak bırakılanlar ne? Bu yazımda bundan bahsedicem wordpressin kancalarını kullanarak müşterinize tam anlamıyla sunmak istediğiniz bir wordpress sitesi nasıl hazırlarsınız bu konu hakkında konuşucaz. Müşterinizin kullanmadığı alanları gizleyeceğiz. WordPressi kendi istediğiniz gibi tasarlayacağız bir kaç wordpress’e ait resimleri ve yazıları kaldıracağız. Bunları yaparken WordPress’in kancalarını kullanıp WordPressin lisansı dahilinde yapıcaz.</p>
<p><span id="more-1729"></span></p>
<hr />
<h2>WordPress Projenizi Güzelleştirmenin 3 Kullanılmayan Yolu.</h2>
<blockquote class="pullquote"><p>“Tek Önemsedikleri Ne Gördükleridir.”</p>
</blockquote>
<p> 1. WordPress logo ve footer alanındaki wordpress imzalarını kaldıralım veya değiştirelim.</p>
<p> 2. WordPress başlangıç (Dashboard) alanındaki istenmeyen bölümleri kaldıralım.</p>
<p> 3. WordPress sitemizi daha hızlı çalıştırmak, daha güvenilir hale getirmek, optimize için bir kaç eklenti kuralım.
</p>
<hr />
<h2> <span>Adım 1.1 —</span> Giriş Alanındaki WordPress Logosunu Değiştirelim</h2>
<div class="tutorial_image">
   
</div>
<p> Değiştirmeden Önceki Hali<br />
 Müşterilerinizin WordPress admin paneline girerken ilk karşılaştıkları şeyin WordPress logosu olması isteyeceğiniz bir şey değildir.<br />
İşte tam burda WordPressin fonksiyonelliği sayesinde 2 3 satır kod ile logodan kurtulabiliriz. Nasılmı ? <code>function.php</code> adlı dosyanızda uygun alana aşşağıdaki işlemleri uygulayın.</p>
<pre class="brush:php">
// Değiştirilmiş admin giriş logosu

function giris_logosu_degistir(){
	echo '
<style  type="text/css"> h1 a {  background-image:url('.get_bloginfo('template_directory').'/images/logo_admin.png)  !important; } </style>

';
}
add_action('login_head', 'giris_logosu_degistir');
</pre>
<div class="tutorial_image"> WordPressin <a href="http://codex.wordpress.org/Plugin_API/Action_Reference/login_head" rel="external nofallow" title="login_head">login_head</a> kancasını inceleyin.</div>
<h4>Not</h4>
<p> images/logo_admin.png tema klasörünüzde bulunan images klasörünün yolunu gösterir.</p>
<h4>Sonuç</h4>
<div class="tutorial_image">
   
</div>
<hr />
<h2> <span>Adım 1.2 —</span>Giriş Sayfasındaki Logonun Linkini Değiştirelim</h2>
<p>Logoya tıkladığınızda sizi <a href="http://www.wordpress.org" target="blank" title="www.wordpress.org Sitesini Ziyaret Et" rel="nofallow">www.wordpress.org</a> sayfasına gönderiyor. Ayrıca resimin üstüne geldiğinizde “WordPress’in Desteğiyle” yazısı çıkıyor. Bunları <code>function.php</code> dosyasından düzenleyelim.</p>
<pre class="brush:php">
  // Linki Değiştirmek
function giris_linki_degistir(){
  echo bloginfo('url');  // kendi adresinizi yazar
}
add_filter('login_headerurl', 'giris_linki_degistir');

// düzenlenmiş "alt" yazısı
function resim_title_degis(){
  echo get_option('blogname'); // blog adını yazar.
}
add_filter('login_headertitle', 'resim_title_degis');
</pre>
<hr />
<h2> <span>Adım 1.3 —</span>Başlangıç Sayfasındaki Logoyu Değiştirelim</h2>
<div class="tutorial_image">
   
</div>
<p> Birkere giriş yaptıktan sonra karşınıza gelen ilk sayfada wordpressin simgesinin olması hazırladığınız sistemin görünümünü bozabilir. Peki nasıl değiştiricez ?<br />
<code>function.php</code> dosyasına ekliyoruz.</p>
<pre class="brush:php">
// admin panel logosunu düzenleyelim
function admin_logo_degistir() {
	echo '
<style type="text/css">#header-logo { background-image: url('.get_bloginfo('template_directory').'/images/logo_admin_dashboard.png) !important; }</style>

';
}
add_action('admin_head', 'admin_logo_degistir');
</pre>
<div class="tutorial_image">
   
</div>
<hr />
<h2> <span>Adım 1.4 —</span>Footer Yazısını Değiştirelim</h2>
<p>WordPress admin paneline giriş yaptığınızda en altta bulunan (footer) belirli bir teşekkür notu içeren ve bu teşekkürler dahilinde linkler içeren bir yazı görüceksiniz.</p>
<div class="tutorial_image">
   
</div>
<p>Bu yazıları yine WordPress’in oluşturduğu kanca (hook) sayesinde değiştirebiliriz.</p>
<pre class="brush:php">
// Admin footer değiştirelim
function admin_footer_degistir(){
   echo '<span id="footer-thankyou">Bu site <a href="http://www.alixcan.net" target="_blank">AlixcaN.Net</a> Tarafından Hazırlanmıştır.</span>';
}
add_filter('admin_footer_text', 'admin_footer_degistir');
</pre>
<div class="tutorial_image">
   
</div>
<hr />
<h2> <span>Adım 2 —</span>Başlangıç Sayfasında Müşterinizin Kullanmayacağı Alanları Kaldıralım</h2>
<p>Giriş yaptığınızda Başlangıç sayfasında kullandığınız kullanmadığınız bir sürü alan olduğunu görüceksiniz.</p>
<div class="tutorial_image">
   
</div>
<p>Müşterinizin bunların hepsine gerçekten ihtiyacı varmı ?<br />
İşte bunun için yine wordpressin oluşturduğu kancaları kullanarak gereksiz gördüğümüz alanları kaldırıyoruz.</p>
<pre class="brush:php">
// başlangıçtaki kutuları düzenleyelim
function kutulari_kaldir(){
 // $wp_meta_boxes dizisini globalize ediyoruz.
global $wp_meta_boxes;
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);
}
add_action('wp_dashboard_setup', 'kutulari_kaldir');
</pre>
<hr />
<h2> <span>Adım 3 —</span>Websitesini Optimize Edelim Ve Güvenlik Önlemlerini Alalım (Eklentiler)</h2>
<p>Son günlerde WordPress 16.000+’den fazla eklentisi bulunuyor. Eğer bu zamana kadar denemediyseniz denemeye başlamanın tam zamanı. Aşşağıda kullanmanızı tavsiye ediceğim bir kaç eklenti adlarını ve özelliklerini listeledim. Genelde hazırladığım WordPress sitelerinde benimde kullandığım eklentiler.</p>
<h3><strong>Güvenlik & Yedekleme</strong></h3>
<ul>
<li><a href="http://wordpress.org/extend/plugins/login-lockdown/" target="_blank" title="WordPress login lock">Login LockDown</a> - WordPress sitenize yapılan hatalı girişleri ip adresleri ile birlikte kaydederek belirli bir hatalı giriş sayısından sonra girişi engeller.</li>
<li><a href="http://wordpress.org/extend/plugins/wp-dbmanager/" target="_blank" title="WordPress Database backup"><strong>WP-DBManager</strong> -</a> Database optimizasyonu ve yedek almak için ideal bir eklentidir. Ayrıca her database yedeğinden sonra size bir mail gönderir.</li>
<li><a href="http://wordpress.org/extend/plugins/idrive-for-wordpress" target="_blank" title="Free Backup For WordPress site">IDrive</a> - En iyi & ucuz yedekleme eklentisi. Bu eklenti <a href="http://www.idrive.com/" target="_blank" title="Free WordPress Backup">IDrive</a> kullanıcılarına ücretsiz yedek alanı sağlamakta. WordPress core dosyalarını ve database yedeğinizi IDrive hesabınıza yüklemenizi sağlar.</li>
</ul>
<h3>Genel Amaca Hitap Edenler</h3>
<ul>
<li><a href="http://wordpress.org/extend/plugins/delete-revision/" target="_blank" title="Delete WordPress revisions">Delete-Revision</a> - Yazı sürümlerini temizleyen bir eklenti.</li>
<li><a href="http://wordpress.org/extend/plugins/alixcan-yazi-surumleri-temizle/" target="_blank" title="Delete WordPress revisions">Yazı Sürümlerini Temizle</a> - Buda kendi yazdığım yazı sürümlerini temizleyen bir başka eklenti.</li>
<li><a href="http://wordpress.org/extend/plugins/404-notifier/" target="_blank" title="WordPress 404 Error Log">404 Notifier</a>  - Sitenizde 404 hata sayfalarının loglarını tutan bir eklenti.</li>
<li><a href="http://wordpress.org/extend/plugins/wordpress-importer/" target="_blank" title="Import from WordPress to WordPress">WordPress Import</a> - WordPress yedeklerinizi kaydetmenizi sağlayan kullanışlı bir eklenti.</li>
<li><a href="http://wordpress.org/extend/plugins/velvet-blues-update-urls/" target="_blank" title="WordPress URL Update">Velvet Blues Update URLs</a> - Sitenizi başka bir server’a taşırken veya site ismini değiştirirken işinize yarıyacak bir eklenti. PHP MyAdmin ile veya başka bir alanla uğraşmadan kolayca url yapısını ve adını değiştirebilirsiniz.</li>
</ul>
<h3>Optimizasyon & Caching</h3>
<ul>
<li><a href="http://wordpress.org/extend/plugins/wp-super-cache" target="_blank" title="Best WordPress Cache Plugin">WP Super Cache</a> - En kullanışlı cache eklentisi. Bilgi sahibi olmayanlar için kolay kullanımı olan ve aynı zamanda uzmanlar için gelişmiş ayarlara sahip olan bu eklenti ile sitenizin hızını kolayca artırabilirsiniz.</li>
<li><a href="http://wordpress.org/extend/plugins/wp-minify" target="_blank" title="WordPress minify">WP Minify</a> - Google’s PageSpeed veya Yahoo’s YSlow sitelerinden sitenizin yüklenme sürelerine bakıyor ve iyi olmadığını düşünüyorsanız bu eklenti ile hızınısı iki katına kadar arttırabilirsiniz.</li>
<li><a href="http://wordpress.org/extend/plugins/wordpress-gzip-compression/" target="_blank" title="WordPress compression">WordPress Gzip Compression</a> - Bu eklenti sitenizin sıkıştırılmasını sağlayan bir eklentidir. Fakat serverınızın bu eklentiyi çalıştırabilmesi için bazı eklentilerinin olması lazım, oyüzden emin olmadıkca kullanmanızı tavsiye etmem.</li>
</ul>
<h3>Analistik & SEO</h3>
<ul>
<li><a href="http://wordpress.org/extend/plugins/wordpress-seo/" target="_blank" title="All in one SEO plugin for WordPress">All in one SEO</a> - Bu eklenti en çok kullanılan seo eklentilerinden bir tanesidir. Eğer kendi seonuzu kullanmıyorsanız ve seo konusunda pek bir bilginiz yoksa bu eklenti gerçekten işinize yarayacaktır.</li>
<li><a href="http://wordpress.org/extend/plugins/simple-google-sitemap/" target="_blank" title="Created Automated XML Sitemap for WordPress">Simple Google Sitemap</a> - Sitenizin otomatik olarak XML dökümanını hazırlar. Google & Yahoo Ve Bing arama motorlarına gönderir.</li>
<li><a href="http://wordpress.org/extend/plugins/google-analyticator/" target="_blank" title="Google Analytics for WordPress">Google  Analyticator</a><strong> -</strong> Bu eklenti bize Google Analytics bilgilerini direkt olarak WordPress admin sayfasında göstermemize yarıyor. Gerçekten çok kullanışlı bir eklenti ve müşterilerinizin & sizin websitenizi geliştirmenize çok yardımcı olan bir eklenti.</li>
<li><a href="http://wordpress.org/extend/plugins/wp-postrank/" target="_blank" title="Post Rank">PostRank</a> - Google tarafından satın alınan “PostRank” firmasının sunduğu ücretsiz bir eklenti. Bu eklenti size yazılarınızın sosyal ağlarda paylaşılma miktarını gösterir. ÖRN:Twitter, Facebook, Benzeri.</li>
</ul>

</article>
<article>
<h1>Sosyal Ağ Takipcilerinizin Sayısını Blogunuzda  Gösterin [Wp Eklenti]</h1>
<p>alixcan — Thu, 15 Sep 2011 20:53:56 +0000</p>
<h2>Açıklama</h2>
<p> Sosyal Ağlarda Sizi Takip Edenlerin SayılarınI Gösterir. Günde Birkere Facebook,Twitter,Feedburner Hesabınızdan Güncel Takipci Sayısını Çekip Databaseinize Kaydeder. Ve Gösterimleri Databaseden Yaparak Uzak Bağlantı Sorunları İle Karşılaşılmasını Engeller.</p>
<div class="tutorial_image">
<a href="http://cdnalixcanblog.s3.amazonaws.com/wp-content/uploads/2011/11/Adsız2.png"></a>
</div>
<hr />
<div class="tutorial_image">

	<div class="big_btn" style="width: 216px;margin:auto;display:inline-block">
     <a rel="external" href="http://www.alixcan.net/wp-content/plugins/alixcan_s3/download.php?id=89" target="blank"><span>Download</span> <small>Kaynak<br />Dosyaları</small></a>
</div>
	
</div>
<hr />
<h2>Kurulumu</h2>
<ul>
<li>İndirdiğiniz Zip Dosyasını Açın</li>
<li>İçinden Çıkan Klasörü wp—content/plugins klasörü İçine Atın</li>
<li>wp—admin/plugin Bölümünden Aktif Hale Getirin.</li>
</ul>
<p>Temanızda kullanmak istediğiniz alana aşşağıdaki değişkenleri görüldüğü gibi yapıştırarak kullanabilirsiniz.</p>
<p>Değişkenlerin düzgün çalışması için önce değişkenleri globalize ediyoruz:</p>
<pre class="brush:php"><?php  global $twit,$face,$feeds; ?></pre>
<p>Twitter Sayısını Göstermek:</p>
<pre class="brush:php"><?php  echo $twit; ?></pre>
<p>Facebook Sayısını Göstermek:</p>
<pre class="brush:php"><?php  echo $face; ?></pre>
<p>Feedburner Takipci Sayısını Göstermek:</p>
<pre class="brush:php"><?php  echo $feeds; ?></pre>
<p>NULL: Girilen Değerin Boş Veya Geçersiz Olduğunu Gösterir.</p>

</article>
<article>
<h1>jQuery Açılır Kapanır Div Alanı 2</h1>
<p>alixcan — Mon, 12 Sep 2011 17:48:42 +0000</p>
<div style="clear:both;"></div>
<hr />
Geçtiğimiz Günlerde <a href="http://www.alixcan.net/?p=1251" target="blank" title="Jquery Açılır Kapanır Alan Yapımı Sitesini Ziyaret Et" rel="nofallow">a</a> Adlı Yazımın Altına Gelen Bir Yorum İçin Bu Örneğin Bir Başka Versiyonunuda Hazırlamak İstedim. Bu Örnekte Linklere Tıklanıldığında Linkin Alt Bölümünde Açılan Bir Div İçerisinde Ayarladğınız İçerik Gözüküyor.</p>
<div class="download_wrap">
    <div style="width: 387px; margin: auto;">
<div class="big_btn">
     <a rel="external" href="http://www.alixcan.net/wp-content/plugins/alixcan_s3/download.php?id=86" target="blank"><span>Download</span> <small>Kaynak<br />Dosyaları</small></a>
</div>

<div class="big_btn">
     <a rel="external" href="http://www.alixcan.net/wp-content/plugins/alixcan_s3/alixcan_s3_demo.php?id=87" target="blank"><span>Demo</span> <small>Canlı<br />Görünüm</small></a>
</div>
</div>
</div>
<p><span id="more-1709"></span></p>
<hr />
<h2> <span>Adım 1 —</span>jQuery Kodları (quickfaqs.js)</h2>
<pre class="brush:js">
$(function(){

	//Tüm Bilgileri Gizle
	$('.post—content').css('display','none');

	//Linke Tıklanıldığında Göster
	$('.post—title a').click(function(e){
 var parent  = $(this).parent().parent(); var
content = parent.find('.post—content');
if(content.is(':visible')){
 content.slideUp(100,function(){ content.hide();
			});
		}else
		{ content.fadeIn(100,function(){ content.show();
			});
		} e.preventDefault();
	});

	//Hepsini Genişlet Tıklanıldığında
	$('a.expand—all').toggle(function(e){
		$(this).text('Hide All');
		$('.post—content').each(function(i,val){
			$(this).slideDown(100,function(){
				$(this).show();
			});
		}); e.preventDefault();
	},function(e){
		$(this).text('Expand All');
		$('.post—content').each(function(i,val){
				$(this).slideUp(100,function(){
					$(this).hide();
				});
			}); e.preventDefault();
	});
});
</pre>
<hr />
<h2> <span>Adım 2 —</span>CSS Kodları</h2>
<pre class="brush:css">

	@charset "UTF—8"; body {font—family:Arial, Helvetica, sans—serif; color:#000; font—size:11px; } h1,h2 { font—weight:normal;} a { outline:none;border:none;color:#aa2600; } p { line—height: 18px; } div#wrapper { width:960px; margin:—14px auto; background:#fff; border:1px solid #aaa;} div#header { background:#333; color:#fff; padding: 20px; border:1px solid #111; } div#main {margin:30px auto;} div#content { background:#fff url(../images/contentbg.png) repeat—x 0px 1px; } div#quick—faqs {margin:0; padding: 20px;} div#quick—faqs div.category { font—weight:bold; font—size:16px; border—bottom:1px solid #ccc; padding—bottom:3px; } div#quick—faqs ul.faqs—list { list—style—type:none; margin:0; padding:0;} div#quick—faqs ul.faqs—list li.main { margin:8px 0 8px 0; padding:0px 0 5px 0;} div#quick—faqs ul.faqs—list li a { outline:none; border:none; color: inherit;} div#quick—faqs ul.faqs—list li img {  } div#quick—faqs ul.faqs—list li div.post—title { font—size:13px; margin—top:5px; padding—bottom:5px; } div#quick—faqs ul.faqs—list li div.post—content { padding:4px 0 0 0px; line—height:18px; text—indent:0px; color:#555; }
</pre>
<hr />
<h2> <span>Adım 3 —</span>HTML Kodları</h2>
<pre class="brush:xml">

	<!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">
<head>
<meta http—equiv="Content—Type" content="text/html; charset=UTF—8" />

<title>AlixcaN.Net</title>
<link rel="stylesheet" href="style.css" media="screen" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script src="quickfaqs.js"></script>
</head>
<body>

<div id="wrapper">
	<div id="header">
    	<h2>jQuery Açılı Kapanır Alanlar</h2>
		<p>Basit Ve Kullanışlı jQuery Açılır Kapanır Alanlar <br />Linke Tıklanıldığında Otomatik Olarak Bir Div Açılır Ve İçerik Gösterilmeye Başlar <br />Hazırlayan: AlixcaN | AlixcaN.Net</p>
    </div>

	<div id="content">

        <div id="quick—faqs">
            <p><a href='#' class='expand—all'>Hepsini Göster</a></p><div>

			<div class="category">Introduction</div>
				<ul class="faqs—list">
					<li class='main'>
						<div class="post—title"><a href='#'>What exactly is Quick FAQ's</a></div>
						<div class="post—content">
							<p>Quick FAQ's is a simple, yet powerful frequently asked questions app. With simplicity in mind, I created this app to be the easiest FAQ's app to install, customize, and use on code canyon or the web!</p></p>
						</div>
					</li>
					<li class='main'>
						<div class="post—title"><a href='#'>Hello!</a></div>
						<div class="post—content">This is Great!</p></div>
					</li>
					<li class='main'>
						<div class="post—title"><a href='#'>New Test</a></div>
						<div class="post—content"> President Obama on Thursday outlined a $447 billion package of tax cuts and new federal spending that he said would jolt the economy back into life and provide millions of new US jobs. Skip to next paragraph Related stories Payroll taxes: keystone of Obama jobs plan Good Reads: World reaction to Obama\'s jobs speech Obama jobs speech: \'Time to stop the political circus\' Topics Domestic Policy Economic Stimulus Economic Policy Tax Policy Taxes World Politics Political Parties The centerpiece of the package is a proposed extension and expansion of the current reduction in the payroll tax that employees and employers pay to help fund Social Security. This tax cut would cost about $240 billion, according to White House estimates. The package also offers $35 billion in aid to states intended to prevent teacher layoffs, as well as $25 billion in new funds to help with school construction. RECOMMENDED: Why America can’t create jobs It would allocate about $70 billion to general infrastructure projects such as roads and bridges. Some $10 billion of this would create a so—called “infrastructure bank,” a sort of revolving fund that could pay for infrastructure efforts over time. Mr. Obama’s package also includes a proposed extension of expanded unemployment benefits, aid for mortgage refinancing, and other smaller, miscellaneous projects. What’s the expert reaction so far to the Obama speech so far? Do economists and politicians think his plan will work – and can it pass Congress? Mark Zandi, chief economist of Moody’s Analytics in West Chester, Pa., said he believes that if enacted as a package, Obama’s plan would add 1.9 million jobs, cutting the unemployment rate by a percentage point from its current 9.1 percent level. It would boost US gross domestic product by two percentage points, he said in an analysis of the package.
							“The plan would go a long way toward stabilizing confidence, forestalling another recession, and jump—starting a self—sustaining economic expansion,” concluded Mr. Zandi. However, Zandi adds, Obama’s assertion that the plan is fully paid for depends upon the deficit—cutting actions of Congress in the future and is thus highly uncertain. Furthermore, it would result in weaker growth in 2013, as the effects of the package fade.
							“Presumably the economy will be strong enough to handle it by then, but that is far from certain,” Zandi said. Patrick Knudsen, a fellow in budgetary affairs at the Heritage Foundation, which is in Washington, countered that the package was simply a rerun of ideas from Obama’s previous flops.
							“What President Obama calls a ‘jobs plan’ is really just stimulus redux: a typical Keynesian—style set of infrastructure, school construction, teacher pay, unemployment benefits, and temporary tax breaks that have demonstrably failed in the two—and—a—half years since the $825—billion Recovery Act,” Mr. Knudsen wrote in his own analysis. That criticism was echoed by American Enterprise Institute scholar Andrew Biggs, a former deputy commissioner of Social Security.
							“If we hadn’t heard this speech before – and passed a trillion dollar stimulus based on it – I think people might be more open to it. But right now it’s ‘been there, spent that,’ ” Mr. Biggs wrote in a blog post on the president’s speech. Obama’s plan is sort of an omnibus effort of various job—creation theories, pointed out policy blogger Ezra Klein in The Washington Post. If you like tax cuts, it’s got tax cuts aimed at sparking hiring. If you like bridge projects, it’s got infrastructure bucks. If you think education is key, it contains support for teachers.
							“So the question for Congress ends up being simple: Do you want to focus on the things you do like and compromise on the things you don’t like in order to get some action on jobs and deficit reduction?” Mr. Klein wrote on his Wonkbook blog. The reaction of the congressional Republican leadership to the plan has been noncommittal. House majority leader Eric Cantor, at a lunch Thursday sponsored by the Monitor, indicated that he hoped the White House and the GOP could work together on items in the plan they all support. Speaker John Boehner echoed this point of view following Obama’s address, saying the proposals “merit consideration.” Some rank—and—file Republicans were more dismissive.
							“Tonight’s speech makes it clear that the White House continues to favor rhetoric over results when it comes to addressing the nation’s many challenges,” Rep. Tom Price (R) of Georgia, chairman of the conservative House Republican Policy Committee, said in a statement. In general, the plan’s political fate may depend on how it becomes defined in the political arena. Many of its individual features are popular and have commanded bipartisan support in the past. But the words “stimulus” and “spending” are unpopular, notes New York Times polling expert Nate Silver. That means the White House is likely to talk about the pieces of the plan, while opponents may talk about it in terms of its general characteristics.
							“We’re likely to see a real semantic scrum over the next few weeks as partisans seek to define the territory that the bill occupies,” Mr. Silver writes on his FiveThirtyEight blog. Obama’s political calculation may be that Republicans as well as the administration are smarting from the public’s disapproval of the recent debt—ceiling standoff. By proposing things that seem nonthreatening and even bipartisan, he’s hoping to get Republicans to acquiesce to at least the things they’ve supported in the past, writes William Galston, Brookings Institution senior fellow in governance studies.
							“If they don’t, he will be positioned to argue that Republicans are putting party above country, working to defeat him for re—election even at the cost of further slowing the economy and possibly tipping it into a second recession,” writes Mr. Galston in his own online analysis. RECOMMENDED: Why America can’t create jobs Get daily or weekly updates from CSMonitor.com delivered to your inbox. Sign up today.
					</p>
					</div>
				</li>
			</ul>
		</div>
	<br/>

	<div>
		<div class="category">Customization</div>
		<ul class="faqs—list">
			<li class='main'>
				<div class="post—title"><a href='#'>How do I customize this script for my website?</a></div>
				<div class="post—content">
					<p>Quick FAQ's was developed to be easy for integration into existing sites. The only customizations you need to make our inside the configuration file. The rest can be customized via CSS Stylesheets.</p></p>
				</div>
			</li>

			<li class='main'><div class="post—title"><a href='#'>Cool Beans</a></div>
				<div class="post—content">okay good</p></div>
			</li>
		</ul>
	</div>

	<br/>

	<div>
		<div class="category">Installation</div>
			<ul class="faqs—list">
				<li class='main'><div class="post—title"><a href='#'>How easy is this app to install and implement on my server?</a></div>
					<div class="post—content">
						<p>Quick FAQ's is by—far the easiest and quickest FAQ's app on code canyon. All you need is to upload the files to your server and include two lines of PHP code, to get it working. </p></p>
					</div>
				</li>
				<li class='main'><div class="post—title"><a href='#'>What exactly does it take to get this app running?</a></div>
				<div class="post—content">
					<p>Once you have purchased the script, the included help file will guide you. In less than 5 minutes you can have this script up and running. Quick FAQ's requires two lines of PHP code. </p>
					<p>After you have included these two lines of code, all you have to do is go into the config file and setup your MYSQL credentials and you're good—to—go.</p></p>
				</div>
				</li>
			</ul>
	</div>

	<br/>

	<div>
		<div class="category">Features</div>
			<ul class="faqs—list">
				<li class='main'>
					<div class="post—title"><a href='#'>What kind of features does this app include?</a></div>
					<div class="post—content"><h3>Features</h3>
								<p>Quick FAQ's includes many awesome features that make this app one of a kind. Some of the features are listed below.</p>
						<ul>
							<li>Secure admin panel w/ login</li>
							<li>User—friendly Admin Graphic User Interface.</li>
							<li>PHP Powered</li>
							<li>JQUERY Javascript framework.</li>
							<li>AJAX for maximum usability</li>
							<li>MYSQL database storage</li>
							<li>Categories for better organization of information</li>
						</ul>
						</p></p>
					</div>
				</li>

				<li class='main'>
					<div class="post—title">
						<a href='#'>Why do I need Quick FAQ\'s for my website?</a>
					</div>
					<div class="post—content">
						<p>People may have many specific reasons for why they would like this app. Mainly this app was designed and developed to make it easy for anyone to add a Frequently Asked Questions section to their website. Why do I need a FAQ\'s section? Well, lets say you offer a service or product. Now, you have customers and clients who contact you for support or help. Well, instead of having to answer one,two or three questions a million times, you can refer them to your FAQ\'s page! This app is perfect for free lancers, photographers, small businesses or anyone who would like to make their support more efficient.</p></p>
					</div>
				</li>
			</ul>
	</div>

	<br/>

	</div>
    </div>

	<div style="text—align:center; border—top:1px solid #ddd; padding—top:8px;"> Copyright 2011 — AlixcaN.Net
	</div>
</div>

</div>

</body>
</html>
</pre>
<div class="download_wrap">
    <div style="width: 387px; margin: auto;">
<div class="big_btn">
     <a rel="external" href="http://www.alixcan.net/wp-content/plugins/alixcan_s3/download.php?id=86" target="blank"><span>Download</span> <small>Kaynak<br />Dosyaları</small></a>
</div>

<div class="big_btn">
     <a rel="external" href="http://www.alixcan.net/wp-content/plugins/alixcan_s3/alixcan_s3_demo.php?id=87" target="blank"><span>Demo</span> <small>Canlı<br />Görünüm</small></a>
</div>
</div>
</div>
<hr />

</article>
<article>
<h1>jQuery İle Sayfa Yenilemeden Form İle Veri Göndermek</h1>
<p>alixcan — Mon, 12 Sep 2011 14:16:30 +0000</p>
<p>Bu Sistem İle Sayfanızı Yenilemeden jQuery Aracılığıyla Database’inize Veri Kaydetmenizi Sağlayan Bir Sistem. Arzu Ettiğiniz Şekilde Değiştirmek Size Kalmış.</p>
<hr />
<div style="clear:both;"></div><br />
<div class="download_wrap">
    <div style="width: 387px; margin: auto;">
<div class="big_btn">
     <a rel="external" href="http://www.alixcan.net/wp-content/plugins/alixcan_s3/download.php?id=84" target="blank"><span>Download</span> <small>Kaynak<br />Dosyaları</small></a>
</div>

<div class="big_btn">
     <a rel="external" href="http://www.alixcan.net/wp-content/plugins/alixcan_s3/alixcan_s3_demo.php?id=85" target="blank"><span>Demo</span> <small>Canlı<br />Görünüm</small></a>
</div>
</div>
</div></p>
<h2> <span>Adım 1 —</span>JavaScript Kodları</h2>
<p><code>$("#form").ajaxForm()</code> — Burdaki <code>#form</code> İfadesi <code><form></code> Elementine Ait Olan ID Değeridir. Form’u Gönderdiğimizde Kullanıcağımız <code>ajaxForm()</code> Metodu Formdaki Verileri <code>gonder.php</code> Adlı Dosyamıza Gönderip İşlemleri Yapıcak Ve Son Olarakta <code>#preview</code> Adlı Alanda Gönderdiğimiz Değerleri Bize Göstericek.</p>
<pre class="brush:js">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>
<script type="text/javascript">
$('document').ready(function(){
	$('#form').ajaxForm( { target: '#preview', success: function() {
			$('#formbox').slideUp('fast');
		}
	});
});
</script>
</pre>
<hr />
<h2> <span>Adım 2 —</span>index.html</h2>
<p> Burda Basit Bir HTML Form Oluşturuyoruz.</p>
<pre class="brush:xml">

	<div id="preview"> </div>
<div id="formbox">
<form id="form" action="submit.php" method="post"> Name
<input type="text" name="name" /> Email
<input type="text" name="email" /> Message
<textarea name="message">

Adım 3 —Database Oluşturalım

Aşşağıdaki kodları phpmyadminden sql bölümünden çalıştırın.

 CREATE TABLE `contact` (
`id` int(11) AUTO_INCREMENT PRIMARY KEY,
`name` varchar(255) UNIQUE KEY,
`email` varchar(100),
`message` text UNIQUE KEY,
`created_date` int(11),
)

Adım 4 —gonder.php’yi Oluşturalım.


0 && strlen($email)>0 && strlen($message)>0){
$time=time();  mysql_query("INSERT INTO contact (name,email,message,created_date) VALUES('$name','$email','$message','$time')");  echo "Teşekkürler !";
}
}

Adım 5 —jQuery Validate Eklentisi

Bu Eklenti Uygulamanın İlk Kodları Arasında Yer Alan jquery.form.js Dosyasındaki Eklentinin Kullanılmasını Sağlayan Kodlardır.

satır 1	aciklama
satır 2	aciklama
satır 3	aciklama
satır 4	aciklama

AlixcaN.Net

CSS Hatırlatması {Tablo Satırlarını Renklendirelim}

CSS Koları

HTML Kodları

jQuery İle Selectbox’tan değer almak

Adım 1 – jQuery Kütüphanesini Dahil Etmek Ve JavaScript Kodlarını Yazmak

Adım 2 – HTML Kodları

CSS Kodları

Sonuc