Enes ve Blog'u

Bugün gitmeden önce son anda öğrendiğim bir bilgiyi sizlere anlatmak istedim arkadaşlar. Yazı yazdığım alanın arkaplanının tamamiyle beyaz olmaması yüzünden arkaplanı beyaz olan bazı resimler çirkin duruyordu. Bu şablonun orijinal halinde yazı yazılan yerin arkaplan resmi beyaz idi ama ben birçok değişiklik gibi orada da değişiklik yapmıştım.



Ve bazı şablonlarda yazı yazılan yeri beyaz olmayabiliyor. Bende bugün sizlere sitenize ekleyeceğiniz arkaplanı beyaz olan resimleri nasıl şeffaf yapacağınızı resimli bir şekilde anlatmaya çalışacağım. Uzun süreden beri genellikle eklenti ve kişisel yazılar yazıyordum, bugün ise bu yazıyı yazarak biraz değişiklik olacak. Şimdi anlatıma hemen geçiyorum:



Adım 1: Öncelikle arkaplanı beyaz olan bir resmi photoshop'da açıyoruz, boyutu önemli değil. Ben 620x465 piksel boyutlarında bir resim açtım:



Adım 2:  Şimdi resim seçiliyken CTRL+A yaparak resmi seçiyoruz ve hemen ardından CTRL+C yaparak bu resmimizi kopyalıyoruz.



Adım 3:  Şimdi File menüsünden New'i seçiyoruz ve background'unu Transparent olarak seçiyoruz ve OK butonuna basıyoruz:



Adım 4:   Karşınıza transparant bir yeni çalışma sayfası gelecek ve bu adımda CTRL+V yaparak bu transparant alana daha önce adım 2'de kopyaladığımız resmi yapıştırıyoruz:



Adım 5:  Resmi yapıştırdıktan sonra Select menüsünden Color Range aracını seçiyoruz ve resmin beyaz olan yerine 1 kere tıklatıyoruz ve OK butonuna basıyoruz:



Daha sonra karşımıza şöyle bir ekran gelecek ve siz bu ekranda delete tuşuna basarak beyaz kısmı silmiş olacaksınız:



En sonda da File > Save As yaparak çalışmamızı kaydedebiliriz. Evet arkadaşlar bu konumuzda resmin nasıl şeffaf yapılacağını anlattım, umarım faydalı olur...

Bugünlerde Jquery ile fazla ilgilenmeye başladım. Gerçekten artık Flash'ın yerini alabilecek bir yöntem jquery. Jquery ile birçok şey yapmak mümkün. İletişim formundan, slide galeriye birçok uygulama yapmak mümkün. Hatta çek-bırak rozeti bile yine jquery ile yapılıyor. Bugün de yine wordpress bloglarında gördüğüm yukarı çık butonunu sadece iki javascript kodu ile bloglarınıza eklemeyi anlatacağım. Sayfadan az bir şey aşağı indiğinizde sağ tarafta beliriyor bu buton. Vereceğim javascripti kendinize göre düzenleyebilirsiniz.  JS dosyasının içinde resim boyutu ve resim adresi var. Dediğim gibi bunu değiştirebilirsiniz.Bu uygulamayı şu şekilde ekliyoruz:



</head> kodundan önce şu iki kodu ekleyerek eklentimizi bitirmiş oluyoruz:

<script src='http://konfor.enesilhan.net/js/jquery-1-4-2.js' type='text/javascript'></script>

<script src='http://konfor.enesilhan.net/js/Asansor.js' type='text/javascript'/>

Şimdi şablonu kaydederek panelden çıkın. Artık sizinde jquery'li yukarı çıkma butonunuz oldu. Siz Asansor.js adlı dosyayı kendinize göre düzenleyeceksiniz. Yine çok basit bir eklenti. Elimden geldiğince böyle basit ama işe yarayan eklentiler sunacağım. Sağlıcakla kalın...

Daha önce şurada Blogger'da tab menü yapımını anlatmıştım. Bugün ise tab menü yapımının 2.bölümünü anlatacağım. Bugün kü anlatacağım tab menü ilkine nazaran daha görünüşlü ve daha estetik + ilkinden çok daha hızlı yükleniyor. Savaş Çalışkan arkadaşımız daha hızlı bir tab menü istemişti bu tab menü tam ona göre. Hemen bu menünün nasıl yapılacağına geçelim:





Eklentinin çalışır haline ***DEMO*** adresinden bakabilirsiniz.



Bu menü yapımının kod satırı ilkinden daha kısa olacak bunu bilmenizi isterim. Yani kısacası her bakımdan bu tab menü daha hoş geldi bana. Öncelikle tab menümüzün CSS kodlarını </b:skin> kodundan önce ekliyoruz:

/*tab menümüz*/
ul.tabNav { float: left; list-style: none; width: 100%; }
ul.tabNav li { float: left; margin: 0 4px 0 0; padding: 4px 0 0;}
ul.tabNav li.current { padding-top: 0; }
ul.tabNav a { background: #EEE; border: 2px solid #CCC; border-width: 1px 1px 0; color: #333; display: block; padding: 4px 4px 5px 4px; text-decoration: none;}
ul.tabNav li.current a { background: #EEE; border-top: 2px solid #CCC;border-right: 2px solid #CCC;border-left: 2px solid #CCC; padding: 6px; }
div.tabContainer { clear: both; float: left; width: 100%; }
div.tabContainer div.tab {  background:#FFF; border: 2px solid #CCC; color: #000; display: none; padding: 10px;}
ul.tabNav a:hover {text-decoration:none;}
div.tabContainer div.current { display: block; background:#EEE;}
div.tab p:last-child { margin-bottom: 0; }
div.tabContainer ul li {background:#FFF;padding:0px;margin-left:15px;margin-bottom:1px;list-style-type:square;list-style-image:url(img/li.png);list-style-position:outside;}

CSS kodumuzu ekledikten sonra </head> kodundan önce şu kodları ekliyoruz:

<script src='http://konfor.enesilhan.net/js/jquery-1-4-2.js' type='text/javascript'/>
<script src='http://konfor.enesilhan.net/js/tabs-yeni.js' type='text/javascript'/>

Daha sonra da blogumuzun uygun bir yerine şu kodları ekleyerek tab menü yapımını tamamlıyoruz:

<!-- tab menu başlangıç -->
    <ul class='tabNav'>
    <li class='current'><a href='#'>Tab 1</a></li>
    <li><a href='#'>Tab 2</a></li>
    <li><a href='#'>Tab 3</a></li>
 
</ul>
<div class='tabContainer'>
 
    <!-- 1st tab -->
    <div class='tab current'>    
<ul>
Birinci tab menü içeriği.
</ul> 
    </div>
 
    <!-- 2nd tab -->
    <div class='tab'>
<ul>    
İkinci tab menü içeriği.
</ul>
    </div>
 
    <!-- 3rd tab -->
    <div class='tab'>
<ul>
Üçüncü tab menü içeriği.
</ul>
    </div>

<!-- 4th tab -->
    <div class='tab'>
<ul>
Dördüncü tab menü içeriği.
</ul>
    </div>

<!-- 5th tab -->
    <div class='tab'>
<ul>
Beşinci tab menü içeriği.
</ul>
    </div>

<!-- 6th tab -->
    <div class='tab'>
<ul>
Altıncı tab menü içeriği.
</ul>
    </div>
 
</div><!-- tab menu bitiş -->

Ben 6 bölüm ekledim. Size 3 bölüm yetiyorsa kodlardan şu kısmı silersiniz:

<!-- 3rd tab -->
    <div class='tab'>
<ul>
Üçüncü tab menü içeriği.
</ul>
    </div>

<!-- 4th tab -->
    <div class='tab'>
<ul>
Dördüncü tab menü içeriği.
</ul>
    </div>

<!-- 5th tab -->
    <div class='tab'>
<ul>
Beşinci tab menü içeriği.
</ul>
    </div>

<!-- 6th tab -->
    <div class='tab'>
<ul>
Altıncı tab menü içeriği.
</ul>
    </div>

Takıldığınız yer olursa sorabilirsiniz, kolay gelsin arkadaşlar...

Evet arkadaşlar başlığı yanlış okumadınız. Herkesin reklam dendiğinde ilk aklına gelen Google Adsense reklamlarını artık sizde alabileceksiniz. Biliyorum bu işten para kazanan insanlar var ama herkesin parası olmuyor malesef. Belki bana kızacaklar bunu açıkladığım için ama olsun sizler için azar işitmeye razıyım :) Sadece 1 günde hatta daha kısa bir zamanda adsense onaylatmanın sırrını açıklayacağım bu yazımda. Gerçi bu yöntemi bir çok kişi biliyor ama bilmeyenler de oldukça fazla. Hemen bu işin sırrını anlatayım o zaman.



Denemediğim yöntem kalmamıştı adsense reklamlarını alabilmek için. Belki 10-12 kere başvurdum ama hiç birinde kabul edilmedim. Ama r10'da bir arkadaşın yorumuyla bende almayı başardım. Gerçi yorum sanki olmayacak cinsten umutsuz vari yazılmıştı ama ben bir bit yeniği olduğunu farketmiştim. En sonda deneyeyim dedim. Başvurdum ve ertesi gün onaylanmış ve şimdi de konu içinde tıklanmayı bekliyorlar :)



İşte Adsense'ye kabul edilmek için bana göre en etkili yöntem:

• Arkadaşlar öncelikle farklı bir gmail adresi alın ve .blogspot uzantılı bir blog açın. Bakın ben yeni bir mail adresi aldım. Mail adresim:  ensilhn@gmail.com oldu ve bu adresle blogspotta yeni bir blog açtım ve adını Web Hosting olarak ayarladım.  Siz illa bu ismi yapacak değilsiniz. Google Adwords veya Sağlık ile ilgili bir başlık atabilirsiniz. Bu başlıklardan birini seçtikten sonra o başlıkla ilgili maksimum 3 yazı yazın fakat özgün yazmaya bakın.  Kısa olsun yazılar fakat özgün olsun.  Birde her yazınıza en az 3 etiket girin.


• Bu aşamadan sonra bu blogun ve yazıların indexlenmesi için maksimum 3 gün beklememiz gerekiyor. 3 günün ardından google'da arama yaptığınızda açtığınız blogun ismini görüyorsanız bu Adsense'ye başvurabileceğiniz anlamına geliyor. Açtığınız blogun indexlendiğini farzederek Adsense'ye başvuru aşamasına geçiyoruz hemen:


• Adsenseye başvurmada en önemli etken yazdığınız yerlerde Türkçe karakter olmayacak. Ben mesela adı-soyadı kısmına büyük harflerle "ENES ILHAN" yazmıştım. Ve adres kısmında da türkçe karakter olmayacak şekilde yazmıştım. Mesela mahalle fırat mahallesiyse bunu "firat mah." olarak girmiştim. Sizde bu şekilde türkçe karakteri olmadan bilgilerinizi gireceksiniz ve daha önce başvurmuşsanız buradaki telefon numarasından farklı bir telefon numarası gireceksiniz. 

Bunları yaptıktan sonra en fazla 1 gün sonra adsense ye girip login olacağız. Ve göreceksiniz ki bu defa sizinde onaylanmış bir adsense hesabınız olacak. Benim başvurduğum blogspot adresim bu adreste var girip bakabilirsiniz. Sadece 3 özgün ve kısa yazıyla{+ etiketler} görmüş olduğunuz gibi adsense hesabım onaylanmış oldu. İnşallah sizlerde bu dediğim şekilde aylardır belki de yıllardır özlemini çektiğiniz adsense hesabına ulaşmış olursunuz :) Şimdiden kolay gelsin hepinize ..

Blogger kullananlar artık gerçekten çok şanslı. Birazdan tanıtacağım eklentiyle artık resimleriniz sayfanın aşağı taraflarına indikçe yüklenecek ! Bu sayede sitenizin açılış hızında az da olsa bir azalma olacak. Çünkü bu eklentiyle tüm resim nesneleri jpg,gif,png,bmp vs. ve hatta flash dosyalar bile siz sayfanın aşağı taraflarına indikçe yüklenmiş olacak ! Eklentinin demosunu vermeyeceğim çünkü şu dakikadan itibaren blogumda kullanıyorum ve vazgeçilmez bir eklenti oldu benim için :) İsterseniz bu basit ve bir o kadar da faydalı bu eklentinin anlatımına gelelim:



Bu eklentiyi aktif hale getirebilmek için Blogger hesabımıza giriş yapıp "HTML'yi Düzenle" kısmına girelim, ve "Widget Şablonlarını Genişlet" tikini aktif hale getirelim. Daha sonra CTRL+F tuş kombinasyonu ile </head> kodunu bulalım ve hemen önüne şu kodları ekleyelim:

<script charset='utf-8' src='http://konfor.enesilhan.net/js/jquery.min.js' type='text/javascript'></script>
<script src='http://konfor.enesilhan.net/js/jquery.lazyload.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
          $("img").lazyload({
              placeholder : "http://konfor.enesilhan.net/tema/style/grey.gif",
              effect      : "fadeIn"
           });
       });
</script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

Evet arkadaşlar bu basit kodlarla sitenizdeki resimleriniz ve diğer nesneleriniz siz sayfanın aşağılarına indikçe yüklenecek. Eklenti çok basit ama yine de yapamazsanız yorum formunu kullanabilirsiniz. Hayırlı akşamlar dilerim..

Dünyanın en büyük alan adı kaydedicisi Godaddy yine yaptı yapacağını , 1 dolardan daha az fiyata 99 cente .Com .Net .Org .Mobi .Biz .CA .Co .uk ve .IN domain kayıt ve transfer promosyonu başlattı ,

Kredi kartı olan herkes bu haktan yararlanabilir ;

Bunun için kullanmanız gereken kod ;







Detaylar;

Bir müşteri bu kodla sadece bir tane domain kaydedebilir,

Kredi kartıyla alışveriş yapmak zorundasınız.Paypal kullanamazsınız.

10.000 kullanım yada 13 Eylül'de promosyon bitiyor , hangisi önce gelirse.



Daha fazla godaddy indirim kodlarına verdigim linkten ulaşabilirsiniz.

Herkese merhaba arkadaşlar iyi akşamlar diliyorum. Bugün blogger bloglarımıza en kolay yoldan video eklemeyi videolu bir şekilde anlattım. Umarım herkesin işine yarar. Tek farkı sanırım player özelliği ve kod satırının çok kısa olması oldu. Normalde blogger panelinden de video eklenebiliyor ama malesef bunun gibi özelleştirme şansına sahip değiliz. Fazla uzatmadan videoyu hemen izlemek istiyorsanız sizi hemen yazının devamına alalım:







Eklemeniz Gereken Kodlar:

<!-- Proplayer  by Enes İLHAN -->
<object width="608" height="470"> <embed type="application/x-shockwave-flash" src="http://konfor.enesilhan.net/video/video2/player.swf" width="608" height="470" allowscriptaccess="always" allowfullscreen="true" bgcolor="#000000" flashvars="videoPath=http://konfor.enesilhan.net/video/video2/Futbol-2010-TSL.flv&imagePath=http://konfor.enesilhan.net/video/video2/super-lig.jpg&autoStart=false&volAudio=90&playSounds=true"></embed> </object>
<!-- //Proplayer by Enes İLHAN -->

Yukarıdaki kırmızı renkleri isteğinize göre değiştirebilirsiniz. Zaten video da detaylı anlattım. Kolay gelsin ..

Enes ve Blog'u olarak bugün 3.yılımıza girmiş bulunuyoruz.. Blogumun 3.yılında beni yorumlarıyla ve destekleriyle yalnız bırakmayan ziyaretçilerime teşekkürü bir borç bilirim. Bir blog inanın ki ziyaretçisi olmadan hiçbir şey ! Üniversiteye gitmeden önce bu anın boş anıma denk gelmesiyle bunu şu an yazıyor olmam benim için ayrı bir zevk oldu.. Ama üzgünüm ki bundan sonra yani ayın 20'sinden sonra eskisi gibi olamayacak bu blog bunu bilmenizi isterim. Tabii ki siteyi kapatmayacağım fakat çok sık aralıklarla güncellenemeyecek ne yazık ki..



3.yıl dolayısıyla tasarımda herhangi bir değişikliğe gitmedim. Bu temamı gerçekten çok seviyorum ve uzun bir süre de bununlada bloglayacağım gibi görünüyor. Header kısmında 2.yılı simgeleyen resmi 3 olarak değiştirdim. Ve bununla beraber yazı içinde bazı değişikliklere gittim. İconların bir kısmı değişti. Hemen hemen birçok şeyi yuvarlak yaptım :) Keskin görüntü gözüme hoş görünmüyor birde keskin sirke küpüne zarar verirmiş zaten :) Bu kötü espriden sonra birde yorum kısmında ufak bir değişikliğe gittim. Zaten eğer takip ediyorsanız değişiklikler gözünüze çarpacaktır.



Neyse çok fazla uzatmadan sadece haberiniz olsun istedim. Bugün ayın 5'i ve blogum 2007 yılının 9.ayı olan Eylül'ün 5'nde faaliyete girmişti. Vayy be zaman ne de çabuk geçiyor. Hiçbir şeyden anlamayarak blog yazmak çok kötü. O yıllarımı hatırlıyorumda keşke şimdi ki gibi yazabilseydim diyorum. Neyse demek ki yılmamış,blogu hemen kapatmamış ve şu zamana gelebilmişim. Hiç kimsenin hevesi kaçıp bloglarını veya sitelerini kapatmaması dileğiyle sağlıklı günler diliyorum ...

Geçen gün şurada az da olsa bahsetmiştim üniversite işlemleriyle uğraştığımı. O uğraşlar sonucunda üniversiteye kayıt yapılacağı günü iple çekiyordum. Dün ablamla beraber gittik neyse Ceyhan'a. Ama ne gidiş o öyle ! Gaziantep'in ilçesinde oturduğumuz için ceyhana ulaşabilmek için tam 3 araba değiştirdik, yani anlayacağınız aktarmalı gittik, aktarıla aktarıla bir hal olduk artık :)



Gündüz sıcağında hiç çekilmiyor yol yürümek bir de niyetliysen dünyan başına yıkılırmışcasına eziyet çekiyorsun. Hadi bizim burası çok sıcak belki ama en azından nemi yok, varsa da %10 civarı gibi bir şeymiş. Ama ceyhan öyle değil ki mübarek.. Hem sıcak hem nem 40 derece rahat vardı dün itibariyle.  Şimdi biz sora sora bağdat bulunur hesabıyla tanımadığımız her amca teyzeye yol sorduk. Sağolsun onlarda tarif etmekten hiç çekinmediler.



Meslek yüksek okulunu bulana kadar rahat bir 3-4 kilometre yürümüşüzdür. Önce bulduğumuzu sanıp bir Anadolu Lisesiyle karşı karşıya geldik :) Sonra o olmadığını anlayınca biraz daha yürüdükten sonra şehrin dışında olan Ceyhan MYO'yu bulduk. Neyse bende kayıt için tüm belgeler hazırdı. Yalnız bankaya harç yatırmamıştım :) Üniversite kampüsünde bankamatikler oluyormuş biz baktık siteden öyle diyordu gerçekten de. Ama orada olmadığını öğrenince şapşal gibi kaldık orada.



Ben daha ceyhana felan gitmeden önce hayranlarım yanıma geldi ziyaretime :) Adamlar kapıma kadar gelmişler yurda kayıt yaptırmak için. Tabii ki özel yurttan bahsediyorum. Sonra buraya gelen elemanları gördük okulun içinde. İşte biz harcı yatırmadık acaba nereden yatırabiliriz felan sorduk oda çarşı da yatıracaksınız dedi. Çarşı neresi oluyor =) Bu çarşı her şeye karşı olan çarşımı yoksa :)) Neyse sağolsun o elemandan birisi bizi arabasıyla bankaya götürdü ve harcımı yatırdım 126 TL. Daha sonra kayıt işlemden birkaç form felan doldurduk kaydımızı yaptık cillop gibi öğrenci belgemide aldım daha ne isterim Allahtan :)



Ben susuzluktan ölürken sıcakta bu elemanı bekliyoruz yine bizi otogara götürmesi için. Neyse otogarda uzuuuun bir yolculuktan sonra pestilimiz çıka çıka gece saat 21:43 civarı eve geldik. Şimdi bu başlık ne alâkâ diyeceksiniz biliyorum yani hissediyorum :) Yolculuğa yani ceyhana converse bir ayakkabım var onla gitmiştim. Bende normalde bu sıcaklarda dışarı pek çıkmayan birisi olarak her yere nadiren de olsa terliklerimle çıkan birisiyim.



Neyse sen bu converse'yi hemde bu sıcakta çorapla saat sabahın 7'snden akşam 10'nuna kadar giy. Ayak mahvolmuş tabi. Bir baktım kuş parmağım ağrıyor. Ayakkabıya alışık olmadığımdan ayağıma vurmuş ayakkabı. Ve bu başlık tüm sıkıntımı anlatır gibi oldu sanki :) Birde acıtasyonlu bir resim gören de ölmüş belleyecek :) Bu yazıları  yazmayı gerçekten özleyeceğim. Çünkü çok az bir zaman kaldı derslerin başlamasına. Blog Allah'a emanet olacak tabii ki :)