tag:blogger.com,1999:blog-302825072024-03-14T01:48:40.828+03:00AzizNameBilgi paylaştıkca büyür........ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.comBlogger67125tag:blogger.com,1999:blog-30282507.post-62747574313399754822014-03-28T16:41:00.001+02:002014-03-28T16:41:53.810+02:00İNTERNET SANSÜRÜ VE FİŞLEMEYİ AŞMANIN YOLU<p> </p> <p> </p> <p> </p> <div><a href="http://lh4.ggpht.com/-vnHbWSTZukE/UzWJ7f1BfNI/AAAAAAAADLY/gM8Pxcf3jnE/s1600-h/KELEP%2525C3%252587E11.jpg"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="KELEPÇE11" border="0" alt="KELEPÇE11" src="http://lh6.ggpht.com/-btfsEzuja3o/UzWJ8R4jz8I/AAAAAAAADLc/7fdyoJ7LPpc/KELEP%2525C3%252587E11_thumb.jpg?imgmax=800" width="458" height="238" /></a></div> <span style="text-align: left; padding-bottom: 10px; background-color: yellowgreen; margin: 5px; padding-left: 10px; width: 92.26%; letter-spacing: 0.05em; padding-right: 10px; font: bold 14pt/1em arial, helvetica, sans-serif; float: left; height: 47px; color: #f5f5f5; clear: both; padding-top: 10px">...MEDYADAN SONRA İNTERNET NEDEN SANSÜRLENİYOR...!</span> <p> </p> <div style="line-height: normal; font-family: " dir="ltr"> <div style="line-height: normal; padding-left: 2px"> <div style="line-height: normal"> <div style="line-height: normal"> </div> </div> </div> <div style="line-height: normal"> <div style="line-height: normal; font-family: " dir="ltr"> <div style="line-height: normal"> <div style="line-height: normal; font-family: " dir="ltr"> <div style="line-height: normal"> <div style="line-height: normal; font-family: " dir="ltr"> <div style="line-height: normal; padding-left: 2px"> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"><a href="http://lh6.ggpht.com/-cQu2Edt_8t0/UzWJ9MJcE9I/AAAAAAAADLk/wqVlUMVS9Dc/s1600-h/KELEPE1110.jpg"><em><img style="background-image: none; border-right-width: 0px; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; display: inline; float: left; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="KELEPÇE11" border="0" alt="KELEPÇE11" align="left" src="http://lh4.ggpht.com/-h8tgnuo5K70/UzWJ-P8q5sI/AAAAAAAADLw/FAnmQGfnbkY/KELEPE11_thumb6.jpg?imgmax=800" width="284" height="150" /></em></a>Değerli arkadaşlar,</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">AKP demokrasisinin her geçen gün daha da güçlenerek toplum üzerinde kırıcı , </font><font size="4" face="Calibri">yakıcı , zulume dönük , ayrıştırarak bölen etkisini daha çok algılıyoruz.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Türkiye Dünyada hiç bir ülkenin yaşamadığı toplumsal bilinç körlenmesine uğratıldığı ağır bir psikolojik savaşın uyuşturucu etkisi altındadır.</font></div> </div> </div> </div> </div> </div> </div> </div> </div> <a name='more'></a> <div style="line-height: normal; font-family: " dir="ltr"> <div style="line-height: normal"> <div style="line-height: normal; font-family: " dir="ltr"> <div style="line-height: normal"> <div style="line-height: normal; font-family: " dir="ltr"> <div style="line-height: normal"> <div style="line-height: normal; font-family: " dir="ltr"> <div style="line-height: normal; padding-left: 2px"> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Yeni savaş yöntemiyle  güçlü bir ülkenin temel direklerinden olan hukuk , yargı ve silahlı kuvvetleri de ne yazık ki bu psikolojik savaşın etki alanına girmiş ve kurumsal yapısının özünden uzaklaştırılmıştır.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">AKP Türkiye'yi siyasi , sosyal ve ekonomik olarak karanlık bir kuyunun içine yuvarlamıştır.Ülkenin aydınlanma önderleri , aydınlar ve TSK'nın bağımsızlığı hedefleyen tüm Kemalist komutanlar ve her rütbeden asker esir alınmış ve hapistedir.</font><font size="4" face="Calibri">Yargı siyasete teslim olmuş ve adalet askıya alınmıştır.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Gerçek demokrasinin ayaklar altına alındığı,</font><font size="4" face="Calibri">güçlüleri koruyan hukuk ve adalet sisteminin kurgulandığı , ülkenin tüm zenginliklerinin satıldığı , Ulusal egemenliğimizde yabancı paydaşların söz sahibi olduğu , Ülkemiz halkının iktidar eliyle  YÜZDE ELLİ olarak bölündüğü , bu bölünmenin en tehlikeli yöntemlerle mezhep ve etnik kök üzerinden yapılarak toplumun kavgalaştırmaya itildiği , Ülkemizin senelik ulusal gelirinin üçte birinin siyasetçiler ve ortakları tarafından yolsuzluklarla çalındığı , Dünyanın en büyük yolsuzluklarının yapıldığı ve yolsuzlukları yapanların değil de , suçluları yakalayanların cezalandırıldığı bir süreç içindeyiz. </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Tüm bunlar yetmemiş Türkiye siyaseten ve coğrafi olarak da bölücü Kürtçülüğün </font><font size="4" face="Calibri">dümen suyuna sokulmuş ve emperyalizmin asırlık rüyası olan Kürdistan AKP eliyle kurulurken Kuzey Kıbrıs da elimizden çıkarılmaktadır.Laik Cumhuriyet ise ağır bir saldırı altındadır ve rejim din devletine götürülmeye çalışılmaktadır.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">12  yıllık AKP iktidarı Laik demokratik Cumhuriyet Devletinin dokusunu bozmuş ve </font><font size="4" face="Calibri">bu siyasi eylemlerde olan tüm AKP'li siyasetçiler Devlete karşı yüce divanlık suç işlemişler ve işlemektedirler.Yargıtay başsavcısı ise görevinin gereğini yapmamaktadır.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Gerçek demokrasi ve vicdanlı evrensel  adalet halkın elinden çalınmıştır.</font><font size="4" face="Calibri">AKP gerçekleri saklamak için ele geçirmesinin olanaklı olmadığı internete ağır sansür getirecek bir yasayı onaylanmak üzere Cumhurbaşkanına göndermiştir.Cumhurbaşkanı vereceği karara göre demokrasi adına kantara çekilecektir.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">13.02.2014 tarihli </font><font size="4" face="Calibri">Paris merkezli Uluslararası Sınır Tanımayan Gazeteciler Örgütü (RSF), 2014 Dünya Basın Özgürlüğü Endeksi yayınlandı. Rapora göre Türkiye 180 ülke arasında 154'üncü sırada.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">  <br />Afganistan, Ürdün ve Irak gibi ülkelerin gerisinde kalan Türkiye’den raporda, “problem ülke” olarak bahsedilirken Gezi Parkı eylemlerinde 153 gazetecinin yaralandığı, 39’ının gözaltına alındığı hatırlatıldı. Ve şu ifadeler kullanıldı: </font></div> <div style="line-height: normal" align="justify"><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">"Bölgesel emellerine rağmen, 154. sıradaki Türkiye’de basın özgürlüğü konusunda hiçbir gelişme görülmedi. Türkiye 'en büyük gazeteci hapishanelerinden' biri olarak tanımlanmaya devam ediyor. Gezi Parkı isyanı, güvenlik güçlerinin baskıcı yöntemlerini, oto sansürdeki artışı, Başbakan’ın popülist söylemlerinin tehlikelerinin fark edilmesini sağladı. Yaklaşan seçimler, barış sürecindeki belirsizlik nedeniyle 2014’in Türkiye’deki sivil hakların geleceği açısında belirleyici bir yıl olması muhtemel."</font></div> <div style="line-height: normal" align="justify"><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">İnternet sansürü kullanıcıların demokratik haklarını ellerinden almaktadır.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">İnternet sansürünü aşabilmeniz için kullanabileceğiniz bir programı sizlere sunmak isterim.</font></div> <div style="line-height: normal" align="justify"><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Naci Kaptan</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">13.02.2014</font></div> <div style="line-height: normal"><em><font size="4" face="Calibri"></font></em><font face="Times New Roman"> </font></div> <div style="line-height: normal"><em><font size="4" face="Calibri"></font></em><font size="4" face="Calibri"><em></em></font><font face="Times New Roman"> </font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em><a href="http://lh5.ggpht.com/-d74z5a5J2M4/UzWJ-1hYiiI/AAAAAAAADL4/WkQe1GLMTw8/s1600-h/tor01222%25255B1%25255D.jpg"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="tor01222" border="0" alt="tor01222" src="http://lh5.ggpht.com/-iuO4461HACY/UzWJ_8C418I/AAAAAAAADMA/qTOz6Oy3w_4/tor01222_thumb.jpg?imgmax=800" width="465" height="232" /></a></em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font><font face="Times New Roman"> </font></div> <div style="line-height: normal"> </div> <span style="text-align: left; padding-bottom: 10px; background-color: yellowgreen; margin: 5px; padding-left: 10px; width: 95.45%; letter-spacing: 0.05em; padding-right: 10px; font: bold 14pt/1em arial, helvetica, sans-serif; float: left; height: 42px; color: #f5f5f5; clear: both; padding-top: 10px">İNTERNET SANSÜRÜ VE FİŞLEMEYİ AŞMANIN YOLU:</span> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font></div> <span style="text-align: center; padding-bottom: 10px; background-color: yellowgreen; margin: 5px; padding-left: 10px; width: 95.64%; letter-spacing: 0.05em; padding-right: 10px; font: bold 14pt/1em arial, helvetica, sans-serif; float: left; height: 15px; color: #ff0000; clear: both; padding-top: 10px">TOR TARAYICI</span> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em>8 Şubat 2014</em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em> </em></font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">“Internet sansürü” diye anılan yasa meclisten geçti. Artık devlet insanların internet erişimlerini kontrol altında tutacak, kimin ne zaman nerelere girdiğini izleyecek, kısacası yıllardır diğer alanlarda yaptığı fişlemeyi artık internet ortamında da yapacak.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Üstelik internet kısıtlamalarını yeni yeni yöntemlerle yaparak istenmeyen sitelere veya sayfalara girişleri çok daha etkili şekilde engelleyecek.Peki bu kısıtları aşmanın bir yolu ve yasaklı siteleri gezerken kimliğinizi gizlemenin bir yolu yok mudur?</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"><strong>Kısaca söylemek gerekirse : VAR</strong></font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Devletler internette sansür uygulayıp, insanları izlemeye çalıştıkça, dünya üzerindeki gönüllü aktivistler de buna karşı çalışmalar yapıyorlar. Bu çalışmalardan en önemlisi <strong>TOR Projesi</strong>. <strong>TOR</strong> projesi sayesinde hem internette sansürsüz gezebilirsiniz, hem de girdiğiniz sitelerde kimliğiniz gizli kalır. Üstelik <strong>TOR</strong> projesini kullanmak sandığınızdan daha kolay. Şimdi adım adım bu işi nasıl yapacağınızı anlatacağım.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Tor projesi aktivistleri, işleri kolaylaştırmak için Tor Browser Bundle yazılımını geliştirdiler. Bu yazılımın bilgisayarınıza kurulmasına bile gerek yok. İsterseniz bir USB bellek içinden bile çalışabilir.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"><strong>1. Tor Browser’ı indirin</strong> <br />Aşağıdaki linkte kullandığınız işletim sistemine göre uygun programı indirin. Eğer kullandığınız işletim sistemini bilmiyorsanız büyük ihtimalle Microsoft Windows kullanıyorsunuzdur :) Microsoft Windows yazan kolonda 32-bit linkine tıklayarak programı indirin. <br /><a href="https://www.torproject.org/" target="_blank"><strong>TorProject.org</strong></a></font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"><strong>2. Program dosyalarını oluşturun</strong> <br />İndirdiğiniz programa çift tıklayın. Bir güvenlik uyarısı açılırsa “Çalıştır” diyerek devam edin. Bir pencere açılarak kurulum dilini soracak size. Türkçe seçeneği de mevcut. İstediğiniz dili seçip “ok” butonuna tıklayın.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Açılan pencere dosyaları nereye oluşturmak istediğinizi soracak. Masaüstünde bir klasör seçebilirsiniz. Dosya yerini seçtikten sonra “Kur”u tıklayarak işlemi başlatın.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">İşlem bittiğinde “Tor Browser Bundle programını çalıştır” işaretini kaldırın ve Bitir deyin.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Pencere kapandığında artık Tor Browser’ınız hazır durumda. Seçtiğiniz klasörü artık USB belleğinize kopyalayabilirsiniz. Benim klasörüm masaüstünde Tor Browser olarak oluşmuş durumda. Program kullanıma hazır.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"><strong>3. Program Kullanımı</strong> <br />Herhangi bir bilgisayarda bu klasörü açtığınızda içinde <strong>“Start Tor Browser”</strong> dosyasını göreceksiniz. Bu dosyaya çift tıklayın.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Açılan pencerede <strong>“Connect”</strong> butonuna basın.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Program otomatik olarak ayarları yapıp Tor ağına bağlanacak ve karşınıza aşağıdaki resimdeki gibi internette gezinti yapabileceğiniz tarayıcıyı açacak.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"><strong>4. Programı Test Edelim</strong></font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font face="Calibri"><font size="4"><strong>a. Erişim</strong> <br /></font></font><a href="http://engelliweb.com/" target="_blank"><font size="4" face="Calibri"><strong>http://engelliweb.com/</strong></font></a><font color="#0066cc"><u></u></font><font size="4" face="Calibri"> sitesine girerek erişimi yasak olan sitelerden birini seçin ve her zaman kullandığınız tarayıcınız ile (chrome, internet explorer, firefox vb) bu siteye girmeye çalışın. Siteye giremediğinizden emin olduktan sonra, aynı siteyi Tor Browser ile açmayı deneyin. Siteye girebildiğinizi göreceksiniz.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"><strong>b. Kimlik Gizliliği (Anonimlik)</strong> <br />Devlet sizin hangi siteye ne zaman girdiğinizi IP adresinizle izler. İnternette bir sayfaya girdiğinizde sizin IP adresinizle bu safyaya girdiğiniz ve giriş tarihiniz kaydedilir. Bu IP adresi kimin diye sorulduğunda ise internet servis sağlayıcıları o tarihteki IP nin hangi müşterisine ait olduğunu söyler. Şimdi aşağıdaki testi yapalım.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Önce her zaman kullandığınız tarayıcınızı açın ve </font><a href="http://www.whatismyip.com/" target="_blank"><font size="4" face="Calibri"><strong>http://www.whatismyip.com/</strong></font></a><font color="#0066cc"><u></u></font><font size="4" face="Calibri"> adresine girin. Açılan sayfada IP: yazan yerde aralarında nokta olan 4 rakam göreceksiniz. Örneğin 217.13.197.5 gibi. İşte bu IP adresinin size ait olduğu biliniyor.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Şimdi Tor Browser’ı açın ve yine <a href="http://www.whatismyip.com/" target="_blank"><strong>http://www.whatismyip.com/</strong></a></font><font color="#0066cc" size="4" face="Calibri"><u></u></font><font size="4" face="Calibri"> adresine girin. Biraz önceki IP adresinden farklı bir IP aldığınızı göreceksiniz. Hatta sayfayı her yenileyişinizde sürekli başka IP ler çıkacak. Oysa normal tarayıcınızda her zaman aynı IP çıkar. Bu IP de sizin kimliğinizi ele veren IP dir. Tor Browser, sadece IP nizi bir kez değiştirmez, aynı zamanda her yeni sayfa ziyaretinizde bu IP yi değiştirir.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Tor projesinin teknik yapısı sayesinde projenin gönüllüleri bile sizin kim olduğunuzu bilemezler.</font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em> </em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em>Source <a href="http://Tech.tirgil.com" target="_blank"><strong>Tech.tirgil.com</strong></a><font color="#0066cc"><u></u></font><strong> <br /></strong>Kaynak: <a href="http://revolution-news.com/" target="_blank"><strong>http://revolution-news.com/</strong></a></em></font><font color="#0066cc" size="4" face="Calibri"><em><u></u></em></font><font size="4" face="Calibri"><em><strong> </strong></em></font></div> <div style="line-height: normal"><font color="#0066cc" size="4" face="Calibri"><em><u><a href="http://vagus.tv/2014/02/08/internet-sansuru-ve-fislemeyi-asmanin-yolu-tor-tarayici/" target="_blank"><strong>http://vagus.tv/2014/02/08/internet-sansuru-ve-fislemeyi-asmanin-yolu-tor-tarayici/</strong></a></u></em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font><font face="Times New Roman"> </font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font><font face="Times New Roman"> </font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em><a href="http://lh6.ggpht.com/-KuGCBh-bzwg/UzWKBICk2nI/AAAAAAAADMI/NnIR_Drx5KU/s1600-h/tor233310.jpg"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="tor2333" border="0" alt="tor2333" src="http://lh6.ggpht.com/-xv1wXTaa2-M/UzWKBx1VsPI/AAAAAAAADMQ/uPAaPyuP2zA/tor2333_thumb6.jpg?imgmax=800" width="451" height="229" /></a></em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font><font face="Times New Roman"> </font></div> <span style="text-align: left; padding-bottom: 10px; background-color: yellowgreen; margin: 5px; padding-left: 10px; width: 93.25%; letter-spacing: 0.05em; padding-right: 10px; font: bold 14pt/1em arial, helvetica, sans-serif; float: left; height: 38px; color: #f5f5f5; clear: both; padding-top: 10px">TOR BROWSER NASIL KURULUR? DEEP WEB NEDİR?</span> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Size Tor Browser'in nasıl kurulacağını ve nasıl kullanılacağını anlatmak istiyorum. Önce 'Tor' nedir onu Vikipedi'den kısaca öğrenelim.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"><strong>Tor nedir?</strong></font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Tor; kişi ve grupların kendi gizlilik ve güvenliklerini ön planda tutarak internette işlem ve gezinti yapabilmelerine olanak tanıyan ve sanal tüneller sayesinde bağlantıların maskelenmesi mantığıyla çalışan bir ağdır. </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"><strong>Tor Browser nedir?</strong></font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Tor ağı ile bağlantı kurmayı sağlayan ücretsiz olarak kullanıma sunulmuş bir programdır. Ayrıca içerisinde Mozilla Firefox'un açık kaynak kodu ile modifiye edilmiş bir internet tarayıcısını içinde barındırır.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Şimdiye kadar olan kısmı genel olarak böyle açıklayabiliriz. Deep Web'i açıklamak gerekirse 'onion.' uzantılı sitelerin oluşturduğu kendi içinde bir internettir. Onion, İngilizce'de soğan demektir. Normalde bildiğimiz Mozilla Firefox, Opera veya Safari gibi tarayıcıların açmadığı sitelerdir. Bu sitelerin çoğu gizliliklerini koruyabilmek için sık sık adreslerini değiştirmektedirler. Adresleri ise genelde bildiğimiz isimlerden oluşmazlar. Siteler harf ve rakamların karışık olarak kullanıldığı adresler taşır. Lafı fazla uzatmadan Tor Browser nasıl kurulur onu anlatayım.</font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font color="#0066cc" size="3" face="Calibri"><u><a href="https://www.torproject.org/" target="_blank"><strong>https://www.torproject.org/</strong></a></u></font><font size="3"> <br /></font><a href="https://www.torproject.org/download/download-easy.html.en" target="_blank"><strong><font size="3" face="Calibri">https://www.torproject.org/download/download-easy.html.en</font></strong></a><font color="#0066cc"><u></u></font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri"></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Tor Browser'in internet sitesine girin. İndirmek için ana sayfadaki <a href="https://www.torproject.org/download/download-easy.html.en" target="_blank"><strong>Download</strong></a> Tor yazan linke tıklayın.</font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font><font face="Times New Roman"> </font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em><a href="http://lh4.ggpht.com/-eVlfA_MP8Ys/UzWKDEKad6I/AAAAAAAADMY/2nGDSRMP0u8/s1600-h/tor134444.jpg"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="tor13444" border="0" alt="tor13444" src="http://lh4.ggpht.com/-Zb2PP75FrNE/UzWKEKhOVOI/AAAAAAAADMg/ZIgHtOJv6XA/tor13444_thumb2.jpg?imgmax=800" width="480" height="294" /></a> <br /> </em></font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Bu sayfada programın dilini veya kullandığınız işletim sistemi farklı ise ona göre değişiklik yapabilirsiniz. Ardından <a href="https://www.torproject.org/download/download-easy.html.en" target="_blank"><strong>Download Tor Browser Bundle</strong></a> yazan linke tıklayın.</font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font><font face="Times New Roman"> </font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em><a href="http://lh5.ggpht.com/-HrxQ9s5NTv4/UzWKFFXzWPI/AAAAAAAADMo/kFQILKpY2R8/s1600-h/tor245554.jpg"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="tor24555" border="0" alt="tor24555" src="http://lh4.ggpht.com/-gfqvBzawRRE/UzWKF6RvEMI/AAAAAAAADMw/4mEH5c-QxGc/tor24555_thumb2.jpg?imgmax=800" width="470" height="266" /></a> <br /></em></font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">İndirdikten sonra programın üzerine çift tıklatın. Açılan pencerede Tor Browser'i kurmak istediğiniz bölgeyi seçebilirsiniz. Ardından Extract butonuna tıklayın.</font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font><font face="Times New Roman"> </font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em><a href="http://lh6.ggpht.com/-UITIsFSectc/UzWKGu_mbzI/AAAAAAAADM4/PHECjh7Ygts/s1600-h/tor35666%25255B1%25255D.jpg"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="tor35666" border="0" alt="tor35666" src="http://lh5.ggpht.com/-u2zxm63T8Ak/UzWKHf9yztI/AAAAAAAADNA/_jGDtnCVUK0/tor35666_thumb.jpg?imgmax=800" width="458" height="296" /></a></em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font><font face="Times New Roman"> </font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Programın kurulduğu klasördeki Tor Browser isimli klasöre tıklayın. Ardından Start Tor Browser.exe çift tıklayarak browseri başlatabilirsiniz.</font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font><font face="Times New Roman"> </font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em><a href="http://lh4.ggpht.com/-Ur4LXqVVvrY/UzWKIBC6moI/AAAAAAAADNI/Wv16H1jURPw/s1600-h/tor46777%25255B1%25255D.jpg"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="tor46777" border="0" alt="tor46777" src="http://lh5.ggpht.com/-dk9kPGpYbeE/UzWKJJ9HAHI/AAAAAAAADNQ/XnipJ2sO61I/tor46777_thumb.jpg?imgmax=800" width="459" height="336" /></a> <br /></em></font></div> <div style="line-height: normal" align="justify"><font size="4" face="Calibri">Browser, Tor ağına bağlandıktan sonra <strong><em>Connected to the Tor Network! </em></strong>yazısı görünecek ardından Tor Browser açılacak. Buradan istediğiniz <strong>.onion</strong> uzantılı siteye gizli bir şekilde girebilirsiniz. Tarayıcıdaki <strong><em>Congratulations. Your browser is configured to use Tor.</em></strong> yazısı başarılı bir şekilde Tor ağına bağlandığınızı gösterir.</font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font><font face="Times New Roman"> </font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em><a href="http://lh5.ggpht.com/-3WLjC01F2bU/UzWKKVjCE3I/AAAAAAAADNY/HQsvadUPf3M/s1600-h/tor57888%25255B1%25255D.jpg"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="tor57888" border="0" alt="tor57888" src="http://lh3.ggpht.com/-3oKd86hdFas/UzWKLjtzP5I/AAAAAAAADNg/0GgGXd_96qk/tor57888_thumb.jpg?imgmax=800" width="448" height="256" /></a></em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font><font face="Times New Roman"> </font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em>Bazı <strong>.onion</strong> uzantılı siteler:</em></font></div> <div style="line-height: normal"><font size="4" face="Calibri"><em></em></font><font face="Times New Roman"> </font></div> <div style="line-height: normal"><font color="#0066cc" size="4" face="Calibri"><em><u><a href="http://duskgytldkxiuqc6.onion/" target="_blank"><strong>http://duskgytldkxiuqc6.onion/</strong></a></u></em></font><font size="4" face="Calibri"><em> (Örnek olarak açılmış bir site) <br /></em></font><a href="http://idnxcnkne4qt76tg.onion/" target="_blank"><font size="4" face="Calibri"><strong>http://idnxcnkne4qt76tg.onion/</strong></font></a><font color="#0066cc"><em><u></u></em></font><font size="4" face="Calibri"><em> (Tor Project sitesi) <br /></em></font><a href="http://3g2upl4pq6kufc4m.onion/" target="_blank"><font size="4" face="Calibri"><strong>http://3g2upl4pq6kufc4m.onion/</strong></font></a><font color="#0066cc"><em><u></u></em></font><font size="4" face="Calibri"><em> (DuckDuckGo arama motoru) <br /></em></font><a href="http://jntlesnev5o7zysa.onion/" target="_blank"><font size="4" face="Calibri"><strong>http://jntlesnev5o7zysa.onion/</strong></font></a><font color="#0066cc"><em><u></u></em></font><font size="4" face="Calibri"><em> (The Pirate Bay torrent paylaşım sitesi)</em></font></div> </div> </div> </div> </div> </div> </div> </div> </div> ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com0tag:blogger.com,1999:blog-30282507.post-35127207861236362982013-04-09T18:11:00.001+03:002013-04-09T18:11:28.600+03:00Google Hizmetlerine Ulaşılamıyor!<p align="justify"> </p> <p align="justify"> </p> <p align="justify" done0="1" done2="1" done3="1" done4="1" done5="1" done6="1"> <a style="filter: alpha(opacity=100); zoom: 1" href="http://lh5.ggpht.com/-xkUuGr0pwFM/UWQkM551DPI/AAAAAAAACL0/b4qcn2hrSBo/s1600-h/youtube_yasak_haber1272495018%25255B5%25255D.jpg" jquery1365517332426="2" jquery1365519866817="2" jquery1365520010645="2"><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="youtube_yasak_haber1272495018" border="0" alt="youtube_yasak_haber1272495018" src="http://lh5.ggpht.com/-O4Nz88Xh-Fg/UWQkOBII4dI/AAAAAAAACL8/KW9vuXZxIh8/youtube_yasak_haber1272495018_thumb%25255B3%25255D.jpg?imgmax=800" width="401" height="251" /></a> </p> <p align="justify"> </p> <p align="justify"> Google Hizmetlerine Ulaşılamıyor!<img style="border-bottom: 0px; border-left: 0px; margin: 0px 0px 0px 10px; display: inline; border-top: 0px; border-right: 0px" title="youtube-turkey BANNED" border="0" alt="youtube-turkey BANNED" align="right" src="http://lh6.ggpht.com/-wNfoZEoNID0/UWQkQBGdu-I/AAAAAAAACN0/75tUX7gRd2E/youtube-turkey%252520BANNED_thumb%25255B9%25255D.jpg?imgmax=800" width="206" height="224" /></p> <p align="justify" done0="2" done2="2" done3="2" done4="2" done5="2" done6="2"><a style="filter: alpha(opacity=40); zoom: 1" href="http://lh4.ggpht.com/-WakoCuADxmA/UWQkPB0L02I/AAAAAAAACN4/K_W-uwQL0Y8/s1600-h/youtube-turkey%252520BANNED%25255B11%25255D.jpg" jquery1365517332426="3" jquery1365519866817="3" jquery1365520010645="3"></a></p> <p align="justify" done0="2" done2="2" done3="2" done4="2" done5="2" done6="2">Dostlar, Birkaç aydır bir Afrika ülkesi olan Gana'da bulunuyorum. “Konumuzla ne ilgisi var” diyebilirsiniz Konumuzla çok ilgisi var elbette ama ben bu işin bu yanını başka zaman anlatacağım. </p> <p align="justify">Şimdi konumuza dönelim. Türkiye'de iken önceleri internet erişim problemlerinin teknik sebeplerden kaynaklandığını düşünüyordum. Ancak bunun böyle olmadığını zaman içinde anladım. Nasıl mı anladım....! </p> <p align="justify">Söyleyeyim... ne zaman ki AKP iktidara geldi bir süre sonra internet erişim problemleri başladı. Daha sonra AKP devlet gücünü kullanarak medya</p> <a name='more'></a> <p align="justify">araçlarını ele geçirme veya deyim yerindeyse yandaş yapma operasyonlarına girişti. Bunu başardı mı? evet… Neredeyse tamamen tüm medya araçlarını ele geçirdi veya yandaş olmalarını sağladı. </p> <p align="justify">Şimdi medya araçları neler dersek gazete, dergi, TV, radyo diyebiliriz. Günümüzde iktidarı eleştiren tek bir medya aracı kalmadı dersek yeridir. </p> <p align="justify">Geriye ne kaldı interneti kullanarak yayın yapan medya araçları. Yani dünyayı saran dijital ağ. Şimdi dünyanın neresinde olursanız olun internetten ulaşamayacağınız bir bilgi olduğunu sanmıyorum. Şimdi bu internet cep telefonlarına da girmişse varın olayın boyutunu siz düşünün.</p> <p align="justify">İşler böyle olunca internet ağı üzerinde yayın yapan muhalif kaynakları ele geçiremeyen AKP iktidarı onların bir kaçını sindirme operasyonlarına girişti. Oda TV ve Soner YALÇIN davasını bilmeyeniniz yoktur sanıyorum. </p> <p align="justify">Bu operasyonlardan Google hizmetleri de nasibini aldı. Bunlar neler: Youtube (Google satın aldı), Google'ın DOS, Translate, maps, code, labs, blogger ve Feedburner gibi ürünleri. </p> <p align="justify">Şimdi AKP devlet imkanlarını kullanıyor demiştik ya. İşte interneti kontrol etme işini de Bilgi Teknolojileri Kurumu (BTK) eliyle yapıyor.</p> <p align="justify">Ghana'ya geldikten bir süre sonra bende google'ın Birkaç ürününe ulaşamadım. İşin garibi eşim karşımda kendi bilgisayarıyla her yere rahatça giriyor ben giremiyorum. Bilgisayarın DNS ayarlarını değiştirdim ıııııh...! Nafile... Sonra internette araştırma yaparken Türkiye'deki PC ayarlarını değiştirmediğimi hatırladım, mesela Google.com.tr yi kullanıyordum ana sayfa olarak ve bu nedenle google hizmetlerine de google.com.tr üzerinden ulaştığımı farkettim.</p> <p align="justify">Ülkemizde son günlerde yaşanan Google hizmetlerine ulaşamama problemi, kullanıcıların İnternet üzerinden sesini yükseltmesine sebep oldu. </p> <p align="justify">Peki çözüm şimdi ne? Demokrasilerde çareler tükenmez. Gerçi memlekette demokrasi' nin d si bile kalmadı dediğinizi duyar gibi oluyorum.</p> <p align="justify">Son günlerde Türkiye'deki İnternet kullanıcılarının Google'ın Docs, Translate ve Feedburner gibi hizmetlerine ulaşamadıklarını okuyorum. Hatta DNS ayarlarını değiştirip YouTube'a girebilen kullanıcılar bile artık meşhur video paylaşım sitesine girememeye başlamış. Google'ın birçok hizmetine bağlanamayan kullanıcılar, bu nedenle İnternet'te bazı iddialar dillendirmeye başladı.</p> <p align="justify">Bunlardan en dikkat çekici olanı, Bilgi Teknolojileri Kurumu'nun (BTK) Google'ı mimlediği iddiası. Yorumlara göre YouTube'a erişimi tamamen durdurmaya çalışan BTK, birçok Google servisine de erişimi engelledi. Peki bunu nasıl becerdiler?</p> <p align="justify">Henüz BTK'dan konuyla ilgili açıklama gelmedi ama İnternet'te yapılan yorumlara göre, Google'a ait IP adreslerinden 74 ve 209 ile başlayanlardan bir kısmı, problemin merkezini oluşturuyor. Google, kullanıcılarının bazılarını 209 ile başlayan adrese, bazılarını ise 74 ile başlayan adrese yönlendiriyor. </p> <p align="justify">BTK, YouTube'a IP engellemesi yaparken, diğer bazı servislerin bloke olmasına sebep oluyor. Bunun farkındalar mı? Bence tabi ki evet.</p> <p align="justify">Şimdi biz ne yapalım?</p> <p align="justify"><strong>Çözüm:</strong></p> <p align="justify">Öncelikle Türk Telekom <strong>DNS</strong>'leri haricinde başka bir <strong>DNS</strong> (<strong>Open DNS</strong> ya da <strong>Google DNS</strong> gibi) kullanmanız gerekiyor. Bunu nasıl yapacağınızı da bilmeyenleriniz varsa bunu da  internetten araştırıp öğrenebilir. </p> <p align="justify" done0="3" done2="3" done3="3" done4="3" done5="3" done6="3"><a href="http://lh4.ggpht.com/-EnRfoWojmzY/UWQkRC8bynI/AAAAAAAACMU/hwM8NUuvqgk/s1600-h/cmd%25255B5%25255D.png" jquery1365517332426="4" jquery1365519866817="4" jquery1365520010645="4"><img style="border-right-width: 0px; margin: 0px 0px 0px 15px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="cmd" border="0" alt="cmd" align="right" src="http://lh4.ggpht.com/-_zoYuhCoWGo/UWQkS1wg7gI/AAAAAAAACMc/DIEOaOD_uEA/cmd_thumb%25255B3%25255D.png?imgmax=800" width="314" height="168" /></a> Biz şimdiki problemi çözmeye başlayalım. Bilgisayarınızın <strong>Run (Çalıştır)</strong> komut satırına <strong>CMD</strong> yazıp <strong>enter</strong> tuşuna veya <strong>Tamam</strong> butonuna bastıktan sonra karşınıza gelen ekrana, (Tırnak işaretleri olmadan) <strong>"Ping google.com"</strong> yazın <strong>"Enter"</strong>a basın. Google hizmetlerinde sorun yaşayan kullanıcılar, ekrana gelen IP adreslerini (Örn: <strong>74.125.43.103</strong>) gibi, <strong>Windows</strong>'un içindeki <strong>hosts</strong> dosyasına eklemeleri gerekiyor.</p> <p align="justify" done0="4" done2="4" done3="4" done4="4" done5="4" done6="4"><a href="http://lh6.ggpht.com/-6zggmWKVeTw/UWQkT02WpyI/AAAAAAAACMk/ifu8IoKZ92k/s1600-h/ping_google%25255B12%25255D.jpg" jquery1365517332426="5" jquery1365519866817="5" jquery1365520010645="5"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="ping_google" border="0" alt="ping_google" src="http://lh5.ggpht.com/-Q8ip_-EW3Uc/UWQkU7SJkII/AAAAAAAACMs/Sb55i8xjWfM/ping_google_thumb%25255B10%25255D.jpg?imgmax=800" width="541" height="282" /></a> </p> <p align="justify">Bunun için Windows klasörü altında sırasıyla şu klasörlere ulaşmanız gerekiyor: <strong>"Windows\System32\Drivers\ETC\hosts".</strong> Bu konumda yer alan <strong>hosts</strong> dosyasını <strong>Notepad</strong> ile açın, açılan sayfadaki listenin altına örnek olarak şu satırları ilave edin:</p> <p align="justify">74.125.43.103 youtube.com <br />74.125.43.103 www.youtube.com <br />74.125.43.103 docs.google.com</p> <p align="justify">Daha sonra dosyayı kaydedin ve çıkın. Ta ta taaaa...</p> <p align="justify">Bu sayede belirttiğiniz adreslere erişebilir durumda oluyorsunuz. Bağlanamadığınız her Google hizmeti için aynı işlemi yapabilirsiniz. Önce IP adresi, ardından da "http" olmadan site link'ini yazdığınızda, bahsi geçen siteye ulaşabiliyorsunuz. Kolay gelsin...</p> ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com0tag:blogger.com,1999:blog-30282507.post-75867751754637789642012-04-28T13:00:00.004+03:002014-02-15T10:00:16.212+02:00YAZI İÇERİSİNDE HTML/CSS KODLARI YAYINLAMAK<div align="justify">
<span style="background: none repeat scroll 0% 0% khaki; border: 1px solid darkkhaki; color: white; float: left; font-family: times; font-size: 80px; line-height: 60px; margin-right: 6px; margin-top: 5px; padding-right: 5px; padding-top: 2px;">G</span>eçtiğimiz günlerde net te gezinirken bir kardeşimizin blog 'unda bir uygulama tarifi gördüm. Orda kodları yazarken açıklama ihtiyacı hissetmiş. Kodları yer yer eksik yazmak zorunda kalmış. Bende bir zamanlar bu işin nasıl yapıldığını epeyce araştırdığımı hatırlıyorum. Bende bu konuyla ilgili bir yazı yazmadığımı gördüm. İşte ordan burdan derken bu konuyu da anlatmaya karar verdim. Evet, bazen yazılarımız içerisinde zaman zaman web tasarımı ile ilgili birşeyler anlatırken <b>html/css</b> kod yayınlama ihtiyacı duyarız. Bunu yapabilmemiz için bir kaç yol var ben bunlardan en kullanışlı olanlardan kendi kullandığım üç yöntemi anlatacağım.JOOMLA, WORDPRESS, DRUPAL gibi blog yayınlama programlarının bu iş için ek araçları var. Yani onlarda bu iş için hem seçenek çok hem de bu iş bayağı basit hale getirilmiş. <br />
<a name='more'></a>Ama bunu blogger da biz de yaparız. Hatta <b><a href="http://www.mafiamax.com/2007/10/blogger-da-kod-penceresi-olusturma.html">MAFİAMAX</a></b> adlı blogda yayınlayacağınız kodları JS ile değişik renklerle nasıl yayınlayacağınızı da çok güzel anlatmış resimlerlede göstermiş arkadaş. Oraya da bakın derim.Renkli örnekler de <a href="http://mafiamax-deneme.blogspot.com/">şurada.. </a></div>
<br />
<b>1.YÖNTEM :</b> <b>pre</b> elementi kullanarak...!<br />
<div>
Burada bir noktaya dikkatinizi çekmek istiyorum. Direk pre elementini kullanırsanız blogunuzda yayınlamaya çalıştığınız <b> HTML/CSS</b> kod kümeleri çok küçük ve düzensiz yayınlanacak. Mesela uzun kod satırları bir alt satıra kayarak devam etme yerine blogunuzun dışına çıkacak. Hem okunmayacak hemde çirkin görünecek. Bu problemide yine <b>CSS</b> yoluyla çözeceğiz. Aşağıdaki <b>CSS</b> kod kümesini blogumuzun <b>HTML</b> kodları içindeki </div>
<br />
<textarea cols="20" rows="1"><head>arasına </HEAD></textarea> <br />
<div>
etiketleri arasında yer alan <b>CSS style</b> kod kümeleri arasına yerleştireceğiz. Yeri önemli değil. Esasında <b>.post-body</b> kod kümelerinin bulunduğu yere koyarsanız ileride aradığınızda kolay bulursunuz. Ben aşağıdaki resimdeki yere yerleştirdim. </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-QVkTbpZt_Fc/T5v_Uj4FUXI/AAAAAAAABs4/AVDDuaFwGp4/s1600/post-body_pre.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-QVkTbpZt_Fc/T5v_Uj4FUXI/AAAAAAAABs4/AVDDuaFwGp4/s400/post-body_pre.gif" height="400" width="371" /></a></div>
<div>
Şimdi aşağıdaki kod kümesini resimdeki gibi yerleştirin. Daha sonra da yaptığınız bu değişikliğin etkin olması için kaydedin. Şimdi biz pre elementi ile yayınlayacağımız kod kümelerine yazı stili, yazı boyutu, yazı rengi ve satırsonu aşağı satıra kayma(overlow)özelliklerini kazandırmış olduk. Hatta backround rengini de değiştirebilir yada resim bile kullanabiliriz. Daha sonra pre elementini kullanarak istediğiniz kodları yayınlayın.</div>
<br />
<span class="code"><br />
.post-body pre {<br />
background-color:#f6f6f6;<br />
overflow: auto;<br />
repeat-y; <br />
padding: 0px 0px 0px 5px;<br />
color:#000000;<br />
font-size: 12px;<br />
font-family: Courier New; <br />
}<br />
<br />
</span><br />
<br />
Aşağıda ki gibi kodları yazmanız halinde Yayınlamak istediğimiz kodları aynen yayınlarız.<br />
<br />
<b>UYGULAMA BİÇİMİ :</b><br />
<div>
<form>
<textarea cols="40" rows="15"><pre>buraya aşağıdaki gibi dilediğiniz kodu yazabilirsiniz .thinborder{ float:left; border:solid 1px yellowgreen; padding:5px; margin-right:5px; } .pullout{ width:30%; padding:10px; background-color:yellowgreen; color:#F5F5F5; float:right; font: bold 14pt/1em Arial,Helvetica, sans-serif; text-align:left; letter-spacing: 0.05em; margin:5px; clear: both; } </pre>
</textarea></form>
</div>
<br />
<br />
<b>UYGULAMA BU ŞEKİLDE YAYINLANACAK :</b><br />
<br />
<div>
<pre>buraya aşağıdaki gibi dilediğiniz kodu yazabilirsiniz
.thinborder{
float:left;
border:solid 1px yellowgreen;
padding:5px;
margin-right:5px;
}
.pullout{
width:30%;
padding:10px;
background-color:yellowgreen;
color:#F5F5F5;
float:right;
font: bold 14pt/1em Arial,Helvetica, sans-serif;
text-align:left;
letter-spacing: 0.05em;
margin:5px;
clear: both;
}
</pre>
</div>
<br />
<br />
<br />
<br />
<b>2.YÖNTEM : </b> <b> textarea</b> elementi kullanarak...!<br />
<br />
<br />
<br />
<br />
<pre><textarea cols="40" rows="10"><div>
<textarea cols="40" rows="10">
.thinborder{
float:left;
border:solid 1px yellowgreen;
padding:5px;
margin-right:5px;}
.pullout{width:30%;
padding:10px;
background-color:yellowgreen;
color:#F5F5F5;
float:right;
font: bold 14pt/1em Arial,Helvetica, sans-serif;
text-align:left;
letter-spacing: 0.05em;
margin:5px;
clear:both;
}
</textarea>
</pre>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b>UYGULAMANIN SONRAKİ YAYINLANMIŞ BİÇİMİ :</b><br />
<br />
<br />
<textarea cols="40" rows="10">.thinborder{float:left; border:solid 1px yellowgreen; padding:5px;margin-right:5px;} .pullout{width:30%; padding:10px; background-color:yellowgreen; color:#F5F5F5; float:right; font: bold 14pt/1em Arial,Helvetica, sans-serif; text-align:left; letter-spacing: 0.05em; margin:5px; clear:both; }<br />
</textarea><br />
<br />
<b>3. YÖNTEM</b> <b>code</b> elementi kullanarak...!<br />
<div>
Gördüğünüz gibi her iki yöntemde gayet basit. Burada ayrıca 3.bir yöntemden de bahsedeceğim bu yöntemde blogunuzun <b>CSS Style</b> kodlarına aşağıda örnekte verildiği gibi bir class kod kümesi ilave edeceğiz.Bu kodları</div>
<div>
<pre></head></pre>
</div>
<div>
tagı üstündeki css style kodları bölümüne bu class kod kümesini yerleştireceğiz. </div>
<span class="code"> <br />
.code {<br />
display:block;<br />
font-family:Courier New;<br />
font-size:9pt;<br />
width:400px;<br />
overflow:auto;<br />
repeat-y;<br />
max-height:400px;<br />
margin:5px 10px;<br />
padding: 2px 15px 2px 25px;<br />
background:url(http://i73.photobucket.com/albums/i235/aziz52/code-1.gif) no-repeat left top; }<br />
</span><br />
<div>
Daha sonra <b>HTML</b> veya <b>CSS</b> kodlarını şu şekilde yazacağız. <br />
<b>Not:</b> Aşağıda <b>HTML</b> kod yazım biçimini size gösterebilmek için mecburen açılış <b>"<"</b> ve kapanış <b>">"</b> tırnaklarını başta ve sonda yazmadım. Yoksa bunu size göstermem biraz zor olacaktı. Siz bu tırnakları koymayı ihmal etmeyin.</div>
<br />
<div>
<span class="code"><br />
span class="code"><br />
.thinborder{ <br />
float:left;<br />
border:solid 1px yellowgreen;<br />
padding:5px;<br />
margin-right:5px;}<br />
<br />
.pullout{width:30%;<br />
padding:10px;<br />
background-color:yellowgreen;<br />
color:#F5F5F5;<br />
float:right;<br />
font: bold 14pt/1em Arial,Helvetica, sans-serif;<br />
text-align:left;<br />
letter-spacing: 0.05em;<br />
margin:5px;<br />
clear:both;<br />
}<br />
/span<br />
</span> </div>
<div>
Dikkat ederseniz yukarıdaki style kod kümesi içinde bir <b>backround</b> resimi var sizde bunun gibi veya başka bir background resimi kullanabilirsiniz. Benim kulandığım resim aşağıdaki resimdir. Resim height="500" width="500" ölçülerinde.<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="http://i73.photobucket.com/albums/i235/aziz52/code-1.gif" imageanchor="1"><img border="0" src="http://i73.photobucket.com/albums/i235/aziz52/code-1.gif" height="450" width="450" /></a></div>
Yazdığımız kodlar bu backround üzerinde görünecek. Siz bu kod kümesini iki class kod kümesi olarak yazabilir her kümeye ayrı bir background resmi kullanabilirsiniz. Mesela CSS kodları için <b>code</b> HTML içinse <b>code1</b> gibi class kod kümesi adı kullanabilirsiniz. Hepinize kolay gelsin.</div>
ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com1tag:blogger.com,1999:blog-30282507.post-31951593471792086112012-04-25T13:02:00.001+03:002012-04-25T13:16:13.437+03:00Atatürk’ün el yazısı Font oldu<br />
<br />
<br />
<br />
<span style="font-family: Atatürk;">Atatürk</span><br />
<div align="justify">
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div align="justify" done0="1" done2="1" done3="1" done5="1" done6="1">
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div align="justify" done0="1" done2="1" done3="1" done5="1" done6="1">
<span style="font-family: Atatürk; font-size: large;"><a href="http://lh4.ggpht.com/-qq4vLHG-4KY/T5fLhDzkDmI/AAAAAAAABr4/zf5S3gEE1Lk/s1600-h/ataturk-1%25255B6%25255D.jpg"><img align="right" alt="ataturk-1" border="0" height="195" src="http://lh4.ggpht.com/-nO6pmdhcKY8/T5fLireWduI/AAAAAAAABsA/FW0EogJvdhY/ataturk-1_thumb%25255B4%25255D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin: 0px 0px 0px 10px;" title="ataturk-1" width="244" /></a> Mustafa Kemal Atatürk’ün el yazısı Font olmuş. </span><span style="font-family: Atatürk; font-size: large;">Bu gün e-postama Ankara Cumok’tan bir ileti geldi. Çocuklar gibi sevindim. Bu ileti bu gün 23.Nisan olması nedeniyle başka bir anlam kazandı ileti aşağıda….</span></div>
<div align="justify" done0="1" done2="1" done3="1" done5="1" done6="1">
<span style="font-family: Atatürk; font-size: large;"></span></div>
<a name='more'></a><b><span style="font-size: small;">İsteyen kişiler bilgisayar ortamında Atatürk'ün el yazısıyla yazabilecek.</span></b> <br />
<div>
<div>
</div>
</div>
<div done0="2" done2="2" done3="2" done5="2" done6="2">
Mustafa Kemal Atatürk'ün el yazısı font oldu. Atatürk’ün el yazısı ile yazı yazma imkanı sunan uygulamaya şu linkten ulaşabilirsiniz: <b done0="2" done2="2" done3="2" done5="2" done6="2"><b done0="2" done2="2" done3="2" done5="2" done6="2"><a href="http://cm.ntvmsnbc.com/dl/Files/ataturkFont.zip" jquery1335347748531="3" target="_blank" wrc-processed="true"><b>Atatürk.zip</b></a></b></b></div>
<div align="justify">
Fontu masaüstünüze kaydedip çift tıkladıktan sonra kurmanız <b>(install)</b> yeterli. <br />
<br /></div>
<div align="justify" done0="3" done2="3" done3="3" done5="3" done6="3">
<a href="http://lh3.ggpht.com/-bETJzZZTqG0/T5fLkBjXmqI/AAAAAAAABsI/9eL7ngZC0vA/s1600-h/elyazma214.jpg" jquery1335347748531="4"><img align="right" alt="elyazma-2" border="0" height="445" src="http://lh3.ggpht.com/-yXFs7qaxbso/T5fLnL9HFVI/AAAAAAAABsQ/wiOIXtiP844/elyazma2_thumb10.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin: 0px 0px 0px 10px;" title="elyazma-2" width="299" /></a> </div>
<div align="justify" done0="3" done2="3" done3="3" done5="3" done6="3">
</div>
<div align="justify" done0="3" done2="3" done3="3" done5="3" done6="3">
Bursa merkezli Artikel'in kurucusu işadamı Murat Özbalcı, ABD'de bir yazılım firmasına Atatürk'ün orijinal el yazısının fontunu yaptırdı. </div>
<div align="justify">
Çalışma için çok sayıda doküman hazırlanıp firmaya gönderildi ve 3 aylık çalışma sonucunda ilk örnekler Türkiye'ye ulaştı. </div>
<div align="justify" done0="4" done2="4" done3="4" done5="4" done6="4">
<a href="http://www.ntvmsnbc.com/id/25340728/#storyContinued" jquery1335347748531="5" target="_blank" wrc-processed="true"></a></div>
<a href="http://www.blogger.com/blogger.g?blogID=30282507" jquery1335347748531="6" name="136dde7a4216e489_storyContinued"></a> <br />
<div align="justify">
Yazılımda ufak tefek farklılıklar görülünce ayrı bir çalışma yapılarak metinlerde olmayan harfler, orijinale uygun olarak oluşturuldu. </div>
<div align="justify">
Özbalcı, fontu 23 Nisan Ulusal Egemenlik ve Çocuk Bayramı hediyesi olarak vatandaşlara sunduğunu belirtti. Fontu kullanmak isteyen kişilerin, firmanın sitesinden indirmesi gerekiyor.</div>
<div>
</div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;"></span></div>
<div>
<span style="font-family: Atatürk; font-size: large;">Bu iş için emek, zaman ve maddi katkı sağlayan sayın <b>Murat Özbalcı’ya</b> teşekkür ediyorum….!</span></div>
<div>
</div>
<div>
<b><span style="color: red;"></span></b></div>
<div>
<b><span style="color: red;"></span></b></div>
<div>
<b><span style="color: red;"></span></b></div>
<div>
<b><span style="color: red;"></span></b></div>
<div>
<b><span style="color: red;"></span></b></div>
<div>
<b><span style="color: red;"></span></b></div>
<div>
<b><span style="color: red;"></span></b></div>
<div>
<b><span style="color: red;"></span></b></div>
<div>
<b><span style="color: red;">Atatürk Fontunu Bedava Bilgisayarınıza indirebilirsiniz…</span></b></div>
<div>
<b><span style="color: red;"></span></b></div>
<div done0="6" done2="6" done3="6" done5="6" done6="6">
<a href="http://www.artikel.com.tr/atafont/ataturk.otf" jquery1335347748531="7" style="filter: alpha(opacity=100); zoom: 1;" target="_blank" title="http://www.artikel.com.tr/atafont/ataturk.otf"><b>Atatürk Font.zip</b></a><b> </b><a href="http://www.artikel.com.tr/atafont/ataturk.otf" jquery1335347748531="8"><b><img align="right" alt="atatürk fontu indir" height="73" src="http://lh5.ggpht.com/-zzhMEv3SRBg/T5fLn8JC8tI/AAAAAAAABsY/vmP0qJNJ6wA/indir-2%25255B9%25255D.gif?imgmax=800" style="display: inline; margin-left: 0px; margin-right: 0px;" title="atatürk fontu indir" width="240" /></b></a> <br />
<a href="http://www.ntvmsnbc.com/id/25340728/" jquery1335347748531="9" style="filter: alpha(opacity=100); zoom: 1;" target="_blank"><b>Atatürk Font.zip</b></a></div>
<div>
</div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com0tag:blogger.com,1999:blog-30282507.post-40323563676296833362012-02-16T10:47:00.002+02:002012-02-16T10:54:20.329+02:00Sevdiklerinize video e-card gönderin<div done0="1" done2="1" done3="1" done5="1" done6="1"><br />
</div><div done0="1" done2="1" done3="1" done5="1" done6="1"><br />
</div><div done0="1" done2="1" done3="1" done5="1" done6="1"><br />
</div><div done0="1" done2="1" done3="1" done5="1" done6="1"><br />
</div><div done0="1" done2="1" done3="1" done5="1" done6="1"><br />
</div><div done0="1" done2="1" done3="1" done5="1" done6="1"><br />
</div><div done0="1" done2="1" done3="1" done5="1" done6="1"><br />
</div><div done0="1" done2="1" done3="1" done5="1" done6="1"><br />
</div><div done0="1" done2="1" done3="1" done5="1" done6="1"><a href="http://lh4.ggpht.com/-4IeG8ekrpPw/TzzDeyIwqLI/AAAAAAAABek/oNDdl-ORbUE/s1600-h/hp-samples%25255B4%25255D.jpg"><img align="right" alt="hp-samples" border="0" height="162" src="http://lh6.ggpht.com/-B3f59ycPVds/TzzDg3XGTuI/AAAAAAAABes/y3DZMrQonoo/hp-samples_thumb%25255B2%25255D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin: 0px 0px 0px 5px;" title="hp-samples" width="240" /></a> </div><div align="justify" done0="1" done2="1" done3="1" done4="1" done5="1" done6="1"><span style="background: none repeat scroll 0% 0% khaki; border-color: darkkhaki; border-style: solid; border-width: 1px; color: white; float: left; font-family: times; font-size: 80px; line-height: 60px; margin-right: 6px; margin-top: 5px; padding-right: 5px; padding-top: 2px;">B</span>aştan belirteyim bu video e-kartlar tamamen beleş dostlar. Şimdilik beleş olan bu hizmet ilerde paralı olur mu onu bilemem…..! Beleşken bol bol kullanmanızda yarar var. Evet aşağıda örneğini gördüğünüz e-kartı <a href="http://www.easyhi.com/" jquery1329382136134="3" target="_blank">easyhi buradan</a> yapabilirsiniz. Yalnız bu siteye abone oluyorsunuz. E-kartınızı yaptıktan sonrada abone olabilirsiniz, önce abone olup sonrada e-kartınızı yapıp sevdiklerinize postalayabilirsiniz. Youtube ile entegre çalışan bir site olduğu için youtube vidolarından seçim yapabilirsiniz yada kendi hazırladığınız videoları da kullanabilirsiniz. Müzik de</div><a name='more'></a> ekleyebilirsiniz, web kameranız veya cep telefonunuzla yaptığınız video, fotoğraf kayıtlarınızı da kullanabilirsiniz. Karta özel animasyon efektler ilave edebilir ve mesajlarınızı da yazabilirsiniz.Burada kolayca hazırlayacağınız e-kartları e-postanıza bağlanıp ordaki kişi listenizi buraya aktarıp onlarla paylaşabilirsiniz. Gmail, Yahoo, Aol, MSN, Outlook kişisel listelerinizi aktarabilirsiniz. Şimdiden hepinize kolay gelsin….. <br />
<div align="justify">Tüm sevenler sevdikleri ile daima mutlu olsun….!</div><br />
<div done0="2" done2="2" done3="2" done4="2" done5="2" done6="2"><obje><iframe align="middle" frameborder="no" height="262" name="easyhi" scrolling="no" src="https://www.easyhi.com/easyembed.php?s=s&play=1&vidiC=a1f7c23da510eda" type="text/html" width="440"></iframe> </obje><br />
<div done0="2" done2="2" done3="2" done4="2" done5="2" done6="2"><a href="https://www.easyhi.com/" jquery1329379464587="3" jquery1329379679665="3" jquery1329379730696="3" jquery1329380343212="3" jquery1329380419962="3" jquery1329380492212="3" jquery1329380678743="3" jquery1329381224587="3" jquery1329381268493="3" jquery1329382136134="4" style="filter: alpha(opacity=100); zoom: 1;"><img border="0" height="30" src="https://www.easyhi.com/images/powered-by-easyhi.gif" width="87" /></a></div></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com0tag:blogger.com,1999:blog-30282507.post-85902956661284831832012-01-31T15:52:00.022+02:002012-02-03T17:51:01.273+02:00BLOGGER’da Devamını Oku Düzenlemesi Yapalım<div align="justify"><br />
</div><div align="justify"><br />
</div><h4 done0="1" done2="1" done3="1" done5="1" done6="1">BLOGGER’da <span style="color: #ff8000;"><span style="color: teal;">Devamını Oku >></span> </span>nasıl yapılır? Bu gün onu anlatacağım.</h4><div done0="1" done2="1" done3="1" done4="1" done5="1" done6="1"><a href="http://lh6.ggpht.com/-FENSS-oafbc/TyjRt-tKq_I/AAAAAAAABc8/JwlFu6LyshU/s1600-h/Devam1-3%25255B11%25255D.gif"><img align="left" alt="Devamı-3" border="0" height="152" src="http://lh5.ggpht.com/-WZ0wLcW5WtU/TyjRunnmGpI/AAAAAAAABdA/0Yj45Yq1Wqk/Devam1-3_thumb%25255B9%25255D.gif?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin: 0px 10px 0px 0px;" title="Devamı-3" width="264" /></a> </div><div align="justify"><span style="background: none repeat scroll 0% 0% khaki; border-color: darkkhaki; border-style: solid; border-width: 1px; color: white; float: left; font-family: times; font-size: 80px; line-height: 60px; margin-right: 6px; margin-top: 5px; padding-right: 5px; padding-top: 2px;">D</span>ostlar bu gün burada çok önceleri 14.Temmuz.2006 da yazmış olduğum <b>“BLOGGER’DA SİTE İÇİ LİNK”</b> adlı yazıma Oğuzhan adlı dost bir yorum bırakmış <i><span style="color: red;">“selam yazınınızı okudum ancak pek anlayamadım bende <b>ihtiyarus ‘</b>daki gibi <b>devamını oku</b> tarzında ana sayfamı rahatlatmak istiyorum biraz daha detaylı bir anlatım yaparsanız sevinirim” .</span></i>Dostlar takdir edersiniz ki o yazıyı yazdığım tarihlerdeki BLOGGER özelliklerine zaman içinde duyulan ihtiyaçlar doğrultusunda devamlı ilaveler yapıldı ve geliştirildi. Eğer özel bir tema(şablon) kullanıyorsanız yukarıda bahsi geçen özelliği barındırıyor olabilir. O zaman da zaten böyle bir uygulamaya ihtiyaç duymayacaksınız. Ama yok ben normal<br />
<a name='more'></a></div><a href="http://www.blogger.com/post-edit.g?blogID=30282507&postID=8590295666128483183" jquery1328064368078="3" jquery1328064428828="3" jquery1328064665421="3" jquery1328073309031="3" jquery1328074974718="3" name="more"></a><b>BLOGGER</b> temaları bana yeter aman kim uğraşacak boş ver sen bu işi BLOGGER ’da nasıl yaparız diyorsanız dostlarım <b>BLOGGER</b> artık böyle bir özelliğe sahip. Bunu kolayca yapabilmeniz için bir araç ilave etti. Bu özelliği ilave edeli epey bir zaman oluyor. Bunun birçok kullanıcı farkında değil yada nereden nasıl yapılacağını bilmiyor. Bu da gayet normal bir şey. Zaten ileri düzey web yayıncılığını biliyor olsanız <b>BLOGGER</b> da ne işiniz var. Bende ilk başlarda hiç bir şey bilmeyerek bu işe heveslenip başladım. Daha sonra merakım doğrultusunda gerek interrnetin sunduğu nimetler gerekse kitaplar marifetiyle <b>WEB</b> yayıncılığı konusunda <b>PROGRAMCILIK</b> dışında hatırı sayılır bir noktaya geldim. Şimdide işin <b>POGRAMLAMA</b> ayağını öğrenmeye çalışıyorum. Her neyse şimdi yukarıda bahsedilen olayı hem dilimin döndüğünce resimlerle hem de video ile size anlatacağım. <br />
<div align="justify">Yayınlamayı düşündüğünüz yazıyı herhangi bir yazı editöründe yazdınız. Daha sonra <b>BLOGGER</b> ‘a giriş yapıp <b>DASHBOARD</b> bölümünde <b>YENİ KAYIT</b> ibaresine basıp yeni bir makale yazacağınız <b>BLOGGER</b> metin editörünü açacaksınız. </div><h4>RESİM-1</h4><div align="justify" done0="2" done2="2" done3="2" done5="2" done6="2"><a href="http://lh3.ggpht.com/-qyoUnD86qZI/TyfxvQmiymI/AAAAAAAABa4/tWbvSqPoU1A/s1600-h/Devam29.gif" jquery1328017480500="3" jquery1328064368078="4" jquery1328064428828="4" jquery1328064665421="4" jquery1328073309031="4" jquery1328074974718="4" style="filter: alpha(opacity=100); zoom: 1;"><img alt="Resim-1" border="0" height="153" src="http://lh4.ggpht.com/-rcxohSGYojQ/TyfxxX83n_I/AAAAAAAABbA/L-v8JWSRTNw/Devam2_thumb7.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Resim-1" width="308" /></a> </div><div align="justify">Bu editör iki sekmeden oluşur. Bir <b>OLUŞTUR</b> adını taşıyan normal HTML bilginiz olmasada rahatlıkla yazılarınızı yazıp resimlerinizi, videolarınızı düzenleyip yayınlayacağınız sekme. Diğeri ise <b>HTML’yi Düzenle </b>adını taşıyan <b>HTML</b> kodları ile yazılarınızı düzenleyip yayınlayacağınız sekme. </div><h4>RESİM-2</h4><div align="justify" done0="3" done2="3" done3="3" done5="3" done6="3"><a href="http://lh3.ggpht.com/-fXkiwB6jtCU/Tyfx1VS-VCI/AAAAAAAABcA/s1NUhIchcJE/s1600-h/Devam1-1.gif" jquery1328017480500="4" jquery1328064368078="5" jquery1328064428828="5" jquery1328064665421="5" jquery1328073309031="5" jquery1328074974718="5" style="filter: alpha(opacity=100); zoom: 1;"><img alt="Resim-2" border="0" height="260" src="http://lh5.ggpht.com/-fhy_S_aTkRk/Tyfx4mbj8PI/AAAAAAAABcE/C3BRLuRXBaQ/Devam1-1_thumb.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Resim-2" width="445" /></a></div><div align="justify"><br />
</div><div align="justify">Şimdi bizim işimiz daha doğrusu sizi ilgilendiren sekme birinci <b>OLUŞTUR</b> sekmesi. Daha önce bilgisayar da yazdığımız yazıyı kopyalayıp <b>OLUŞTUR</b> sekmesindeki yazı alanına yapıştırdınız. Daha sonra resimlerinizi yükleyip düzenlediniz. Bütün işlerinizi bitirip yazıyı yayınlama aşamasına geldiğinizde metin editörünün araçlar çubuğunda atlama <b>Atlama Aralığı Ekle</b> adını taşıyan <b>RESİM-2</b> de gösterdiğim düğme bizim işimizi görecek. Nasıl mı? Yazımızın açılış sayfasında yani <b>ANASAYFA</b> da görünmesini istediğiniz yere tıklıyorsunuz. Orda yazı imlecinin yanıp söndüğünü gördükten sonra <b>ATLAMA ARALIĞI EKLE</b> düğmesine basıyoruz. Yazımızın imleci koyduğumuz satırda bir kesik noktalı çizgi oluştuğunu göreceksiniz. İşte sizin <b>DEVAMINI OKU >></b> olayınız bu çizginin olduğu yerde olacak. Şimdi yazınızı yayınlayabilirsiniz. </div><div align="justify" done0="4" done2="4" done3="4" done5="4" done6="4"><a href="http://lh6.ggpht.com/-EKZ69hqNKww/Tyfx9bz9JKI/AAAAAAAABcw/7YzXcqvwQkE/s1600-h/Devam1-4%25255B8%25255D.gif" jquery1328017480500="5" jquery1328064368078="6" jquery1328064428828="6" jquery1328064665421="6" jquery1328073309031="6" jquery1328074974718="6" style="filter: alpha(opacity=100); zoom: 1;"><img alt="Devamı-4" border="0" height="227" src="http://lh5.ggpht.com/--N5DFTrFF5g/TyjQDFMUrZI/AAAAAAAABc0/7KYiulyIQpI/Devam1-4_thumb%25255B8%25255D.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Devamı-4" width="468" /></a></div><div align="justify"><br />
</div><div align="justify" done0="5" done2="5" done3="5" done5="5" done6="5"><a href="http://lh6.ggpht.com/-EkG3Y3Kujz0/TyfyJirkFLI/AAAAAAAABcQ/gNH8PhtPKnU/s1600-h/Devam1-5.gif" jquery1328017480500="6" jquery1328064368078="7" jquery1328064428828="7" jquery1328064665421="7" jquery1328073309031="7" jquery1328074974718="7" style="filter: alpha(opacity=100); zoom: 1;"><img alt="Devamı-5" border="0" height="290" src="http://lh6.ggpht.com/-x8tkq5QtVJc/TyfyLTYRubI/AAAAAAAABcU/1JMejjuCFA4/Devam1-5_thumb.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Devamı-5" width="435" /></a></div><div align="justify"> Eğer <b>DEVAMINI OKU >></b> yazısını değiştirmek isterseniz. TASARIM sekmesinde BLOG KAYITLARI aracını düzenle düğmesine basarak açacaksınız. Yukarı üst bölümde Kayıt içeren günler seçeneğinin altındaki <b>Kayıt sayfası bağlantı metni:</b> kutucuğunda yazan <b>Devamı >></b> yazan metini istediğiniz metinle değiştirip diğer yapmayı düşündüğünüz değişiklikleri de yapıp <b>KAYDET</b> düğmesine basıp işleminizi bitirebilirsiniz. Tüm yapmanız gereken bu kadar. Kolay gelsin… <br />
<br />
<b>VİDEO İLE ANLATIM:</b> <br />
<div><iframe src="http://player.vimeo.com/video/36141177?title=0&byline=0&portrait=0" width="450" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com4Ankara, Türkiye39.92077 32.85410999999999139.73169 32.591225499999993 40.109849999999994 33.11699449999999tag:blogger.com,1999:blog-30282507.post-72441193781774294192011-08-21T16:33:00.006+03:002012-01-31T17:59:05.216+02:00uçan twitter Kuşunu Blogger’da uçurmak<div done0="1" done2="1" done3="1" done4="1" done5="1" done6="1"><a href="http://lh4.ggpht.com/--3PzZwezT9o/TlEI0KzaNhI/AAAAAAAABEM/wSaq2R61Mxo/s1600-h/twitter-bird%25255B5%25255D.gif" jquery1313935228468="2" jquery1313935325156="2"><img align="right" alt="twitter-bird" border="0" height="103" src="http://lh6.ggpht.com/-qwc-jGhtUFw/TlEI0o2mekI/AAAAAAAABEQ/6Z0ZNTQa9aA/twitter-bird_thumb%25255B3%25255D.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin: 0px 0px 0px 10px;" title="twitter-bird" width="113" /></a> </div><div align="justify"><span style="background: none repeat scroll 0% 0% rgb(60, 186, 221); border-color: rgb(98, 53, 30); border-style: solid; border-width: 1px; color: white; float: left; font-family: times; font-size: 80px; line-height: 60px; margin-right: 10px; margin-top: 5px; padding-left: 8px; padding-right: 5px; padding-top: 2px;"><span style="font-family: PicoWhiteAl;">D</span></span>ostlar bugün SEDEF adlı bir izleyicim bir yorum bırakmış. Bu yorumda benden bir ricada bulunmuş. </div><div align="justify"><br />
</div><div align="justify"><br />
</div><div align="justify"><br />
<br />
<a name='more'></a><br />
</div><div align="justify" done0="2" done2="2" done3="2" done4="2" done5="2" done6="2"><a href="http://lh3.ggpht.com/-5aPLVICtv-s/TlEI3DglpeI/AAAAAAAABEU/fNWV5FpYVno/s1600-h/preview%25255B5%25255D.png" jquery1313935228468="3" jquery1313935325156="3" style="filter: alpha(opacity=100); zoom: 1;"><img alt="preview" border="0" height="232" src="http://lh6.ggpht.com/-cK_If6rV6J0/TlEI4P3QL1I/AAAAAAAABEY/phTxv82e1SE/preview_thumb%25255B3%25255D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="preview" width="306" /></a> </div><blockquote><i><b></b></i><br />
<i><b>sedef dedi ki...</b></i><br />
<i><b>Öncelikle bunu yazan ellerinize sağlık çok güzel anlatmışsınız. Benim size bir sorum olacak, sizi blogunuzda solda uçuşan bir Twitter kuşu var. O kadar güzel ki gözlerimi alamıyorum. Onu kendi bloguma nasıl ekleyebilirim?</b></i><br />
<b><i></i></b></blockquote><div align="justify">Bende bahsi geçen uçan kuşu yani <b><i>“twitter-bird “ </i></b><span style="font-size: x-small;"><span style="color: white;"><span style="font-family: PicoWhiteAl;"><span style="font-size: small;"><span style="background: none repeat scroll 0% 0% rgb(0, 184, 255);">twitter kuşu </span></span></span></span></span>nu başka sitelerde görmüştüm. Benimde hoşuma gitti. Araştırdım ve bunun bir “javascript code” olduğunu gördüm. Ama bunların bir kaçını denedim. Bazılarının çalışmadığını gördüm. En sonunda en düzgün çalışanını buldum sizlere bunu önereceğim. Üstelik bunun nasıl uygulanacağını bir çoğu anlatmamıştı. Ben deneme yanılma yöntemini kullanarak bunun en kolay yolunu buldum. Bunu nasıl yapacağınızı size yavaş yavaş tane tane anlatacağım. Ama önce <span style="font-size: x-small;"><span style="color: white;"><span style="font-family: PicoWhiteAl;"><span style="font-size: small;"><span style="background: none repeat scroll 0% 0% rgb(0, 184, 255);">twitter </span></span></span></span></span><span style="font-size: x-small;">a üye olmanız gerekmekte. </span></div><div align="justify"><span style="font-size: x-small;"></span></div><div align="justify" done0="3" done2="3" done3="3" done4="3" done5="3" done6="3"><span done0="3" done2="3" done3="3" done4="3" done5="3" done6="3" style="font-size: x-small;"><a href="http://lh4.ggpht.com/-_rnNybVhlbg/TlEI57gbiZI/AAAAAAAABEc/KfzilgPih1g/s1600-h/twitteregg%25255B11%25255D.gif" jquery1313935228468="4" jquery1313935325156="4"><img align="left" alt="twitteregg" height="99" src="http://lh3.ggpht.com/-81gc9F8n8as/TlEI64VikSI/AAAAAAAABEg/ALcqAC1JIpE/twitteregg_thumb%25255B7%25255D.gif?imgmax=800" style="display: inline; margin: 0px 10px 0px 0px;" title="twitteregg" width="67" /></a> </span></div><div align="justify"><span style="font-size: x-small;">Gelelim bu <span style="font-size: x-small;"><span style="color: white;"><span style="font-family: PicoWhiteAl;"><span style="font-size: small;"><span style="background: none repeat scroll 0% 0% rgb(0, 184, 255);">twitter kuşu </span></span></span></span></span>'nu blogger(blogspot) da uçurmaya. Esasında olay basit ama ben yinede yapacaklarınızı sırasıyla anlatayım.</span></div><div align="justify">Blogger'a giriş yapıyorsunuz. Kumanda panelinde blogunuzun tasarım sekmesini seçiyorsunuz.</div><div align="justify"><br />
</div><div align="justify"><br />
</div><div done0="1" done2="1" done3="1" done4="1" done5="1" done6="1"><a href="http://lh3.ggpht.com/-2xunDkIllWM/TlEI8AlhFLI/AAAAAAAABEk/gHwFmJFOmm0/s1600-h/kumanda_paneli6.gif" jquery1313926514156="2" jquery1313927723500="2" jquery1313928717453="2" jquery1313928916593="2" jquery1313929217156="2" jquery1313930002421="2" jquery1313930187812="2" jquery1313935228468="5" jquery1313935325156="5" style="filter: alpha(opacity=100); zoom: 1;"><img alt="kumanda_paneli" border="0" height="284" src="http://lh6.ggpht.com/-t6OB2qechlQ/TlEI9BQ4OPI/AAAAAAAABEo/txiFqvVGT1A/kumanda_paneli_thumb4.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="kumanda_paneli" width="456" /></a> </div>Daha sonra tasarım sekmesinde side barda <b><u><span style="color: #0080ff;">Gadget ekle</span></u></b> ifadesine tıklıyorsunuz. Gadget listesinden <b>HTML/Javascript</b> gadgetini seçiyorsunuz. <br />
<br />
<div done0="2" done2="2" done3="2" done4="2" done5="2" done6="2"><a href="http://lh4.ggpht.com/-m5tmY_DAKbM/TlEI-TsV47I/AAAAAAAABEs/tuzCQQ04EHs/s1600-h/gadget_ekle12.gif" jquery1313926514156="3" jquery1313927723500="3" jquery1313928717453="3" jquery1313928916593="3" jquery1313929217156="3" jquery1313930002421="3" jquery1313930187812="3" jquery1313935228468="6" jquery1313935325156="6" style="filter: alpha(opacity=100); zoom: 1;"><img alt="gadget_ekle" border="0" height="117" src="http://lh6.ggpht.com/-FMzydwdUmyY/TlEI_GvM13I/AAAAAAAABEw/jhsoWeO2cfw/gadget_ekle_thumb10.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin: 0px 10px 0px 0px;" title="gadget_ekle" width="194" /></a> <a href="http://lh6.ggpht.com/-sseHnKds44I/TlEI_oF-_OI/AAAAAAAABE0/5DPUdBH8l2Q/s1600-h/htmljavacript4.gif" jquery1313926514156="4" jquery1313927723500="4" jquery1313928717453="4" jquery1313928916593="4" jquery1313929217156="4" jquery1313930002421="4" jquery1313930187812="4" jquery1313935228468="7" jquery1313935325156="7" style="filter: alpha(opacity=100); zoom: 1;"><img alt="html-javacript" border="0" height="116" src="http://lh3.ggpht.com/-Dnkt4tr1zdQ/TlEJAIltJuI/AAAAAAAABE4/M5l0ATRquvw/htmljavacript_thumb2.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="html-javacript" width="217" /></a> </div>Açılan gadget içine aşağıda vereceğimiz codları kopyalayıp yapıştırıyorsunuz. <br />
<div done0="4" done2="4" done3="4" done4="4" done5="4" done6="4"><a href="http://lh6.ggpht.com/-b0_ZX2O-j-A/TlEJCDIoSRI/AAAAAAAABE8/prEOEy1kl7c/s1600-h/htmljavacriptyaplandr5.gif" jquery1313926514156="5" jquery1313927723500="5" jquery1313928717453="5" jquery1313928916593="5" jquery1313929217156="5" jquery1313930002421="5" jquery1313930187812="5" jquery1313935228468="8" jquery1313935325156="8" style="filter: alpha(opacity=100); zoom: 1;"><img alt="html-javacript-yapılandır" border="0" height="450" src="http://lh4.ggpht.com/-ysQkkPBpwr8/TlEJDZslJ4I/AAAAAAAABFA/pcYW6jwa0mY/htmljavacriptyaplandr_thumb3.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="html-javacript-yapılandır" width="475" /></a> </div><br />
<b>Kopyala Yapıştır Kodu:</b><br />
<br />
<span class="code"><script type='text/javascript' src='http://twitter-bird.googlecode.com/files/Twitter-terbang.js'></script><br />
<script type='text/javascript'><br />
var birdSprite='http://twitter-bird.googlecode.com/files/bluetwit.png';<br />
var targetElems=new Array('img','hr','table','td','div','input','texta rea','button','select',2ul','ol','li',<br />
'h1','h2','h3','h4','p','code','object','a','b','strong','span');<br />
var twitterAccount = 'http://twitter.com/ihtiyarus';<br />
var tweetThisText = 'Twitter – ihtiyarus http://ihtiyarus.blogspot.com/';<br />
tripleflapInit();</script> </span><br />
<br />
<br />
Code içerisinde aşağıda gösterdiğimiz adres bölümlerine kendi blog adresinizi ve twitter adresinizi yazarak ufak bir düzeltme yapıyorsunuz. <br />
<br />
<b>Düzeltilecek bölümler:</b><br />
<br />
<a href="http://lh3.ggpht.com/-Gtt05ch59rU/TlEWXVagODI/AAAAAAAABFM/IJItz5DkD5A/s1600-h/code%25255B5%25255D.gif"><img alt="code" border="0" height="157" src="http://lh4.ggpht.com/-HkJtY8C-Xgc/TlEWZCMWmhI/AAAAAAAABFQ/_oDvPxozm_c/code_thumb%25255B3%25255D.gif?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="code" width="428" /></a> <br />
<div align="justify"><br />
</div><div align="justify" done0="8" done2="8" done3="8" done4="8" done5="8" done6="8"> <a href="http://lh6.ggpht.com/-ZVwMR6-diQk/TlEWceVLmfI/AAAAAAAABFU/KFbc2aKfR6Y/s1600-h/th_1840862c73v18xhbq%25255B6%25255D.gif"><img align="left" alt="th_1840862c73v18xhbq" height="125" src="http://lh6.ggpht.com/-_hfSmBar338/TlEWk395adI/AAAAAAAABFY/sLqBSogyiac/th_1840862c73v18xhbq_thumb%25255B4%25255D.gif?imgmax=800" style="display: inline; margin: 0px 10px 0px 0px;" title="th_1840862c73v18xhbq" width="160" /></a> </div><div align="justify" done0="8" done2="8" done3="8" done4="8" done5="8" done6="8">Düzeltmeleri yapıp son bir kez gözden geçirip kontrol ediyorsunuz. Başlık kısmını boş bırakıyorsunuz. Kaydet butonuna basıp kaydediyorsunuz. Son olarakda blogu görüntüle ifadesine basıp blogunuzun son halini görüntülüyorsunuz. Kuşunuzun uçup uçmadığını kontrol ediyorsunuz. Kolay gelsin…</div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com4tag:blogger.com,1999:blog-30282507.post-9036381725672784202011-02-02T18:35:00.001+02:002011-02-02T19:04:53.612+02:00Kendi Widgetinizi Nasıl Yaparsınız?<p align="justify"> </p> <p align="justify"> </p> <p align="justify"> </p> <p align="justify" done6="1" done5="1" done3="1" done2="1" done0="1" done4="1"><span style="border-bottom: darkkhaki 1px solid; border-left: darkkhaki 1px solid; line-height: 60px; margin-top: 5px; padding-right: 5px; font-family: times; background: khaki; float: left; color: white; font-size: 80px; border-top: darkkhaki 1px solid; margin-right: 6px; border-right: darkkhaki 1px solid; padding-top: 2px">D</span>ostlar bu yazıyı 12 Aralık 2008 tarihinde yazmıştım. Ancak bu gün blogumu ziyaret eden bir dost <a style="filter: alpha(opacity=100); zoom: 1" href="http://azizname.blogspot.com/2008/11/blogger-side-bar-aralari-gadget.html" target="_blank" jquery1296645782828="2" jquery1296646058968="2" jquery1296646247343="2" jquery1296646658625="2" jquery1296663982796="2" jquery1296664054062="2">BLOGGER SİDE BAR ARAÇLARI (GADGET)</a> yazıma bir mesaj bırakmış. Bıraktığı mesajla ilgili daha önce bir yazı yazdığımı hatırladım. Ama daha önce yazdığım yazının artık güncelliğini yitirdiğini, o günden bu güne köprülerin altından çok sular aktığını gördüğüm için bu yazıyı güncellemeye karar verdim. O zamanlar yazımda bahsettiğim GOOGLE ın hizmetlerinden GOOGLE PAGE CREATOR (SAYFA OLUŞTURUCU) artık yok. Hizmetten kaldırdı yerine <a href="https://www.google.com/accounts/ServiceLogin?continue=http%3A%2F%2Fsites.google.com%2F%3Fhl%3Dtr&followup=http%3A%2F%2Fsites.google.com%2F%3Fhl%3Dtr&hl=tr&service=jotspot&passive=true&ul=1" target="_blank">GOOGLE SİTES</a> i oluşturup oradaki abone verilerini de <a href="https://www.google.com/accounts/ServiceLogin?continue=http%3A%2F%2Fsites.google.com%2F%3Fhl%3Dtr&followup=http%3A%2F%2Fsites.google.com%2F%3Fhl%3Dtr&hl=tr&service=jotspot&passive=true&ul=1" target="_blank">GOOGLE SİTES</a> e taşıdı. Tabi <a href="https://www.google.com/accounts/ServiceLogin?continue=http%3A%2F%2Fsites.google.com%2F%3Fhl%3Dtr&followup=http%3A%2F%2Fsites.google.com%2F%3Fhl%3Dtr&hl=tr&service=jotspot&passive=true&ul=1" target="_blank">GOOGLE SİTES</a> in sunduğu bazı araçlar burada farklı çalışıyor. O nedenle bu yazıda anlatacağımız olayda kısaca artık burası bizim işimize yaramıyor. O nedenle burayı artık kullanmayacağız. Burasının yerine başka bir online depolama alanını size önereceğim ama tabii sizler diğer onlarca online depolama alanlarından her hangi bir tanesini de kullanabilirsiniz.  Gelelim konumuza o günlerde bir kardeşim <span style="mso-spacerun: yes"> </span><a style="filter: alpha(opacity=100); zoom: 1" href="http://azizname.blogspot.com/2008/11/blogger-side-bar-aralari-gadget.html" jquery1296642731265="25" jquery1296642902125="2" jquery1296645782828="3" jquery1296646058968="3" jquery1296646247343="3" jquery1296646658625="3" jquery1296663982796="3" jquery1296664054062="3">"BLOGGER SİDE BAR ARAÇLARI (GADGET)"</a> Yazıma <em><font color="#800000">“hocam bişey sorcam ben. gadget ekleme kısmında <strong>kendinizinkini ekleyin</strong> diye biyer var. nasıl ekleniyor? nasıl gadget yapılıyor? bi bilgi verirsen sevinirim.”</font></em> diye bir yorum bırakmıştı. Bende bu yorum üzerine o günlerde bu yazıyı yazmıştım.</p> <div done6="3" done5="3" done3="3" done2="3" done0="3" done4="3"><span class="fullpost" done6="3" done5="3" done3="3" done2="3" done0="3" done4="3">Hani bazı bloklarda butonlar görürüz. <strong><font color="#800000">Technorati, feedburner, furl, magnolia, Facebook v.s</font></strong> sosyal sitelerin bookmark butonları gibi bende kendi butonumu yaptım. Sizlerde benimki gibi bir butonu <strong><font color="#008000">FİREWORKS</font></strong> veya <strong><font color="#008000">PHOTOSHOP</font></strong> gibi bir grafik, resim editörü programı ile yapın. Dosya boyutunu küçük olacak bir resim formatında kaydedin.  Bu butonun ebatlarını ben 100X36 yaptım. <a style="filter: alpha(opacity=100); zoom: 1" href="http://i151.photobucket.com/albums/s125/ihtiyarus/azizname-2.png" target="_blank" jquery1296564769359="4" jquery1296642405250="4" jquery1296642731265="2" jquery1296642902125="3" jquery1296645782828="18" jquery1296646058968="4" jquery1296646247343="4" jquery1296646658625="4" jquery1296663982796="4" jquery1296664054062="4"><img style="margin: 10px 0px; display: inline" alt="azizname-2" align="right" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SUHLVTnPoeI/AAAAAAAAAh8/p0dCijOzdJc/azizname2.png?imgmax=800" width="100" height="36" /></a> Siz istediğiniz boyutta yapabilirsiniz. Her neyse butonu yapın ve <strong done6="4" done5="4" done3="4" done2="4" done0="4" done4="4"><a style="filter: alpha(opacity=100); zoom: 1" href="http://photobucket.com/" target="_blank" jquery1296645782828="19" jquery1296646058968="5" jquery1296646247343="5" jquery1296646658625="5" jquery1296663982796="5" jquery1296664054062="5">photobucket</a></strong> gibi bir beleş siteye yükleyin.   Daha sonra resmininizi nereye yüklediyseniz sitenin vereceği resim URL sini yani adresini widget kodlarındaki aşağıdaki resimde gösterilen yere koyacaksınız. Resminize aşağıdaki resimde görüldüğü gibi blogunuzun adresini gireceksiniz. Yani resme tıkladığınızda tarayıcı sizin blogunuzu açacak. Diğer yerede resmi yüklediğiniz yerdeki adresini gireceksiniz. <p></p> <p class="MsoNormal" align="justify" done6="8" done5="8" done3="8" done2="8" done0="8" done4="8"><a style="filter: alpha(opacity=100); zoom: 1" href="http://i151.photobucket.com/albums/s125/ihtiyarus/adres-1.png" target="_blank" jquery1296564769359="9" jquery1296642405250="9" jquery1296642731265="7" jquery1296642902125="8" jquery1296645782828="4" jquery1296646058968="6" jquery1296646247343="6" jquery1296646658625="6" jquery1296663982796="6" jquery1296664054062="6"><img alt="adres-1" src="http://lh5.ggpht.com/_m4Sst6sv5bM/SUHLY9IgQ1I/AAAAAAAAAiM/Gqxl3f2XwZg/adres17.png?imgmax=800" width="420" height="191" /></a> </p> <p class="MsoNormal" align="justify">Widget bittiğinde widget <strong>xhtml</strong> kodunun tamamında renkli görülen bölümler aşağıda görüldüğü gibi size ait bölümler olacak.</p> <p class="MsoNormal" align="justify" done6="6" done5="6" done3="6" done2="6" done0="6" done4="6"><a style="filter: alpha(opacity=100); zoom: 1" href="http://i151.photobucket.com/albums/s125/ihtiyarus/adres-2.png" target="_blank" jquery1296564769359="10" jquery1296642405250="10" jquery1296642731265="8" jquery1296642902125="9" jquery1296645782828="5" jquery1296646058968="7" jquery1296646247343="7" jquery1296646658625="7" jquery1296663982796="7" jquery1296664054062="7"><img alt="adres-2" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SUHLZXDLSlI/AAAAAAAAAiQ/GLt29CoJ3xE/adres25.png?imgmax=800" width="420" height="280" /></a> </p> <p class="MsoNormal" align="justify" done6="7" done5="7" done3="7" done2="7" done0="7" done4="7">Şimdi tekrar bir tarayıcı açın ve adres satırına <a style="filter: alpha(opacity=100); zoom: 1" href="http://code.google.com/intl/tr/apis/gadgets/docs/legacy/gs.html#GGE" target="_blank" jquery1296564769359="11" jquery1296642405250="11" jquery1296642731265="9" jquery1296642902125="10" jquery1296645782828="6" jquery1296646058968="8" jquery1296646247343="8" jquery1296646658625="8" jquery1296663982796="8" jquery1296664054062="8"><strong>http://code.google.com/intl/tr/apis/gadgets/docs/legacy/gs.html#GGE</strong></a> adresini kopyala yapıştır deyip yapıştırın veya üşenmeyip aynen yazın. </p> <p class="MsoNormal" align="justify" done6="8" done5="8" done3="8" done2="8" done0="8" done4="5"><a style="filter: alpha(opacity=100); zoom: 1" href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-1.png" target="_blank" jquery1296564769359="12" jquery1296642405250="12" jquery1296642731265="10" jquery1296642902125="11" jquery1296645782828="7" jquery1296646058968="9" jquery1296646247343="9" jquery1296646658625="9" jquery1296663982796="9" jquery1296664054062="9"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="widget-1" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SUHLaxNu8cI/AAAAAAAAAiU/8S1AcBrJmvA/widget12.png?imgmax=800" width="424" height="253" /></a> </p> <p class="MsoNormal" align="justify" done6="12" done5="12" done3="12" done2="12" done0="12" done4="12"><a style="filter: alpha(opacity=100); zoom: 1" href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-13.png" target="_blank" jquery1296564769359="13" jquery1296642405250="13" jquery1296642731265="11" jquery1296642902125="12" jquery1296645782828="8" jquery1296646058968="10" jquery1296646247343="10" jquery1296646658625="10" jquery1296663982796="10" jquery1296664054062="10"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="widget-13" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SUHLb9xOdAI/AAAAAAAAAiY/kTtHI7RTnOw/widget132.png?imgmax=800" width="424" height="266" /></a>  </p> <p class="MsoNormal" align="justify">Açılan sayfada yukarıda resimde ki yeri bulun ve aşağıdaki kodu kendinize göre daha önce resimlerle anlattığım gibi düzenleyip aşağıda resimlerle sırasıyla gösterdiğim gibi widget html kodunu ilgili yere koyuyorsunuz. </p> <p></p> <p><strong>Kopyala Yapıştır Kodu:</strong> </p> <span class="code"><a href="http://azizname.blogspot.com"><img border="0" width="90" alt="AzizName" src="http://i73.photobucket.com/albums/i235/aziz52/azizname.png" height="33"/></a><form action="http://beta.blogger.com/add-widget" method="post"><input value="AzizName" name="widget.title" type="hidden"/><textarea style="display:nonne;" name="widget.content">&lt;a href=&quot;http://azizname.blogspot&quot;&gt;&lt;img border=&quot;0&quot; width=&quot;90&quot; alt=&quot;AzizName&quot; src=&quot;http:i73.photobucket.com/albums/i235/aziz52/azizname.png&quot; height=&quot;33&quot;/&gt;&lt;/a&gt;</textarea><input value="bloguna ekle!" name"go" type="submit"/></form> </span> <p align="justify" done6="14" done5="14" done3="14" done2="14" done0="14" done4="14"><a style="filter: alpha(opacity=100); zoom: 1" href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-2.png" target="_blank" jquery1296564769359="15" jquery1296642405250="15" jquery1296642731265="13" jquery1296642902125="14" jquery1296645782828="10" jquery1296646058968="12" jquery1296646247343="12" jquery1296646658625="11" jquery1296663982796="11" jquery1296664054062="11"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="widget-2" src="http://lh5.ggpht.com/_m4Sst6sv5bM/SUHLeEBr4gI/AAAAAAAAAig/W4UQu8VFpvM/widget21.png?imgmax=800" width="424" height="266" /></a> </p> <p align="justify" done6="15" done5="15" done3="15" done2="15" done0="15" done4="15"><a style="filter: alpha(opacity=100); zoom: 1" href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-4.png" target="_blank" jquery1296564769359="16" jquery1296642405250="16" jquery1296642731265="14" jquery1296642902125="15" jquery1296645782828="11" jquery1296646058968="13" jquery1296646247343="13" jquery1296646658625="12" jquery1296663982796="12" jquery1296664054062="12"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="widget-4" src="http://lh5.ggpht.com/_m4Sst6sv5bM/SUHLfm0p-7I/AAAAAAAAAik/U9jlXfxVVYs/widget42.png?imgmax=800" width="424" height="263" /></a> </p> <p align="justify">Title başlığı yani aşağıdaki resimde görüldüğü gibi düzenliyorsunuz. </p> <p align="justify" done6="16" done5="16" done3="16" done2="16" done0="16" done4="16"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-3.png" target="_blank" jquery1296564769359="17" jquery1296642405250="17" jquery1296642731265="15" jquery1296642902125="16" jquery1296645782828="12" jquery1296646058968="14" jquery1296646247343="14" jquery1296646658625="13" jquery1296663982796="13" jquery1296664054062="13"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="widget-3" src="http://lh5.ggpht.com/_m4Sst6sv5bM/SUHLhB9r88I/AAAAAAAAAio/h170iVI-yys/widget31.png?imgmax=800" width="424" height="266" /></a> </p> <p align="justify">Daha sonra aşağıda resimde görüldüğü gibi widgetimizin Preview sekmesine tıklayıp ön izlemesine bakıyoruz. </p> <p align="justify" done6="17" done5="17" done3="17" done2="17" done0="17" done4="17"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-5.png" target="_blank" jquery1296564769359="18" jquery1296642405250="18" jquery1296642731265="16" jquery1296642902125="17" jquery1296645782828="13" jquery1296646058968="15" jquery1296646247343="15" jquery1296646658625="14" jquery1296663982796="14" jquery1296664054062="14"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="widget-5" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SUHLhtN3RMI/AAAAAAAAAis/Kp4DJ-Hz9Rg/widget51.png?imgmax=800" width="424" height="158" /></a> </p> <p align="justify" done6="18" done5="18" done3="18" done2="18" done0="18" done4="18"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-6.png" target="_blank" jquery1296564769359="19" jquery1296642405250="19" jquery1296642731265="17" jquery1296642902125="18" jquery1296645782828="14" jquery1296646058968="16" jquery1296646247343="16" jquery1296646658625="15" jquery1296663982796="15" jquery1296664054062="15"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="widget-6" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SUHLieWzPTI/AAAAAAAAAiw/zSyFGCT6nrU/widget61.png?imgmax=800" width="424" height="148" /></a> </p> <p align="justify">Daha sonra sırasıyla resimlerdeki gibi save e tıklayıp kaydetme işlemine geçiyoruz. Widgetimize bir ad veriyoruz. </p> <p align="justify" done6="19" done5="19" done3="19" done2="19" done0="19" done4="19"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-7.png" target="_blank" jquery1296564769359="20" jquery1296642405250="20" jquery1296642731265="18" jquery1296642902125="19" jquery1296645782828="15" jquery1296646058968="17" jquery1296646247343="17" jquery1296646658625="16" jquery1296663982796="16" jquery1296664054062="16"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="widget-7" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SUHLjRPAAdI/AAAAAAAAAi0/LqhTkKZMOJY/widget71.png?imgmax=800" width="424" height="196" /></a> </p> <p align="justify">Kaydettikten sonra resimde görüldüğü gibi widgetimizin adına tıklıyoruz. </p> <p align="justify" done6="20" done5="20" done3="20" done2="20" done0="20" done4="20"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-8.png" target="_blank" jquery1296564769359="21" jquery1296642405250="21" jquery1296642731265="19" jquery1296642902125="20" jquery1296645782828="16" jquery1296646058968="18" jquery1296646247343="18" jquery1296646658625="17" jquery1296663982796="17" jquery1296664054062="17"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="widget-8" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SUHLkXco9VI/AAAAAAAAAi4/xeluosHhlVQ/widget81.png?imgmax=800" width="424" height="179" /></a> </p> <p align="justify">Tarayıcıda açılan sayfada resimdeki gibi adresi kopyalıyoruz. </p> <p align="justify" done6="21" done5="21" done3="21" done2="21" done0="21" done4="21"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-9.png" target="_blank" jquery1296564769359="22" jquery1296642405250="22" jquery1296642731265="20" jquery1296642902125="21" jquery1296645782828="17" jquery1296646058968="19" jquery1296646247343="19"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="widget-9" src="http://lh4.ggpht.com/_m4Sst6sv5bM/SUHLlZ0RbdI/AAAAAAAAAi8/fBe9m_ZTYh8/widget91.png?imgmax=800" width="424" height="149" /></a> </p> <p align="justify">İşte eylem artık çok kolay. Yerleşim sekmesinde side bar da gadget ekle linkine tıkladınız, </p> <p align="justify" done6="22" done5="22" done3="22" done2="22" done0="22" done4="22"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-10.png" target="_blank" jquery1296564769359="23" jquery1296642405250="23" jquery1296642731265="21" jquery1296642902125="22"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="widget-10" src="http://lh4.ggpht.com/_m4Sst6sv5bM/SUHLmFYSxHI/AAAAAAAAAjA/7Ou1HWHw6cU/widget101.png?imgmax=800" width="424" height="224" /></a> </p> <p align="justify">Gadget Ekle aracı açıldı, solda aşağıda Kendinizinkini ekleyin linkine tıklıyorsunuz, açılan pencerede Blogunuza eklemek istediğiniz widget in kopyaladığımız URL'sini giriyoruz.. </p> <p align="justify" done6="23" done5="23" done3="23" done2="23" done0="23" done4="23"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-11.png" target="_blank" jquery1296564769359="24" jquery1296642405250="24" jquery1296642731265="22" jquery1296642902125="23"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="widget-11" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SUHLnJdszKI/AAAAAAAAAjE/31fy8pqmzi0/widget111.png?imgmax=800" width="424" height="380" /></a> </p> <p align="justify">Resimlerdeki gibi işlemleri sırasıyla yapıyoruz. </p> <p align="justify" done6="24" done5="24" done3="24" done2="24" done0="24" done4="24"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-12.png" target="_blank" jquery1296564769359="25" jquery1296642405250="25" jquery1296642731265="23"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="widget-12" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SUHLoXLXcNI/AAAAAAAAAjI/KPMb02ZTX6k/widget121.png?imgmax=800" width="424" height="252" /></a> </p> <p align="justify">Ta taaaaa…. He he! Widgetiniz tamam. Kolay gelsin….</p> <p align="justify"> </p> <p align="justify"> </p> <p align="justify"> </p> <p align="justify"> </p> <p align="justify"> </p> <p align="justify"> </p> <p align="justify"> </p> <p align="justify"> </p> </span></div> ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com5tag:blogger.com,1999:blog-30282507.post-29721218133549951652010-05-04T13:17:00.002+03:002010-05-04T15:13:19.279+03:00SON YAZILANLAR VE SON YORUMLAR WİDGETİ OLUŞTURMAK<p align="justify">Dostlar epeydir bu bloga yazı yazmıyordum. Ama birkaç yorum bırakan arkadaşların değindikleri konularla bende uğraşmıştım. Bu konuları bir şekilde atlamışım.</p> <p align="justify">Her neyse biz konumuza gelelim. İşlem esasında çok basit. Bütün blog ve web sitelerinin Atom ve RSS adresleri vardır. Biz bu adreslerde ufak tefek değişiklikler yaparak bu adresleri içerik takibi gadget aracına girerek oluşturacağız. Bloglarınızın <strong>atom</strong> ve <strong>RSS</strong> adreslerini tarayıcınızın toolbarından görünüm sekmesinden sayfa kaynağını göster diyerek açılan blogunuzun kaynak kodlarını daha doğrusu HTML kodu ile yazılmış halini göreceksiniz. </p> <div><span class="fullpost"> <p align="justify"><img src="http://i151.photobucket.com/albums/s125/ihtiyarus/adres-1-1.gif" width="465" height="70" /> </p> <p align="justify">Burada benim AzizName Blogumun Atom ve RSS adreslerinin yazıldığı bölümü görüyorsunuz. Sizde aynı bölümü bulup oradan adresinizi kopyala yapıştır yöntemiyle bir hamlede bu işi halledebilirsiniz. Şimdi bu işi sırasıyla beraberce yapalım.</p> <p align="justify"><img src="http://i151.photobucket.com/albums/s125/ihtiyarus/gadget_ekle.gif" /> </p> <p align="justify"><strong>1-</strong> Blogunuzun yerleşim sekmesinde side bar kutucuklarının yukarısında bulunan <strong><font color="#0080c0">Gadget Ekle</font></strong> linkine tıklayacaksınız.</p> <p align="justify"><img src="http://i151.photobucket.com/albums/s125/ihtiyarus/icerik_takibi-1.gif" /> </p> <p align="justify"><strong>2-</strong> <strong>İçerik Takibi</strong> aracını tıklayıp açacaksınız. İçerik takibini yapılandır bölümü açılacak. Buraya işte blogumuzun <strong>Atom</strong> veya <strong>RSS</strong> adresini gireceğiz.</p> <p align="justify"><img src="http://i151.photobucket.com/albums/s125/ihtiyarus/son_yazlar.gif" width="450" height="208" /> </p> <p align="justify"> </p> <p align="justify"><strong>3-</strong> Adreste <strong>POSTS </strong>yazan şekliyle <strong>SON YAZILAR</strong> gadgetini oluşturmuş olacağız. Buraya adresimizi kaynak kodlarını açıp kopyala yapıştır yaparak adresimizi giriyoruz. Devam butonuna basıyoruz. Açılan bölümde Son yazılan yazıların listesini istediğiniz gibi düzenledikten sonra en fazla beş adet olarak yayınlanacak hale getirip kaydet düğmesine basıp gadgetimizi oluşturuyoruz. </p> <p align="justify"><img src="http://i151.photobucket.com/albums/s125/ihtiyarus/son_yazlar-1.gif" width="450" height="405" /> </p> <p align="justify"><strong>4-</strong> Adreste <strong>POSTS</strong> yazan yere <strong>COMMENTS</strong> yazarsak <strong>SON YORUMLAR</strong> gadgetini oluşturmuş oluruz. Burada da aynı aşamalardan sonra aynı şekilde gadgetimizi oluşturuyoruz.</p> <p align="justify"><img src="http://i151.photobucket.com/albums/s125/ihtiyarus/son_yorumlar.gif" width="450" height="204" /> </p> <p align="justify"><img src="http://i151.photobucket.com/albums/s125/ihtiyarus/son_yorumlar-1.gif" width="450" height="412" /> </p> <p align="justify">Yorumlarınızı yazarken isimlerinizi ve mail adresinizi yazarsanız size cevap verebilirim.</p> <p align="justify">Hepiniz gadgetlerinizi güle güle kullanınız…</p> <p></p> </span></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com2tag:blogger.com,1999:blog-30282507.post-85889774012374370212009-06-02T14:54:00.008+03:002009-06-16T17:15:10.288+03:00Blogger için Arşiv Takvim Widgeti Yapmak<p align="justify"><span style="border-right: #8a614f 1px solid; padding-right: 5px; border-top: #8a614f 1px solid; margin-top: 5px; font-size: 80px; background: #f8e78b; float: left; border-left: #8a614f 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: #8a614f 1px solid; font-family: times">S</span>evgili dostlar ne zamandır aradığım bir aleti buldum.Birkaç gün önce bir önceki yazımı yazarken phydeaux3 de uğramışken biraz sağı solu kurcalayayım dedim. Sağa sola bakarken <em><strong>(ARCHİVE CALENDER)</strong></em> <strong>ARŞİV TAKVİM</strong> gözüme çarptı. Daha önce görmemiştim. Ya da vardı da sanki benim dikkatimi çekmemişti. Her neyse hemen blogun sağını solunu aramaya başladım ve de buldum. <div><span class="fullpost">Evet yanılmamışım <strong><a href="http://phydeaux3.blogspot.com/2007/04/blogger-archive-calender.html" target="_blank">phydeaux3</a></strong> BLOGGER kullananlar için bir <strong>ARŞİV TAKVİM</strong> tasarlamış. Takvimi denedim ve de çok güzel çalıştığını gördüm. Benim hoşuma gitti belki sizin de hoşunuza gider düşüncesiyle burada <strong>BLOGGER</strong> a nasıl uyarlayacağınızı anlatmaya çalışacağım. Bu takvimi denerken gördüm takvimin hazır birkaç değişik görünüşünün de hazır kodlarını vermiş sayın <strong><a href="http://phydeaux3.blogspot.com/2007/04/blogger-archive-calender.html" target="_blank">phydeaux3</a></strong>. Ama bu da sizi kesmezse takvim görünüşünü istediğiniz gibi basitçe düzenleyebileceğiniz kodları da vermiş. Ama yok ben daha değişik bir takvim istiyorum derseniz de gerisi artık sizin sınırsız yeteneğinize kalıyor. Bu arada belirtmeden geçemeyeceğim . <strong><a href="http://phydeauxredux.googlepages.com/Blogger-Archive-Calendar.html" target="_blank">phydeaux3</a> </strong>bilmenizi isterim bu takvim için epeyce <a href="http://phydeauxredux.googlepages.com/Blogger-Archive-Calendar-Styles.html" target="_blank"><strong>emek</strong></a> harcamış. Her neyse <strong>ARŞİV TAKVİM</strong> Blogger’a nasıl uyarlanacak onu anlatmaya başlayalım.</p> <p align="justify">Bu sadece Yeni Blogger Şablonlarında <strong>HTML’yi Düzenle</strong> kullanarak uygulanabilir. (Blogspot veya özel alan).. Klasik Şablonlara uygulanamaz.</p> <p align="justify">Ayrıca, mesaj için beslemeler için <strong>ayarlar</strong> bölümünde (<strong>Blogger> Kontrol Paneli> Ayarlar> Site Beslemesi> Yazı Beslemesi</strong> ya <strong>Tam</strong> veya <strong>Kısa</strong> ayarlı olabilir) etkin olmalıdır. Özel herkesin ziyaret edemediği izine bağlı bloglarda da uygulanamaz, bu yüzden beslemeler desteklenmez.</p> <p><strong>1. ADIM :</strong></p> <p align="justify">İşleme başlamadan evvel her zamanki gibi şablonunuzun bir yedeğini alın. Şablonda <strong>Git > HTML’yi Düzenle</strong> sekmesine. Bu Widget Şablonlarını Genişlet kutusunu da (varsayılan) işaretlemeyin</p> <p align="justify">Bu kod Arşiv widgeti yerini alacak. Aşağıdaki kod satırlarını şablon kodları içinde bulun. Bu kod satırları aşağıdaki gibi bir şey olacaktır.</p> <p> </p> <p class="MsoNormal" style="mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: " mso-fareast-language:="mso-fareast-language:" tur?;="tur?;" arial="arial" tr?="TR?"><div id='sidebar-wrapper'> </span> <br /><span style="font-size: 10pt; font-family: " mso-fareast-language:="mso-fareast-language:" tur?;="tur?;" arial="arial" tr?="TR?"><span style="mso-spacerun: yes">    </span><b:section class='sidebar' id='sidebar' preferred='yes'> </span> <br /><span style="font-size: 10pt; font-family: " mso-fareast-language:="mso-fareast-language:" tur?;="tur?;" arial="arial" tr?="TR?"><b:widget id='HTML3' locked='false' title=' ' type='HTML' /> </span> <br /><span style="font-size: 10pt; font-family: " mso-fareast-language:="mso-fareast-language:" tur?;="tur?;" arial="arial" tr?="TR?"><b:widget id='LinkList1' locked='false' title='Links' type='LinkList' /> </span> <br /><span style="font-size: 10pt; background: aqua; font-family: " mso-fareast-language:="mso-fareast-language:" tur?;="tur?;" arial="arial" aqua?="aqua?" mso-highlight:="mso-highlight:" TR;="TR;"><b:widget id='BlogArchive1' locked='false' title='Blog Archive ' type='BlogArchive' /></span><span style="font-size: 10pt; font-family: " mso-fareast-language:="mso-fareast-language:" tur?;="tur?;" arial="arial" tr?="TR?"> </span> <br /><span style="font-size: 10pt; font-family: " mso-fareast-language:="mso-fareast-language:" tur?;="tur?;" arial="arial" tr?="TR?"><b:widget id='Profile1' locked='false' title='About Me ' type='Profile' /> </span> <br /><span style="font-size: 10pt; font-family: " mso-fareast-language:="mso-fareast-language:" tur?;="tur?;" arial="arial" tr?="TR?"></b:section> </span> <br /><span style="font-size: 10pt; font-family: " mso-fareast-language:="mso-fareast-language:" tur?;="tur?;" arial="arial" tr?="TR?"><span style="mso-spacerun: yes">          </span></div></span></p> <p align="justify">Yukarıda vurgulanmış mavi renkli satırı aynı şekilde seçin ve aşağıdaki kod kümesini kopyalayıp seçili satırın üstüne yapıştırın.</p> <span class="code"><b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'><br /><b:includable id='main'><br /> <b:if cond='data:title'><br /> <h2><data:title/></h2><br /> </b:if><br /> <div class='widget-content'><br /> <div id='ArchiveList'><br /> <div expr:id='data:widget.instanceId + "_ArchiveList"'><br /> <b:if cond='data:style == "HIERARCHY"'><br /> <b:include data='data' name='interval'/><br /> </b:if><br /> <b:if cond='data:style == "FLAT"'><br /> <b:include data='data' name='flat'/><br /> </b:if><br /> <b:if cond='data:style == "MENU"'><br /> <b:include data='data' name='menu'/><br /> </b:if><br /> </div><br /> </div><br /> <b:include name='quickedit'/><br /> </div><br /></b:includable><br /><b:includable id='toggle' var='interval'><br /> <!-- Toggle not needed for Calendar --><br /></b:includable><br /><b:includable id='flat' var='data'><br /> <div id='bloggerCalendarList'><br /> <ul><br /> <b:loop values='data:data' var='i'><br /> <li class='archivedate'><br /> <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)<br /> </li><br /> </b:loop><br /> </ul><br /> </div><br /><br /><div id='blogger_calendar' style='display:none'><br /><table id='bcalendar'><caption id='bcaption'><br /><br /></caption><br /><!-- Table Header --><br /><thead id='bcHead'></thead><br /><!-- Table Footer --><br /><br /><!-- Table Body --><br /><tbody><tr><td id='cell1'> </td><td id='cell2'> </td><td id='cell3'> </td><td id='cell4'> </td><td id='cell5'> </td><td id='cell6'> </td><td id='cell7'> </td></tr><br /><tr><td id='cell8'> </td><td id='cell9'> </td><td id='cell10'> </td><td id='cell11'> </td><td id='cell12'> </td><td id='cell13'> </td><td id='cell14'> </td></tr><br /><tr><td id='cell15'> </td><td id='cell16'> </td><td id='cell17'> </td><td id='cell18'> </td><td id='cell19'> </td><td id='cell20'> </td><td id='cell21'> </td></tr><br /><tr><td id='cell22'> </td><td id='cell23'> </td><td id='cell24'> </td><td id='cell25'> </td><td id='cell26'> </td><td id='cell27'> </td><td id='cell28'> </td></tr><br /><tr><td id='cell29'> </td><td id='cell30'> </td><td id='cell31'> </td><td id='cell32'> </td><td id='cell33'> </td><td id='cell34'> </td><td id='cell35'> </td></tr><br /><tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr><br /></tbody><br /></table><br /><table id='bcNavigation'><tr><br /><td id='bcFootPrev'></td><br /><td id='bcFootAll'></td><br /><td id='bcFootNext'></td><br /></tr></table> <br /><br /><div id='calLoadingStatus' style='display:none; text-align:center;'><br /><script type='text/javascript'>bcLoadStatus();</script><br /></div><br /><div id='calendarDisplay'/><br /><br /></div><br /><br /><script type='text/javascript'> initCal();</script><br /><br /></b:includable><br /><b:includable id='posts' var='posts'><br /><!-- posts not needed for Calendar --><br /></b:includable><br /><b:includable id='menu' var='data'><br /> Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format<br /></b:includable><br /><b:includable id='interval' var='intervalData'><br /> Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format<br /></b:includable><br /></b:widget><br /></span><br /><br /><p align="justify">Bu noktada siz şablonu kaydetmek isteyebilirsiniz. Eğer yukarıdaki kodları doğru kopyalayıp yine tarif edilen yere doğru yapıştırdığınızdan tekrar kontrol ederek emin olun. Şablonu bence henüz bu aşamada kaydetmeyin. Çünkü daha kopyalayıp yapıştıracağımız çok kod var.</p><br /><br /><p align="justify">Şimdi, kopyalama yapıştırma işlemine devam edelim. Eğer bir dış sunucu yani kullandığınız online dosya depolama alanınız varsa (hiçbir düzeltme yapmadan / script etiketleri ile biten) ve. Js uzantılı bir dosya olarak aşağıdaki script kodlarını not pad e kopyalayıp yapıştırın ve kaydedin, daha sonra bu dosyaya bağlantı vererek de bu dosyayı script kodlarını çalıştırabilirsiniz. Ya da şu anda tarif edeceğim yere aşağıdaki script kodlarını direk kopyalayıp yine tarif edeceğim yere yapıştırın. Bu işlem daha kolay gibi geliyor bana. Yinede tercih sizin. Evet artık devam edebiliriz.</p><br /><br /><p align="justify"><strong>2.ADIM :</strong></p><br /><br /><p class="MsoNormal" align="justify">Şablonunuzda Bu bitiş etiketini <span style="mso-spacerun: yes"> <strong> </strong></span><strong><span style="font-family: wingdings; mso-ascii-font-family: arial; mso-hansi-font-family: arial; mso-char-type: symbol; mso-symbol-font-family: wingdings"><span style="mso-char-type: symbol; mso-symbol-font-family: wingdings">à</span></span><span style="mso-spacerun: yes">  </span><span style="mso-spacerun: yes"> </span><font color="#ff0000">]]></ b: skin></font></strong> ve kapanış <span style="mso-spacerun: yes">    </span><strong><span style="font-family: wingdings; mso-ascii-font-family: arial; mso-hansi-font-family: arial; mso-char-type: symbol; mso-symbol-font-family: wingdings"><span style="mso-char-type: symbol; mso-symbol-font-family: wingdings">à</span></span><span style="mso-spacerun: yes">  <font color="#ff0000"></font></span><font color="#ff0000"></ head></font></strong> etiketini bulun. Bu etiketler aynen yazıldığı gibi olacaktır.</p><br /><br /><p class="MsoNormal"><a href="http://lh5.ggpht.com/_m4Sst6sv5bM/SiUS5-JYTGI/AAAAAAAAAz8/EIEcy7-VARA/s1600-h/scriptpaste17.gif"><img height="198" alt="scriptpaste-1" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SiUS6bk4woI/AAAAAAAAA0A/hxzdDqBZa-A/scriptpaste1_thumb5.gif?imgmax=800" width="341" /></a> </p><br /><br /><p align="justify">Yukarıdaki resimde mavi renkle vurguladığımız daha önce bahsettiğimiz iki kapanış etiketinin arasına aşağıdaki kodları kopyalayıp yapıştıracağız. Bu bölümde daha önce bu bölüme konmuş başka script kod kümeleri olabilir. O zaman kafanızın karışmaması ve yanlış yapmamanız için ya <strong><font color="#ff0000"></head></font></strong> kapanış etiketinin hemen üstüne veya <strong><font color="#ff0000">]]></ b: skin></font></strong> kapanış etiketinin hemen altına da yapıştırabilirsiniz.</p><br /><br /><span class="code"><!-- Blogger Archive Calendar --><br /><script type='text/javascript'><br />//<![CDATA[<br /><br />var bcLoadingImage = "http://phydeauxredux.googlepages.com/loading-trans.gif";<br />var bcLoadingMessage = " Loading....";<br />var bcArchiveNavText = "View Archive";<br />var bcArchiveNavPrev = '&#9668;';<br />var bcArchiveNavNext = '&#9658;';<br />var headDays = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];<br />var headInitial = ["Su","Mo","Tu","We","Th","Fr","Sa"];<br /><br />// Nothing to configure past this point ----------------------------------<br />var timeOffset;<br />var bcBlogID;<br />var calMonth;<br />var calDay = 1;<br />var calYear;<br />var startIndex;<br />var callmth;<br />var bcNav = new Array ();<br />var bcList = new Array ();<br /><br />//Initialize Fill Array<br />var fill = ["","31","28","31","30","31","30","31","31","30","31","30","31"];<br />function openStatus(){<br /> document.getElementById('calLoadingStatus').style.display = 'block';<br /> document.getElementById('calendarDisplay').innerHTML = '';<br /> }<br />function closeStatus(){<br /> document.getElementById('calLoadingStatus').style.display = 'none';<br /> }<br />function bcLoadStatus(){<br /> cls = document.getElementById('calLoadingStatus');<br /> img = document.createElement('img');<br /> img.src = bcLoadingImage;<br /> img.style.verticalAlign = 'middle';<br /> cls.appendChild(img);<br /> txt = document.createTextNode(bcLoadingMessage);<br /> cls.appendChild(txt);<br /> }<br />function callArchive(mth,yr,nav){<br />// Check for Leap Years<br /> if (((yr % 4 == 0) && (yr % 100 != 0)) || (yr % 400 == 0)) {<br /> fill[2] = '29';<br /> }<br /> else {<br /> fill[2] = '28';<br /> }<br /> calMonth = mth;<br /> calYear = yr;<br /> if(mth.charAt(0) == 0){<br /> calMonth = mth.substring(1);<br /> }<br /> callmth = mth;<br /> bcNavAll = document.getElementById('bcFootAll');<br /> bcNavPrev = document.getElementById('bcFootPrev');<br /> bcNavNext = document.getElementById('bcFootNext');<br /> bcSelect = document.getElementById('bcSelection');<br /> a = document.createElement('a');<br /> at = document.createTextNode(bcArchiveNavText);<br /> a.href = bcNav[nav];<br /> a.appendChild(at);<br /> bcNavAll.innerHTML = '';<br /> bcNavAll.appendChild(a);<br /> bcNavPrev.innerHTML = '';<br /> bcNavNext.innerHTML = '';<br /> if(nav < bcNav.length -1){<br /> a = document.createElement('a');<br /> a.innerHTML = bcArchiveNavPrev;<br /> bcp = parseInt(nav,10) + 1;<br /> a.href = bcNav[bcp];<br /> a.title = 'Previous Archive';<br /> prevSplit = bcList[bcp].split(',');<br /> a.onclick = function(){bcSelect.options[bcp].selected = true;openStatus();callArchive(prevSplit[0],prevSplit[1],prevSplit[2]);return false;};<br /> bcNavPrev.appendChild(a);<br /> }<br /> if(nav > 0){<br /> a = document.createElement('a');<br /> a.innerHTML = bcArchiveNavNext;<br /> bcn = parseInt(nav,10) - 1;<br /> a.href = bcNav[bcn];<br /> a.title = 'Next Archive';<br /> nextSplit = bcList[bcn].split(',');<br /> a.onclick = function(){bcSelect.options[bcn].selected = true;openStatus();callArchive(nextSplit[0],nextSplit[1],nextSplit[2]);return false;};<br /> bcNavNext.appendChild(a);<br /> }<br /> script = document.createElement('script');<br /> script.src = 'http://www.blogger.com/feeds/'+bcBlogId+'/posts/summary?published-max='+calYear+'-'+callmth+'-'+fill[calMonth]+'T23%3A59%3A59'+timeOffset+'&published-min='+calYear+'-'+callmth+'-01T00%3A00%3A00'+timeOffset+'&max-results=100&orderby=published&alt=json-in-script&callback=cReadArchive';<br /> document.getElementsByTagName('head')[0].appendChild(script);<br />}<br /><br />function cReadArchive(root){<br />// Check for Leap Years<br /> if (((calYear % 4 == 0) && (calYear % 100 != 0)) || (calYear % 400 == 0)) {<br /> fill[2] = '29';<br /> }<br /> else {<br /> fill[2] = '28';<br /> }<br /> closeStatus();<br /> document.getElementById('lastRow').style.display = 'none';<br /> calDis = document.getElementById('calendarDisplay');<br /> var feed = root.feed;<br /> var total = feed.openSearch$totalResults.$t;<br /> var entries = feed.entry || [];<br /> var fillDate = new Array();<br /> var fillTitles = new Array();<br /> fillTitles.length = 32;<br /> var ul = document.createElement('ul');<br /> ul.id = 'calendarUl';<br /> for (var i = 0; i < feed.entry.length; ++i) {<br /> var entry = feed.entry[i];<br /> for (var j = 0; j < entry.link.length; ++j) {<br /> if (entry.link[j].rel == "alternate") {<br /> var link = entry.link[j].href;<br /> }<br /> }<br /> var title = entry.title.$t;<br /> var author = entry.author[0].name.$t;<br /> var date = entry.published.$t;<br /> var summary = entry.summary.$t;<br /> isPublished = date.split('T')[0].split('-')[2];<br /> if(isPublished.charAt(0) == '0'){<br /> isPublished = isPublished.substring(1);<br /> }<br /> fillDate.push(isPublished);<br /> if (fillTitles[isPublished]){<br /> fillTitles[isPublished] = fillTitles[isPublished] + ' | ' + title;<br /> }<br /> else {<br /> fillTitles[isPublished] = title;<br /> }<br /> li = document.createElement('li');<br /> li.style.listType = 'none';<br /> li.innerHTML = '<a href="'+link+'">'+title+'</a>';<br /> ul.appendChild(li);<br /><br /> }<br /> calDis.appendChild(ul);<br /> var val1 = parseInt(calDay, 10)<br /> var valxx = parseInt(calMonth, 10);<br /> var val2 = valxx - 1;<br /> var val3 = parseInt(calYear, 10);<br /> var firstCalDay = new Date(val3,val2,1);<br /> var val0 = firstCalDay.getDay();<br /> startIndex = val0 + 1;<br /> var dayCount = 1;<br /> for (x =1; x < 38; x++){<br /> var cell = document.getElementById('cell'+x);<br /> if( x < startIndex){<br /> cell.innerHTML = ' ';<br /> cell.className = 'firstCell';<br /> }<br /> if( x >= startIndex){<br /> cell.innerHTML = dayCount;<br /> cell.className = 'filledCell';<br /> for(p = 0; p < fillDate.length; p++){<br /> if(dayCount == fillDate[p]){<br /> if(fillDate[p].length == 1){<br /> fillURL = '0'+fillDate[p];<br /> }<br /> else {<br /> fillURL = fillDate[p];<br /> }<br /> cell.className = 'highlightCell';<br /> cell.innerHTML = '<a href="/search?updated-max='+calYear+'-'+callmth+'-'+fillURL+'T23%3A59%3A59'+timeOffset+'&updated-min='+calYear+'-'+callmth+'-'+fillURL+'T00%3A00%3A00'+timeOffset+'" title="'+fillTitles[fillDate[p]].replace(/"/g,'\'')+'">'+dayCount+'</a>';<br /> }<br /> }<br /> if( dayCount > fill[valxx]){<br /> cell.innerHTML = ' ';<br /> cell.className = 'emptyCell'; <br /> }<br /> dayCount++; <br /> }<br /> }<br /> visTotal = parseInt(startIndex) + parseInt(fill[valxx]) -1;<br /> if(visTotal >35){<br /> document.getElementById('lastRow').style.display = '';<br /> }<br /> }<br /><br />function initCal(){<br /> document.getElementById('blogger_calendar').style.display = 'block';<br /> var bcInit = document.getElementById('bloggerCalendarList').getElementsByTagName('a');<br /> var bcCount = document.getElementById('bloggerCalendarList').getElementsByTagName('li');<br /> document.getElementById('bloggerCalendarList').style.display = 'none';<br /> calHead = document.getElementById('bcHead');<br /> tr = document.createElement('tr');<br /> for(t = 0; t < 7; t++){<br /> th = document.createElement('th');<br /> th.abbr = headDays[t];<br /> scope = 'col';<br /> th.title = headDays[t];<br /> th.innerHTML = headInitial[t];<br /> tr.appendChild(th);<br /> }<br /> calHead.appendChild(tr);<br /> for (x = 0; x <bcInit.length;x++){<br /> var stripYear= bcInit[x].href.split('_')[0].split('/')[3];<br /> var stripMonth = bcInit[x].href.split('_')[1];<br /> bcList.push(stripMonth + ','+ stripYear + ',' + x);<br /> bcNav.push(bcInit[x].href);<br /> }<br /> var sel = document.createElement('select');<br /> sel.id = 'bcSelection';<br /> sel.onchange = function(){var cSend = this.options[this.selectedIndex].value.split(',');openStatus();callArchive(cSend[0],cSend[1],cSend[2]);};<br /> q = 0;<br /> for (r = 0; r <bcList.length; r++){<br /> var selText = bcInit[r].innerHTML;<br /> var selCount = bcCount[r].innerHTML.split('> (')[1];<br /> var selValue = bcList[r];<br /> sel.options[q] = new Option(selText + ' ('+selCount,selValue);<br /> q++<br /> } <br /> document.getElementById('bcaption').appendChild(sel);<br /> var m = bcList[0].split(',')[0];<br /> var y = bcList[0].split(',')[1];<br /> callArchive(m,y,'0');<br /> }<br /><br />function timezoneSet(root){<br /> var feed = root.feed;<br /> var updated = feed.updated.$t;<br /> var id = feed.id.$t;<br /> bcBlogId = id.split('blog-')[1];<br /> upLength = updated.length;<br /> if(updated.charAt(upLength-1) == "Z"){timeOffset = "+00:00";}<br /> else {timeOffset = updated.substring(upLength-6,upLength);}<br /> timeOffset = encodeURIComponent(timeOffset);<br />}<br /><br />//]]><br /></script><br /><script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'></script><br /><!-- End Blogger Archive Calendar --><br /></span><br /><br /><p class="MsoNormal" align="justify">4 Mayıs 2007 itibariyle yazılar için saat dilimi ayarlarınız <strong>Autodetect </strong>olacaktır. Yani otomatik algılanacaktır. Burada bazı şeyler değiştirilebilir olmalı, ama bir kaç şey, bazı insanlar yapılandırmak isteyebilir. (özellikle İngilizce olmayan bloglar) ama şimdi varsayılan normal ayarlarda da yaptık. Eğer bazı şeyleri değiştirmek istiyorsanız (özellikle de) sonra bunu da yapabileceğiniz CSS kodlarını da birazdan aşağıda vereceğim. </p><br /><br /><p class="MsoNormal" align="justify">Sonra, şablonda bitiş <strong><font color="#ff0000">]]></b:skin></font></strong> etiketini bulun ve aşağıdaki verilen <strong>CSS stil</strong> kodlarını tarif edeceğimiz yere kopyalayıp yapıştırın.</p><br /><br /><p class="MsoNormal" align="justify">Şimdi vereceğimiz kodlar tamamen takvimin biçimini belirleyen kodlardır. Aşağıda çeşitli hazır stil kodları da bulacaksınız.</p><br /><br /><p class="MsoNormal" align="justify"><strong>3.ADIM :</strong></p><br /><br /><p class="MsoNormal" align="justify"><strong>Plain Base Style</strong></p><br /><br /><p class="MsoNormal" align="justify">Bu stil sizin için uygun olabilir, ancak tüm diğer stilleride denemek isteyebilirsiniz. Ben sizin için bir kaçını denedim.</p><br /><br /><span class="code">/* Calendar<br />----------------------------------------------- */<br /><br />/* div that holds calendar */<br />#blogger_calendar { margin:5px 0 0 0;width:98%;}<br /><br />/* Table Caption - Holds the Archive Select Menu */<br />#bcaption {border:1px solid #000;padding:2px;margin:10px 0 0}<br /><br />/* The Archive Select Menu */<br />#bcaption select {}<br /><br />/* The Heading Section */<br />table#bcalendar thead {}<br /><br />/* Head Entries */<br />table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px solid #000; font-family:Tahoma; font-weight:normal;}<br /><br />/* The calendar Table */<br />table#bcalendar {border:1px solid #000;border-top:0; margin:0px 0 0px;width:95%;}<br /><br />/* The Cells in the Calendar */<br />table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px solid #000;}<br /><br />/* Links in Calendar */<br />table#bcalendar tbody tr td a {font-weight:bold;}<br /><br />/* First Row Empty Cells */<br />td.firstCell {visibility:visible;}<br /><br />/* Cells that have a day in them */<br />td.filledCell {}<br /><br />/* Cells that are empty, after the first row */<br />td.emptyCell {visibility:hidden;}<br /><br />/* Cells with a Link Entry in them */<br />td.highlightCell {background:#FFFF99;border:1px outset #000!important}<br /><br />/* Table Footer Navigation */<br />table#bcNavigation {width:95%;}<br />table#bcNavigation a {text-decoration:none;}<br />td#bcFootPrev {width:10px;}<br />td#bcFootAll{text-align:center;}<br />td#bcFootNext {width:10px;}<br />ul#calendarUl {margin:5px auto 0!important;}<br />ul#calendarUl li a{}<br /></span><br /><br /><p><strong>Basic styles for Dark Templates</strong></p><br /><br /><p><a href="http://lh4.ggpht.com/_m4Sst6sv5bM/SiUS7IP6m1I/AAAAAAAAA0E/E6QzcTR0WQo/s1600-h/defaultDark6.jpg"><img height="240" alt="defaultDark" src="http://lh4.ggpht.com/_m4Sst6sv5bM/SiUS756LssI/AAAAAAAAA0I/fzstR1uciZA/defaultDark_thumb2.jpg?imgmax=800" width="165" /></a> </p><br /><br /><p align="justify">Bu sadece bazı çok temel tarzı olduğu için karanlık şablonlar. Bu, bir vurgulamak ile takvim girişleri etrafında beyaz sınırları vardır. İçinde gawdy yellow. bir gawdy sarı kullanılmıştır. Bu takvimde varsayılan bağlantı renkleri tutmalı.</p><br /><br /><p></p><br /><br /><span class="code">/* Calendar<br />----------------------------------------------- */<br /><br />/* div that holds calendar */<br />#blogger_calendar { margin:5px 0 0 0;width:98%;}<br /><br />/* Table Caption - Holds the Archive Select Menu */<br />#bcaption {border:1px solid #fff;padding:2px;margin:10px 0 0;}<br /><br />/* The Archive Select Menu */<br />#bcaption select {}<br /><br />/* The Heading Section */<br />table#bcalendar thead {}<br /><br />/* Head Entries */<br />table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px solid #fff; font-family:Tahoma; font-weight:normal;color:#fff;}<br /><br />/* The calendar Table */<br />table#bcalendar {border:1px solid #fff;border-top:0; margin:0px 0 0px;width:95%;}<br /><br />/* The Cells in the Calendar */<br />table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px solid #fff;color:#fff;}<br /><br />/* Links in Calendar */<br />table#bcalendar tbody tr td a {font-weight:bold;}<br /><br />/* First Row Empty Cells */<br />td.firstCell {visibility:visible;}<br /><br />/* Cells that have a day in them */<br />td.filledCell {}<br /><br />/* Cells that are empty, after the first row */<br />td.emptyCell {visibility:hidden;}<br /><br />/* Cells with a Link Entry in them */<br />td.highlightCell {background:#FFFF99;border:1px outset #000}<br /><br />/* Table Footer Navigation */<br />table#bcNavigation {width:95%;}<br />table#bcNavigation a {text-decoration:none;}<br />td#bcFootPrev {width:10px;}<br />td#bcFootAll{text-align:center;}<br />td#bcFootNext {width:10px;}<br />ul#calendarUl {margin:5px auto 0!important;}<br />ul#calendarUl li a{}<br /></span><br /><br /><p></p><br /><br /><p><strong>Plain White</strong></p><br /><br /><p><a href="http://lh6.ggpht.com/_m4Sst6sv5bM/SiUS8qQyFvI/AAAAAAAAA0M/SpAXTIy-KYA/s1600-h/white3.jpg"><img height="240" alt="white" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SiUS9EnoWoI/AAAAAAAAA0Q/pqaxPFFSsn4/white_thumb1.jpg?imgmax=800" width="154" /></a></p><br /><br /><p>Bu bir düz beyaz isteyenler içindir. Ve takvim içinde siyah harflerle siyah sınırlar kullanılmıştır.</p><br /><br /><span class="code">/* Calendar<br />----------------------------------------------- */<br /><br />/* div that holds calendar */<br />#blogger_calendar { margin:5px 0 0 0;width:98%;}<br /><br />/* Table Caption - Holds the Archive Select Menu */<br />#bcaption {border:1px solid #000;padding:2px;margin:10px 0 0;background:#fff;}<br /><br />/* The Archive Select Menu */<br />#bcaption select {border:1px solid #000;}<br /><br />/* The Heading Section */<br />table#bcalendar thead {}<br /><br />/* Head Entries */<br />table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px solid #000; font-family:Tahoma; font-weight:normal;color:#000;}<br /><br />/* The calendar Table */<br />table#bcalendar {border:1px solid #000;border-top:0; margin:0px 0 0px;width:95%;background:#fff;}<br /><br />/* The Cells in the Calendar */<br />table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px solid #000;color:#000;}<br /><br />/* Links in Calendar */<br />table#bcalendar tbody tr td a {font-weight:bold;color:#000;}<br /><br />/* First Row Empty Cells */<br />td.firstCell {visibility:visible;}<br /><br />/* Cells that have a day in them */<br />td.filledCell {}<br /><br />/* Cells that are empty, after the first row */<br />td.emptyCell {}<br /><br />/* Cells with a Link Entry in them */<br />td.highlightCell {background:#FFFF99;border:1px outset #000}<br /><br />/* Table Footer Navigation */<br />table#bcNavigation {width:95%;background:#fff;border:1px solid #000;border-top:0;}<br />table#bcNavigation a {text-decoration:none;color:#000;}<br />td#bcFootPrev {width:10px;}<br />td#bcFootAll{text-align:center;}<br />td#bcFootNext {width:10px;}<br />ul#calendarUl {margin:5px auto 0!important;}<br />ul#calendarUl li a{}<br /></span><br /><br /><p><strong>Blue/Black</strong></p><br /><br /><p><a href="http://lh5.ggpht.com/_m4Sst6sv5bM/SiUS98g82OI/AAAAAAAAA0U/S4MHf2ycyUM/s1600-h/blue3.jpg"><img height="240" alt="blue" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SiUS-uiW8qI/AAAAAAAAA0Y/_W854yzZEIs/blue_thumb1.jpg?imgmax=800" width="171" /></a> </p><br /><br /><p>Bu stilde mavi, gri, olaylar için siyah ile açık mavi kullanılmıştır.</p><br /><br /><p></p><br /><br /><span class="code">/* Calendar<br />----------------------------------------------- */<br /><br />/* div that holds calendar */<br />#blogger_calendar { margin:5px 0 0 0;width:98%;}<br /><br />/* Table Caption - Holds the Archive Select Menu */<br />#bcaption {border:1px solid #000;padding:2px;margin:10px 0 0;background:#1F1FFF;}<br /><br />/* The Archive Select Menu */<br />#bcaption select {border:0px;background:#1F1FFF;color:#fff;font-weight:bold;}<br /><br />/* The Heading Section */<br />table#bcalendar thead {background:#000;}<br /><br />/* Head Entries */<br />table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px solid #000; font-family:Tahoma; font-weight:bold;color:#fff;}<br /><br />/* The calendar Table */<br />table#bcalendar {border:1px solid #000;border-top:0; margin:0px 0 0px;width:95%;background:#fff;}<br /><br />/* The Cells in the Calendar */<br />table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px solid #000;color:#1F1FFF;}<br /><br />/* Links in Calendar */<br />table#bcalendar tbody tr td a {font-weight:bold;color:#000;}<br /><br />/* First Row Empty Cells */<br />td.firstCell {}<br /><br />/* Cells that have a day in them */<br />td.filledCell {}<br /><br />/* Cells that are empty, after the first row */<br />td.emptyCell {}<br /><br />/* Cells with a Link Entry in them */<br />td.highlightCell {background:#ddd;border:1px outset #000}<br /><br />/* Table Footer Navigation */<br />table#bcNavigation {width:95%;background:#1F1FFF;border:1px solid #000;border-top:0;}<br />table#bcNavigation a {text-decoration:none;color:#fff;}<br />td#bcFootPrev {width:10px;}<br />td#bcFootAll{text-align:center;}<br />td#bcFootNext {width:10px;}<br />ul#calendarUl {margin:5px auto 0!important;}<br />ul#calendarUl li a{}<br /></span><br /><br /><p> <strong>Dusty Blue</strong></p><br /><br /><p><a href="http://lh4.ggpht.com/_m4Sst6sv5bM/SiUS_YK9uWI/AAAAAAAAA0c/Zz4Tx2lDb2U/s1600-h/dustyblue4.jpg"><img height="299" alt="dustyblue" src="http://lh5.ggpht.com/_m4Sst6sv5bM/SiUS__IMN-I/AAAAAAAAA0g/cJsPgOiYbMc/dustyblue_thumb2.jpg?imgmax=800" width="223" /></a> </p><br /><br /><p>Tozlu olayları ile Kinda açık mavi, alt menüsü içinse yine açık mavi kullanılmıştır.</p><br /><br /><span class="code">/* Calendar<br />----------------------------------------------- */<br /><br />/* div that holds calendar */<br />#blogger_calendar { margin:5px 0 0 0;padding:3px;1px solid #000;background:#FFF ; width:100%;}<br />/* Table Caption - Holds the Archive Select Menu */<br />#bcaption {border:1px outset #000;background:#CCD9FF;padding:2px;margin:10px 0 0}<br />/* The Archive Select Menu */<br />#bcaption select {background:#CCD9FF;color:#fff;font-weight:bold;border:0 solid #CCD9FF;text-align:center;}<br />/* The Heading Section */<br />table#bcalendar thead {background:#FFF2CC ;color:#111;}<br />/* Head Entries */<br />table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px inset #000; font-family:Tahoma; font-weight:normal;}<br />/* The calendar Table */<br />table#bcalendar {border:1px solid #000;border-top:0; margin:0px 0 0px;width:95%;}<br />/* The Cells in the Calendar */<br />table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px outset #000;}<br />/* Links in Calendar */<br />table#bcalendar tbody tr td a {font-weight:bold; color:#527DFF;}<br />/* First Row Empty Cells */<br />td.firstCell {visibility:visible;}<br />/* Cells that have a day in them */<br />td.filledCell {background:#fff;}<br />/* Cells that are empty, after the first row */<br />td.emptyCell {visibility:hidden;}<br />/* Cells with a Link Entry in them */<br />td.highlightCell {background:#FFF2CC;border:1px outset #000!important}<br />/* Table Navigation */<br />table#bcNavigation {width:95%;background:#FFF2CC;border:1px inset #000;border-top:0;color:#fff;}<br />table#bcNavigation a {color:#527DFF;text-decoration:none;}<br />td#bcFootPrev {width:10px;}<br />td#bcFootAll{text-align:center;}<br />td#bcFootNext {width:10px;}<br />ul#calendarUl {margin:5px auto 0!important;}<br />ul#calendarUl li a{ color:#527DFF}<br /></span><br /><br /><p><strong>Blogger Yazı tiplerini/ Renkleri Ayarlayıcı:</strong> <font color="#004080"><strong>(Yazı Tipleri ve Renkler)</strong></font></p><br /><br /><p align="justify">Bu çoğunuz için en iyi seçenek olabilir. Bu kodlarla, takvimin tüm renkleri ve yazı tipleri ile iyi bir şekilde oynama yapabilirsiniz. Bu kod bölümü Blogger <strong>Yazı Tipleri ve Renkler</strong> bölümünden görerek anında istediğiniz değişiklikleri yapabilmenizi sağlayacak.. <strong>NOT:</strong> Yalnız burada ayarlama yaparken, Blogger Arşiv betiklerini tamamen ön izleme de göremeyebilirsiniz. Burada sadece takvim biçim değişikliklerini görebilirsiniz. Ama yok yeterli görmezseniz o zaman yaptınız her değişiklikten sonra şablonu kaydedin daha sonra başka bir pencere veya sekmede blogunuzun ön izlemesine bakabilirsiniz. Bu şekilde her şeyi görebilirsiniz. Sadece seçimler yapın, sonra, kaydedin ve başka bir sekmede görüntülemek için blogunuzu açın ve görünümü kontrol edin.</p><br /><br /><p align="justify">Bu kurmak için, sadece gerekli olan <strong>CSS</strong> ile tüm değişken tanımlamalarının WYSIWYG editörü ile düzenleme ihtiyaçlarınız için aşağıdaki kodu kopyalayıp <strong>CSS Style</strong> bölümüne yapıştırmanız gerekiyor. Tüm CSS dosyaları gibi görev yapar, sadece aşağıdaki kodları kopyalayıp bitiş <strong><font color="#ff0000">]]></ b: skin></font></strong> etiketini bulun. hemen üstüne yapıştırın</p><br /><br /><p class="MsoNormal"><strong>(buraya yapıştırın) <span style="font-family: wingdings; mso-ascii-font-family: arial; mso-hansi-font-family: arial; mso-char-type: symbol; mso-symbol-font-family: wingdings"><span style="mso-char-type: symbol; mso-symbol-font-family: wingdings">ß</span></span> <br /><br /> <br />]]></b:skin></strong> </p><br /><br /><p><strong>Arşiv Takvim Değişken kurulum ve ARŞİV TAKVİM kodları:</strong></p><br /><br /><span class="code">/* Archive Calendar Variable Setups<br /> Do not modify unless you know what's what<br /> =========================================<br /><br /><Variable name="bcCalenderFonts" description="Calendar Font Sizes"<br /> type="font" default="normal normal 100% Tahoma, Arial, Sans-serif" / value="normal normal 100% Tahoma, Arial, Sans-serif"><br /> <Variable name="bcTableBackgroundColor" description="Calendar Background Color"<br /> type="color" default="#ffffff" value="#ffffff"><br /> <Variable name="bcTableBorderColor" description="Calendar Border Color"<br /> type="color" default="#000000" value="#000000"><br /> <Variable name="bcTableTextColor" description="Calendar Text Color"<br /> type="color" default="#000000" value="#000000"><br /> <Variable name="bcMenuBackgroundColor" description="Calendar Menu Select Background Color"<br /> type="color" default="#ffffff" value="#ffffff"><br /> <Variable name="bcMenuTextColor" description="Calendar Menu Select Text Color"<br /> type="color" default="#000000" value="#000000"><br /> <Variable name="bcTableHeaderBackgroundColor" description="Calendar Header Background Color"<br /> type="color" default="#ffffff" value="#ffffff"><br /> <Variable name="bcTableHeaderTextColor" description="Calendar Header Text Color"<br /> type="color" default="#000000" value="#000000"><br /> <Variable name="bcTableHighLightColor" description="Calendar Highlight Color"<br /> type="color" default="#cccccc" value="#cccccc"><br /> <Variable name="bcCalenderLinksColor" description="Calendar Links Color"<br /> type="color" default="#0000ff" value="#0000ff"><br /> <Variable name="bcCalenderLinksHoverColor" description="Calendar Links Hover Color"<br /> type="color" default="#0000ff" value="#0000ff"><br /> <Variable name="bcTableFooterBackground" description="Calendar Footer Background Color"<br /> type="color" default="#ffffff" value="#ffffff"><br /> <Variable name="bcFooterLinksColor" description="Calendar Footer LinksColor"<br /> type="color" default="#0000ff" value="#0000ff"><br /><br /> ===========================================<br /> End Archive Calendar Variables */<br /><br /><br />/* Archive Calendar CSS<br />----------------------------------------------- */<br /><br />/* div that holds calendar */<br />#blogger_calendar { margin:5px 0 0 0;width:98%;}<br /><br />/* Table Caption - Holds the Archive Select Menu */<br />#bcaption {border:1px solid $bcTableBorderColor;padding:2px;margin:10px 0 0;background:$bcMenuBackgroundColor;font:$bcCalenderFonts}<br /><br />/* The Archive Select Menu */<br />#bcaption select {background:$bcMenuBackgroundColor;border:0 solid $bcMenuBackgroundColor;color:$bcMenuTextColor;font-weight:bold;text-align:center;}<br /><br /><br />/* The Heading Section */<br />table#bcalendar thead {}<br /><br />/* Head Entries */<br />table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px outset $bcTableBorderColor; font:$bcCalenderFonts;background:$bcTableHeaderBackgroundColor;color:$bcTableHeaderTextColor}<br /><br />/* The calendar Table */<br />table#bcalendar {border:1px solid $bcTableBorderColor;border-top:0; margin:0px 0 0px;width:95%;background:$bcTableBackgroundColor}<br /><br />/* The Cells in the Calendar */<br />table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px outset $bcTableBorderColor; color:$bcTableTextColor;font:$bcCalenderFonts;}<br /><br />/* Links in Calendar */<br />table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr td a:active {font-weight:bold;color:$bcCalenderLinksColor;}<br />table#bcalendar tbody tr td a:hover {color:$bcCalenderLinksHoverColor;}<br /><br />/* First Row Empty Cells */<br />td.firstCell {visibility:visible;}<br /><br />/* Cells that have a day in them */<br />td.filledCell {}<br /><br />/* Cells that are empty, after the first row */<br />td.emptyCell {visibility:hidden;}<br /><br />/* Cells with a Link Entry in them */<br />td.highlightCell {background:$bcTableHighLightColor;border:1px solid $bcTableBorderColor}<br /><br />/* Table Footer Navigation */<br />table#bcNavigation {width:95%;background:$bcTableFooterBackground;border:1px solid $bcTableBorderColor;border-top:0;color:$bcTableTextColor;font:$bcCalenderFonts;}<br />table#bcNavigation a:link {text-decoration:none;color:$bcFooterLinksColor}<br />td#bcFootPrev {width:10px;}<br />td#bcFootAll{text-align:center;}<br />td#bcFootNext {width:10px;}<br />ul#calendarUl {margin:5px auto 0!important;}<br />ul#calendarUl li a:link {}<br /></span><br /><br /><p align="justify">Artık şablonumuzu kaydedebilirsiniz. Bu aşamada en aşağıda resimde görülen düzeltmeyi yazı sonunda bulacaksınız. O düzeltmeyide yaptıktan sonra artık takvimimize bakabiliriz. Şu ana kadar yaptığınız işlemlerin doğru olup olmadığını kontrol edebilirsiniz.</p><br /><br /><p align="justify">Daha sonra, sadece <strong>Yazı Tipleri ve Renkler</strong> bölümünden renkleri ve yazı tiplerini uygun şekilde değiştirebilirsiniz.. Takvim için ilk giriş "Takvim Yazı Boyutları", ve geri kalanı  Arşiv Takvim Widgeti Unutmayın, tamamen Fontlar ve Renkler değildir hemde aynı zamanda arşivinizi oluşturan yazılarınızın tümünü içerir takvim olacaktır.</p><br /><br /><p align="justify">Daha ileri düzeyde kullanıcılar için unutmayın. Eğer istiyorsanız ve ne yaptığınızı biliyorsanız bu değişkenler bölümüne kadar bozulmadan taşımak için güvenli olduğundan emin olduğunuz diğer değişkenler Şablonun üstündeki kurulum şablonun da da vardır. İnsanlar bu şekilde, diğer verilen stil kodlarını temiz bulabilir ve CSS stil kodlarında değişiklikler yapabilirler. Aksi takdirde, sadece verdiğimiz orijinal kodları olduğu gibi bırakırsanız <strong>Arşiv Takvim</strong> doğru çalışacaktır.</p><br /><br /><p align="justify">Şimdi şablonunuzu kaydedin. Bu yaptığımız işlemleri hatasız kaydetmek gerekir Yukarıda ki tarif edilen adımları tekrar takip ederek kontrol edebilirsiniz... Bir şey daha var sizin Arşiv Widget'iniz yapılandırılmış olması gerekir. Blogger Arşiv Takvim <strong>Ayarlar</strong> Sayfasında bulunan tam liste özellikleri bölümünde aşağıda gösterildiği gibi ufak bir düzeltme yapmamız gerekiyor. Şimdi artık <strong>Sayfa Öğelerini Ekleyin ve Düzenleyin</strong> bölümüne gidip Arşiv Takvim Widget'ini bulmak ve düzenlemek için tıklayın. Aşağıdaki resimdeki gibi düzenlemeleri yapın.</p><br /><br /><p align="justify"><a href="http://lh6.ggpht.com/_m4Sst6sv5bM/SiUTAyYt91I/AAAAAAAAA0k/3U1rVli64Io/s1600-h/widgetconfig5.jpg"><img height="142" alt="widgetconfig" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SiUTBjP-PhI/AAAAAAAAA0o/2wWK-Qs60Zg/widgetconfig_thumb3.jpg?imgmax=800" width="420" /></a> </p><br /><br /><p align="justify">Örnek <strong>ARŞİV TAKVİM </strong>örneğini sağda side barda bulabilirsiniz. Nasıl çalıştığını kurcalayıp görebilir inceleyebilirsiniz.Hepinize kolay gelsin.</p></span></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com2tag:blogger.com,1999:blog-30282507.post-82882325104993220502009-06-01T16:02:00.010+03:002009-06-17T01:57:06.182+03:00Blogger için Etiket Bulutu widgeti oluşturmak<p align="justify"><span style="border-bottom: #8a614f 1px solid; border-left: #8a614f 1px solid; line-height: 60px; margin-top: 5px; padding-right: 5px; font-family: times; background: #f8e78b; float: left; color: white; font-size: 80px; border-top: #8a614f 1px solid; margin-right: 6px; border-right: #8a614f 1px solid; padding-top: 2px">D</span>ostlar bugün konumuz <strong>ETİKET BULUTU</strong> ingilizcesi <strong>TAG CLOUD</strong> veya <strong>LABEL CLOUD</strong>. Bu blog da sidebar da <strong>TECHNORATİ</strong> ve <strong>DELİCİOUS</strong> sitelerinin <strong>ETİKET BULUTU</strong> widgetlerini görebilirsiniz. Şimdi diyenleriniz çıkabilir “Nereden çıktı bu <strong>ETİKET BULUTU</strong> olayı?” <strong>ETİKET BULUTU</strong> olayını <strong>TECHNORATİ</strong> veya <strong>DELİCİOUS</strong> gibi siteler vasıtasıyla oluşturup bu sitelerin verdiği kodları <strong>GADGET EKLE</strong> araçlarından <strong>HTML/JavaScript</strong> aracı ile benim yaptığım gibi blogunuzda dilediğiniz yere koyabilirsiniz.</p> <div><span class="fullpost"> <p align="justify">Ama bugün benim burada değineceğim <strong>ETİKET BULUTU</strong> olayı başka. Yani <strong>ETİKET BULUTU</strong> üretme özelliğini kullandığınız <strong>BLOGGER</strong> şablonuna kazandırmak. <strong>WORDPRESS</strong> kullananlar bilirler. <strong>WORDPRESS</strong> de bu özellik zaten vardır. <strong>BLOGGER</strong> da bu özellik yoktur. Şimdi bugün bu özelliği kullandığımız şablona nasıl ekleyebiliriz onu anlatacağım. Bu konuyu bir şablonu kurcalarken <strong><a href="http://phy3blog.googlepages.com/Beta-Blogger-Label-Cloud.html" target="_blank">phydeaux3</a></strong> da anlatıldığını gördüm. Bu blog benim sıkça takılıp yararlandığım, epeyce şey öğrendiğim bloglardan biri. Bu konuda ki orijinal İngilizce anlatıma <a href="http://phy3blog.googlepages.com/Beta-Blogger-Label-Cloud.html" target="_blank"><strong>buradan</strong></a> ulaşabilirsiniz.</p> <p align="justify"><strong><font color="#800000">Yeni Blogger için Tag Cloud / Etiket Bulutu oluşturmak</font></strong></p> <p align="justify"><strong><font color="#800000">İşte kod ve kurulum bilgileri:</font></strong></p> <p align="justify">Yeni <strong>Blogger</strong>'da <strong>Etiket Bulutu</strong> oluşturmak için ilk önce yine Yeni <strong>Blogger</strong>'da bir blog olmalı ve <strong>HTML’yi Düzenle</strong> bölümü olması gerekiyor, <em><strong>(bu klasik şablonlar veya FTP bloglarında mevcut değildir)</strong></em> ve en önemlisi zaten yazılarınızın etiketlere sahip olması gerekiyor. (En az bir etiket bir veya birden fazla kullanılmalı . Bu yüzden başlamadan önce birden fazla kullanılmış etiket veya en az bir etiketin olduğundan emin olun).</p> <p align="justify">Herhangi bir değişiklik yapmadan önce şablonu yedeklediğinizden emin olun!</p> <p align="justify"><strong>Blogger</strong>'a giriş yapın ve yerleşim bölümüne gidin. Ve <strong>'Sayfa Öğeleri'</strong> kurulum sayfasında <font color="#800000"><em>(bir <strong>etiketler</strong> widgeti zaten olması lazım. Bu etiketler widgetinin yüklü olduğundan emin olun yüklü değilse yükleyin)</em>.</font> Sonra <strong>HTML'yi Düzenle</strong> bölümüne gidin. Burada öncelikle şablonunuzu yedekleyin. Daha sonra aşağıda sırasıyla vereceğim kodları tarif edeceğim yerlere kopyala yapıştır yöntemiyle yerleştirin.</p> <p align="justify">Şimdi bu işlemi 3 aşamada gerçekleştireceğiz. Stil, bölümünde bir yapılandırma gerçekleştireceğiz. İlk bölüm için stil (<strong>style sheet</strong>) bölümünde Aşağıdaki kodu kopyalayıp yapıştırmak gerekiyor. bunun içinde <strong><b:skin></strong> etiketi ile başlayan style (<strong>style sheet</strong>), bölümünde düzenlemeyi gerçekleştirmek için kapanış etiketi olan bu bu kodları bulacağız.</p> <p align="justify"><a href="http://lh3.ggpht.com/_m4Sst6sv5bM/Sjf9KwHE_SI/AAAAAAAAA1E/pER8ivcAQ0c/s1600-h/code-1%5B4%5D.gif"><img alt="code-1" src="http://lh5.ggpht.com/_m4Sst6sv5bM/Sjf9LydW22I/AAAAAAAAA1I/XgKxrDa9z5g/code-1_thumb%5B2%5D.gif?imgmax=800" width="337" height="49" /></a> </p> <p align="justify">aşağıdaki kodları bu kapanış etiketinin hemen üst bölümüne kopyalayıp yapıştıracağız.</p> <span class="code">/* Label Cloud Styles ----------------------------------------------- */ #labelCloud {text-align:center;font-family:arial,sans-serif;} #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;} #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;} #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0} #labelCloud a{text-decoration:none} #labelCloud a:hover{text-decoration:underline} #labelCloud li a{} #labelCloud .label-cloud {} #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000} #labelCloud .label-cloud li:before{content:"" !important} </span> <p align="justify">Bu bölüm ETİKET BULUTU yapılandırma bölümüdür. Bu bölümü oluşturmak için stylesheet tag kapanış etiketini bulmamız yeterli olacaktır.</p> <p align="justify"><a href="http://lh3.ggpht.com/_m4Sst6sv5bM/Sjf9MV2iDcI/AAAAAAAAA1M/Yjl2i04_y8c/s1600-h/code-2%5B14%5D.gif"><img alt="code-2" src="http://lh4.ggpht.com/_m4Sst6sv5bM/Sjf9NBio4AI/AAAAAAAAA1Q/1yzxKHmrK04/code-2_thumb%5B12%5D.gif?imgmax=800" width="434" height="40" /></a> </p> <p align="justify">Bu kez ikinci aşamada verilen kodu yukarıdaki kapanış kodundan hemen sonra yani hemen altına veya <strong></ head></strong> etiketinin hemen önüne yani üstüne İşte burada.</p> <p align="justify"><a href="http://lh5.ggpht.com/_m4Sst6sv5bM/Sjf9Nt67BnI/AAAAAAAAA1U/3fOC9Kd3Iek/s1600-h/code-3%5B5%5D.gif"><img alt="code-3" src="http://lh3.ggpht.com/_m4Sst6sv5bM/Sjf9OYu-K1I/AAAAAAAAA1Y/jvtOAYZ5o30/code-3_thumb%5B3%5D.gif?imgmax=800" width="289" height="46" /></a> </p> <p align="justify">aşağıda verdiğim kodları yine kopyalayıp hemen yukarıda tarif ettiğim yere yapıştıracağız.</p> <span class="code"><b style="color: red; font-weight: normal"><script type="text/javascript"></b> <br />  <br />// Label Cloud User Variables <br />var cloudMin = 1; <br />var maxFontSize = 20; <br />var maxColor = [0,0,255]; <br />var minFontSize = 10; <br />var minColor = [0,0,0]; <br />var lcShowCount = false;<b style="color: red; font-weight: normal"></script></b></span> <p align="justify">Tüm bu ayarlar değiştirilebilir daha sonra bunları açıklayacağım. Şimdilik Varsayılan özellikler çalışacaktır. <br />Şimdi son aşamada widgetin kendisini gerçekleştireceğiz.. Aşağı gidin ve aşağıdaki kod satırını bulun </p> <p align="justify"><a href="http://lh5.ggpht.com/_m4Sst6sv5bM/Sjf9PE-xiZI/AAAAAAAAA1c/Cb_A92KRsF4/s1600-h/code-4%5B4%5D.gif"><img alt="code-4" src="http://lh4.ggpht.com/_m4Sst6sv5bM/Sjf9P-B5-xI/AAAAAAAAA1g/RK30-EL20UA/code-4_thumb%5B2%5D.gif?imgmax=800" width="443" height="52" /></a>  <br />aşağıdaki kodu kopyalayın ve daha sonra bulduğumuz satırda dahil olmak üzere <strong></b:widget></strong> kapanış kodunu da bulup onu da dahil ederek aşağıda verdiğimiz kod kümesini yerine yapıştıracağız. Yani yukarıda bulduğumuz kod satırı ile başlayan ve kapanış kodu ile biten kod kümesini seçip üstüne aşağıdaki kod kümesini kopyalayıp yapıştırarak kod kümesini yenisi ile değiştirmiş olacağız.</p> <span class="code"><!-- start html writer code --><b style="color: green; font-weight: normal"><b:widget id='Label1' locked='false' title='Label Cloud' type='Label'></b> <br /><b style="color: green; font-weight: normal"><b:includable id='main'></b> <br />  <b style="color: green; font-weight: normal"><b:if cond='data:title'></b> <br />   <b style="color: green; font-weight: normal"><h2></b><b style="color: green; font-weight: normal"><data:title/></b><b style="color: green; font-weight: normal"></h2></b> <br />  <b style="color: green; font-weight: normal"></b:if></b> <br />  <br />  <b style="color: green; font-weight: normal"><div class='widget-content'></b> <br />  <b style="color: green; font-weight: normal"><div id='labelCloud'/></b> <br /><b style="color: red; font-weight: normal"><script type='text/javascript'></b> <br />  <br />// Don't change anything past this point ----------------- <br />// Cloud function s() ripped from del.icio.us <br />function s(a,b,i,x){ <br />    if(a>b){ <br />      var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m) <br />       } <br />    else{ <br />      var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a) <br />      } <br />    return v <br />  } <br />  <br />  <br />var c=[]; <br />var labelCount = new Array();  <br />var ts = new Object; <br /><b style="color: green; font-weight: normal"><b:loop values='data:labels' var='label'></b> <br />var theName = "<b style="color: green; font-weight: normal"><data:label.name/></b>"; <br />ts[theName] = <b style="color: green; font-weight: normal"><data:label.count/></b>; <br /><b style="color: green; font-weight: normal"></b:loop></b> <br />  <br />for (t in ts){ <br />   if (!labelCount[ts[t]]){ <br />      labelCount[ts[t]] = new Array(ts[t]) <br />      } <br />     } <br />var ta=cloudMin-1; <br />tz = labelCount.length - cloudMin; <br />lc2 = document.getElementById('labelCloud'); <br />ul = document.createElement('ul'); <br />ul.className = 'label-cloud'; <br />for(var t in ts){ <br />   if(ts[t] < cloudMin){ <br />    continue; <br />    } <br />   for (var i=0;3 > i;i++) { <br />       c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz) <br />        }    <br />     var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz); <br />     li = document.createElement('li'); <br />     li.style.fontSize = fs+'px'; <br />     li.style.lineHeight = '1'; <br />     a = document.createElement('a'); <br />     a.title = ts[t]+' Posts in '+t; <br />     a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')'; <br />     a.href = '/search/label/'+encodeURIComponent(t); <br />     if (lcShowCount){ <br />       span = document.createElement('span'); <br />       span.innerHTML = '('+ts[t]+') '; <br />       span.className = 'label-count'; <br />       a.appendChild(document.createTextNode(t)); <br />       li.appendChild(a); <br />       li.appendChild(span); <br />       } <br />      else { <br />       a.appendChild(document.createTextNode(t)); <br />       li.appendChild(a); <br />       } <br />     ul.appendChild(li); <br />     abnk = document.createTextNode(' '); <br />     ul.appendChild(abnk); <br />   } <br />  lc2.appendChild(ul);   <br /><b style="color: red; font-weight: normal"></script></b> <br />  <br /><b style="color: green; font-weight: normal"><noscript></b> <br />   <b style="color: green; font-weight: normal"><ul></b> <br />   <b style="color: green; font-weight: normal"><b:loop values='data:labels' var='label'></b> <br />    <b style="color: green; font-weight: normal"><li></b> <br />     <b style="color: green; font-weight: normal"><b:if cond='data:blog.url == data:label.url'></b> <br />      <b style="color: green; font-weight: normal"><data:label.name/></b> <br />     <b style="color: green; font-weight: normal"><b:else/></b> <br />      <b style="color: #008080; font-weight: normal"><a expr:href='data:label.url'></b><b style="color: green; font-weight: normal"><data:label.name/></b><b style="color: #008080; font-weight: normal"></a></b> <br />     <b style="color: green; font-weight: normal"></b:if></b> <br />     (<b style="color: green; font-weight: normal"><data:label.count/></b>) <br />    <b style="color: green; font-weight: normal"></li></b> <br />   <b style="color: green; font-weight: normal"></b:loop></b> <br />   <b style="color: green; font-weight: normal"></ul></b> <br /><b style="color: green; font-weight: normal"></noscript></b> <br />   <b style="color: green; font-weight: normal"><b:include name='quickedit'/></b> <br />  <b style="color: green; font-weight: normal"></div></b> <br />  <br /><b style="color: green; font-weight: normal"></b:includable></b> <br /><b style="color: green; font-weight: normal"></b:widget></b></span> <p align="justify">Bu yaptığımız üçüncü aşamadan sonra şablonumuzu kaydedip yeni haline bakabiliriz. Side Bar da Label Cloud adlı widgeti görmemiz lazım. Daha sonra widgeti düzenle linkine tıklayıp Label Cloud başlığını türkçesi yani <strong>ETİKET BULUTU</strong> olarak düzeltebilirsiniz.</p> <p align="justify">Eğer widgeti göremediyseniz bir şeyler yanlış yapılmış demektir. Şimdi eğer her şeyi doğru olarak yaptıysanız yani her şey yolunda gitti ise ve etiketli yazılar zaten var ise, sonra eğer blogunuzun ön izlemesinde siz Label Cloud u, Etiket Bulutunu bir şekilde görmeniz gerekir. Eğer görünmüyorsa, bir şey ters gitti demektir. Muhtemelen bir yerlerde yanlış yapmışsınız demektir. Daha sonra yukarıda anlattığımız aşamaları sırasıyla yeniden başlayıp tekrar deneyin.</p> <p align="justify">Güncelleme: Eğer, etiket bulutu gösterilmiyorsa ilk kontrol edeceğimiz şeyleri tespit edelim. İlk olarak en az bir etiket için birden fazla girişe sahip olunduğuna emin olun. Herhangi bir etiket için birden fazla kayıt varsa, o zaman her şey uygun olacaktır.Kodlar içindeki işaretlere ( <strong>" </strong>) Apostrophes olmamalı ve tek ( <strong>'</strong> ) Ticks Tırnak olmalı.</p> <p align="justify">Etiket Bulutu olasılıkla varsayılan ayarlara göre oluşacaktır. Daha sonra bu ayarlar ile oynayarak istediğimiz biçimde Etiket Bulutu oluşmasını sağlayabiliriz. Ama tüm renkleri ve boyutları kendi zevkinize uyacak şekilde ayarlayabilme imkanı vardır. Tabii eğer Etiket Bulutu önizleme yaptığımızda görünüyorsa ki ancak o zaman bir takım bazı değişiklikleri yapmamız mümkün olacaktır. </p> <p align="justify">Değişkenler bölümünde hangi ayarları değiştirirsek en iyi olacak şimdi onu anlatmaya çalışacağım.. Burada kullanılan kodların ne ifade ettiğini öncelikle açıklayalım.</p> <p align="justify"><strong>var cloudMin= 1;</strong> </p> <p align="justify">Siz etiketlerin gösterilme sayısını sınırlamak için bu ayarı kullanabilirsiniz (örneğin) etiket çok var. 1 ayarı girilen tüm etiketleri gösterir. Eğer daha yüksek bir sayı girilirse, en az bu kayıtların sayısı kadar bulut görünür. Daha sonra sadece etiket girmeniz yeterli olacaktır..</p> <span class="code">var maxFontSize = 20; var maxColor = [0,0,255]; var minFontSize = 10; var minColor = [0,0,0]; var lcShowCount = false; </span> <p align="justify">Bu değerler ise</p> <p align="justify"><a href="http://lh4.ggpht.com/_m4Sst6sv5bM/Sjf9Qp7yp5I/AAAAAAAAA1k/1PVCxAQfvrg/s1600-h/code-5%5B6%5D.gif"><img alt="code-5" src="http://lh6.ggpht.com/_m4Sst6sv5bM/Sjf9RpkYz8I/AAAAAAAAA1o/jOsYWBnbdbU/code-5_thumb%5B4%5D.gif?imgmax=800" width="369" height="112" /></a> </p> <p align="justify">Yine boyutunu piksel olarak, renginide RGB biçiminde İkisi arasındaki tüm etiketler kendi renkleri / boyutlarına dayalı kaç etiket, nerede ve giriş sayısı, çok istediğiniz Bulutun oluşmasını sağlıyor. Birkaç denemeden sonra birçok faktörlerle oluşan efekt etkisi ile hoş görünümlü bulut oluşuyor.Görünüm etiket sayısına renk / boyut seçimine, ne kadar kayıtları arasında iyi dağıtılırsa etiketlerin burada çalışması o kadar iyi görünen bir bulut oluşturacaktır. Bunu deneyerek zaman içinde takip edip görebiliriz.</p> <p align="justify"><strong><font color="#800000">ÖNEMLİ NOT:</font></strong> biçimlerinden tutun renklerine kadar ayarları değiştirmekle sağlanır. Arasındaki [In] ve sayılar virgül ile ayrılmış. Varsayılan renk maksimum siyaha dek için mavidir. Herhangi bir geçerli RGB renk kombinasyonu seçebilirsiniz. RGB renk kodları geçerlidir</p> <p align="justify">Endişe etmeyin RGB ifadesi bir renk tanımlaması yoludur. Siz Internet’te var olan bir çok renk tablosunu kullanabilirsiniz, çalışmalarınızda istediğiniz renk için doğru RGB değerini alırız. İşte böylece oldukça iyi olduğunu ancak o zaman görürüz</p> <p align="justify"><a href="http://www.w3schools.com/Html/html_colors.asp"><strong>RGB Renk Kodu Tablosu</strong></a></p> <p align="justify">Unutmayın, eğer doğru olarak girmek için sayı setleri en az 3 harf veya sayıdan oluşmalı.virgül ile ayrılmış olmasına ayrıca dikkat edin.</p> <p align="justify">Farklı yazı tipi boyutları ile de deneyebilirsiniz. Tekrarlanan kayıt sayıları bulut görüntüsü üzerinde dağınık olmasına bağlıdır.</p> <p align="justify">Son bir Değişken vardır. </p> <p align="justify"><strong>lcShowCount </strong></p> <p align="justify">Burada (kullanılan varsayılan değerler) doğru veya yanlış olabilir. Genellikle 'geleneksel bulut içinde etiket sayısı, yayınlama tarihi gibi şeyler bulunmaz. Tüm bunlar görsel olarak ifade edilir. Ama eğer <strong>'düz liste'</strong> ise söz konusu olan o zaman etiket sayısı tarih gibi şeyler yararlı olabilir. </p> <p align="justify">Style bölümünde de bir çok düzenleme yapabiliriz. Çoğu insan için bu kadar bilgi gerekli değildir. Tüm bu kayıtların ne için olduğunu anlamamız yeterlidir bence. En azından edindiğimiz bilgilerle bir tasarım yapmak için yeterlidir sanırım.</p> <p align="justify">sayfanızın geri kalan öğeleri içinde etiket bulutu sadece bir tanesidir. Ancak birkaçını size uygun şekilde değiştirmek isteyebilirsiniz.</p> <p align="justify">İlk satır</p> <p align="justify"><strong>#labelCloud {text-align:center;font-family:<font color="#ff0000">arial,sans-serif</font>;}</strong> </p> <p align="justify">Eğer Etiket Bulutunu oluşturan yazı biçimi yani font hoşunuza gitmiyorsa gerekli değişikliği buradan yapabilirsiniz. Burada kullanılan Font değişebilir.</p> <p align="justify">Ayrıca, oluşan metin hizalamasını da değiştirilebilirsiniz. Ben varsayılan olarak merkeze ayarladım sizin için ama siz bunu kullanabilirsiniz veya değiştirebilirsiniz.</p> <p align="justify"><a href="http://lh4.ggpht.com/_m4Sst6sv5bM/Sjf9Sb-zIJI/AAAAAAAAA1s/FqLpH3bej3c/s1600-h/code-6%5B10%5D.gif"><img alt="code-6" src="http://lh4.ggpht.com/_m4Sst6sv5bM/Sjf9TAaEy9I/AAAAAAAAA1w/JGom5N47MO0/code-6_thumb%5B8%5D.gif?imgmax=800" width="250" height="44" /></a> </p> <p align="justify">Grup için daha iyi olanını siz belirleyeceksiniz. Bir sonraki satıra geçebiliriz.</p> <p align="left"><strong>#labelCloud  .label-cloud li{display:<font color="#ff0000">inline</font>;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}</strong></p> <p align="justify">Estetik görünüş için CSS yani style sheet bölümündeki kodlara ağırlık vermek gerekir. Bunun önemini anladığınız konusunda bir endişem yok. Gerçekte ilk giriş çok önemlidir.</p> <p align="justify"><strong>display:<font color="#ff0000">inline</font>;</strong> </p> <p align="justify">Bu özelliği de değiştirebilirsiniz</p> <p align="justify"><strong>display:<font color="#ff0000">block</font>;</strong> </p> <p align="justify">Üzerindeki (her giriş için ayrı bir hat) ağırlıklı kayıtların listesinin alfabetik sıralama gibi ayarlarını kendiniz yapabilirsiniz. <strong>Sayfa Öğeleri</strong> sekmesinden <strong>Etiket Bulutu</strong> aracının <strong>düzenleme</strong> linkine tıklayarak gerekli ayarlamaları basit olarak yapabilirsiniz.</p> <p align="justify">Ve son olarak söz edeceğimiz son bitim satırıdır</p> <p align="justify"><strong>#labelCloud .label-count</strong> </p> <p align="justify">Eğer yazı göstermek için <strong>lcShowCount</strong> değişken takımını, bu değişiklik sayılır renk / boyut da Giriş sayılarını ifade eder </p> </span></div> ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com0tag:blogger.com,1999:blog-30282507.post-86373846528026122222009-05-22T21:59:00.014+03:002009-06-16T16:11:06.317+03:00ONLİNE DEPOLAMA ALANLARI<p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none" align="justify"><span style="border-right: #8a614f 1px solid; padding-right: 5px; border-top: #8a614f 1px solid; margin-top: 5px; font-size: 80px; background: #f4a460; float: left; border-left: #8a614f 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: #8a614f 1px solid; font-family: times">D</span>ostlar GMAİL hesabı olanlar bilirler. Eğer bir tane GMAİL hesabınız varsa GOOGLE bir yığın bedava kullanabileceğiniz ürün sunuyor. Bunlardan bir tanesi de epeydir kullandığımız GOOGLE PAGES CREATOR dü. Bu ürün sayesinde bir web sayfası yapıp yayınlayabiliyor ve sunulan 100 mb depo alana da mesela blogger da olan bir blog sayfanızda çalıştırmak istediğiniz bazı dosyaları ( .js, .png, .jpeg, .gif, .doc, .css v.s ) buraya yüklüyor buradan uzakdan sorunsuz çalıştırıyorduk.</p> <div><span class="fullpost"><p align="justify">Ancak bu hizmet artık yok. Daha doğrusu yeni GMAİL hesabı olanlar artık bu hizmetten yararlanamıyor. Eski hesabı olanlarda buraya yükledikleri dosyaları bu şekilde hizmet veren başka sitelere taşımak durumunda kalacak. Çünkü hizmet çok yakın zamanda sonlandırılacak. Ben de bu durumda kullanabileceğimiz bu online depolama alanlarının hangisi nasıl ve ne şekilde hizmet veriyor diye araştırdım. BİLDİRGEÇ gibi birkaç sitede konuyla ilgili yayınlanmış yazıları okudum. Bu yazılarda bahsi geçen siteleri inceledim hatta birçoğunu bizzat denedim. Sırasıyla bu siteleri bende tekrar yayınlayarak sizlerle paylaşmaya karar verdim. Bu arada bu araştırmayı yaparken çok yararlı ve kullanışlı başka amaçlı siteleri de keşfettim. Bu siteleri de sunduğukları hizmetleri ve bizim gereksinimleri karşılayacak işlevleri kısaca açıkalyıp tanıtmaya çalışacağım. Sizler bu siteleri kurcalayıp diğer özelliklerini keşfedebilirsiniz. Hepside çok ilginç. Umarım işinize yarar. Ben bu sitelerin çoğunun varlığından haberim bile yoktu. Bu açıdan bakıldığında bu derleme sizinde çok işinize yarayacaktır. Çünkü bu siteler şimdi olmasa da önümüzdeki günlerde bana lazım olduğu gibi sizlere de lazım olacak. Umarım sizlerinde işine yarar. Hepinize kolay gelsin. </p> <p align="justify"><strong><font size="4">ONLİNE DEPOLAMA ALANLARI:</font></strong></p> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none" align="justify">Gerek bildirgeç'te gerekse internette bir sürü adreste çeşitli online depolama alanları ile karşılaşıyoruz. peki ama hangisini kullanmalıyız? Aşağıdaki çalışmayı mümkün olduğunca sitelere üye olarak ve deneyerek yaptım umarım faydalı olur. </p> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none" align="justify"><strong><span style="font-family: tahoma">1.Google Gmail Storage</span></strong></p> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><img style="margin: 10px 10px 0px 0px" height="59" alt="gmail" src="http://lh3.ggpht.com/_m4Sst6sv5bM/ShcMi-V4AzI/AAAAAAAAAuw/nMyuQj3trSI/gmail%5B1%5D.gif?imgmax=800" width="143" align="left" /> Ücretsiz depolama kapasitesi : 7,3 GB ve sürekli artıyor. Ayrıca ilave yazılımı indirip kurmanız gerekiyor. Bu küçük programı kurduktan sonra (gmail drive) ilave bir sürücü gibi çalışabiliyor. yüklenebilecek maksimum dosya büyüklüğü ise 20 mb. Ücretli olarak da şu fiyatlarla hizmet veriyor. <br />10 gb/$20 yıllık <br />40 gb/$75 yıllık <br />150 gb/$250 yıllık <br />400 gb/$500 yıllık </p> <p align="justify"><span style="font-family: tahoma"><strong>2.Microsoft Skydrive</strong></span></p> <p class="MsoNormal"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/skydrive.jpg" target="_blank"><img style="margin: 5px 10px 0px 0px" height="93" alt="skydrive" src="http://lh3.ggpht.com/_m4Sst6sv5bM/Shb0zKRkdTI/AAAAAAAAAu0/NpBF_smURR0/skydrive%5B1%5D.jpg?imgmax=800" width="123" align="left" /></a> Bu siteyi HOTMAİL hesabınız olmadan kullanamıyorsunuz. <br />Ücretsiz depolama kapasitesi : 25 gb <br />Yüklenebilecek maksimum dosya büyüklüğü ise 50 Mb.</p> <p class="MsoNormal"> </p> <p align="justify"><span style="font-family: tahoma"><strong></strong></span></p> <p align="justify"><span style="font-family: tahoma"><strong>3. boxstr</strong></span></p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/untitled-12.jpg" target="_blank"><img style="margin: 5px 10px 0px 0px" height="66" alt="untitled-12" src="http://lh6.ggpht.com/_m4Sst6sv5bM/Shb01osREZI/AAAAAAAAAu4/YzT1WWVUGHk/untitled-12.jpg?imgmax=800" width="139" align="left" /></a> Ücretsiz depolama kapasitesi : 5 gb <br />Bant genişliği : 1 Gb/Gün <br />Ücretli olarak : 25 gb/$25 yıllık <br />100 gb/$100 yıllık <br />200 gb/$140 yıllık <br />Ayrıca ücretsiz olarak dosyalarınızdan flash mp3 çalar hizmeti veriyor. Fakat bant genişliği kullanıcılar için rahatsızlık verici olabilir. </p> <p align="justify"><span style="font-family: tahoma"><strong>4.Opendrive</strong></span> </p> <p class="MsoNormal"><img style="margin: 5px 10px 5px 0px" height="57" alt="opendrive" src="http://lh6.ggpht.com/_m4Sst6sv5bM/Shb0478UdvI/AAAAAAAAAvE/xvlMd9IKYdw/opendrive%5B2%5D.gif?imgmax=800" width="176" align="left" /> ücretsiz depolama kapasitesi : 1 gb <br />Ücretli olarak : 10 gb/$10 yıllık <br />25 gb/$25 yıllık <br />50gb/$50 yıllık <br />100 gb/$100 yıllık <br />Belirtmekte fayda var, depolama kapasitesi düşük olmakla birlikte aynı GMAİL DRIVE gibi özel yazılımı kurulmak suretiyle ev-iş gibi birden fazla bilgisayar kullanıcıları için online depolama alanını bilgisayarınızın bir sürücüsü veya klasörü gibi kullanabiliyorsunuz. </p> <p align="justify"><span style="font-family: tahoma"><strong>5.Orbitfiles</strong></span></p> <p class="MsoNormal"><img style="margin: 5px 10px 5px 0px" height="55" alt="orbitfiles" src="http://lh3.ggpht.com/_m4Sst6sv5bM/Shb062E5D5I/AAAAAAAAAvM/-HJEUFsPI7Q/orbitfiles%5B2%5D.gif?imgmax=800" width="156" align="left" /> Ücretsiz depolama alanı : 6 gb <br />Aylık 5$ karşılığında sınırsız depolama alanına erişebilirsiniz. </p> <p class="MsoNormal"> </p> <p align="justify"><span style="font-family: tahoma"><strong></strong></span></p> <p align="justify"><span style="font-family: tahoma"><strong>6. Mozy</strong></span> </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/mozy.gif" target="_blank"><img style="margin: 5px 10px 5px 0px" height="50" alt="mozy" src="http://lh4.ggpht.com/_m4Sst6sv5bM/Shb09DcVbAI/AAAAAAAAAvU/JgdJpnpAtdY/mozy%5B1%5D.gif?imgmax=800" width="130" align="left" /></a> ücretsiz depolama alanı : 2 GB <br />aylık 4,95 $ karşılığında sınırsız depolama alanına erişebilirsiniz. Ayrıca site kendini "Secure Strorage" şeklinde tanımlıyor, güvenlik sevdalılarına duyrulur. Kendi yazılımı da mevcut. </p> <p align="justify"><strong><span style="font-family: tahoma"><span style="font-family: tahoma">7.idrive</span></span></strong> </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/idrive.gif" target="_blank"><img style="margin: 5px 10px 0px 0px" height="48" alt="idrive" src="http://lh5.ggpht.com/_m4Sst6sv5bM/Shb0_bPlQwI/AAAAAAAAAvc/CD-xtu6-nmo/idrive%5B1%5D.gif?imgmax=800" width="125" align="left" /></a> ücretsiz depolama alanı : 2,5 gb <br />Ücretli olarak 150 gb/$4,95 aylık. <br />Kendi özel yazılımı aracılığıyla bilgisayarınızın bir sürücüsü gibi kullanılabiliyor. </p> <p align="justify">8. <strong><span style="font-family: tahoma">Ziddu</span></strong></p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/ziddu.gif" target="_blank"><img style="margin: 5px 10px 0px 0px" height="64" alt="ziddu" src="http://lh4.ggpht.com/_m4Sst6sv5bM/Shb1BgE7mkI/AAAAAAAAAvk/hR40Y9p5FlQ/ziddu%5B1%5D.gif?imgmax=800" width="120" align="left" /></a> ücretsiz depolama alanı : Sınırsız <br />yüklenebilecek maksimum dosya büyüklüğü ise 200 mb.</p> <p></p> <p align="justify"> </p> <p align="justify"><strong><span style="font-family: tahoma"></span></strong></p> <p align="justify"><strong><span style="font-family: tahoma">9.Dropboks</span></strong></p> <strong><span style="font-family: tahoma"></span></strong> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/dropboks.gif" target="_blank"><img style="margin: 5px 10px 5px 0px" height="32" alt="dropboks" src="http://lh6.ggpht.com/_m4Sst6sv5bM/Shb1Eei-AgI/AAAAAAAAAvo/cEjsCsKOnxc/dropboks%5B1%5D.gif?imgmax=800" width="130" align="left" /></a> Ücretisiz depolama alanı : 1 Gb <br />yüklenebilecek maksimum dosya büyüklüğü ise 500 mb. <br />Ücretli olarak 2 gb/2$'lık paket de mevcut. </p> <p align="justify"><strong><span style="font-family: tahoma">10.get dropboX</span></strong></p> <strong><span style="font-family: tahoma"></span></strong> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/getdropbox.gif" target="_blank"><img style="margin: 5px 10px 5px 0px" height="50" alt="getdropbox" src="http://lh3.ggpht.com/_m4Sst6sv5bM/Shb1GH2sLrI/AAAAAAAAAvs/sEB3ZFdbU8Q/getdropbox%5B1%5D.gif?imgmax=800" width="130" align="left" /></a> ücretsiz depolama alanı : 2 gb <br />özel yazılımı aracılığıyla sürücü izlenimi veriyor. <br />Özel yazılımı kurulmak suretiyle ev-iş gibi birden fazla bilgisayar kullanıcıları için online depolama alanını bilgisayarınızın bir klasörü gibi kullanabiliyorsunuz ( Çok Başarılı ). </p> <p align="justify"><strong><span style="font-family: tahoma">11.syncplicity</span></strong></p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/getdropbox.gif" target="_blank"><img style="margin: 0px 10px 0px 0px" height="47" alt="syncplicity" src="http://lh5.ggpht.com/_m4Sst6sv5bM/Shb1IskMssI/AAAAAAAAAv8/z4dTYcd4b2U/syncplicity%5B1%5D.jpg?imgmax=800" width="125" align="left" /></a> Ücretsiz depolama alanı : Limitsiz</p> <p align="justify"> </p> <p align="justify"><strong><span style="font-family: tahoma">12.esnips</span></strong></p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/getdropbox.gif" target="_blank"><img style="margin: 5px 10px 0px 0px" height="40" alt="esnips" src="http://lh6.ggpht.com/_m4Sst6sv5bM/Shb1KpMp-dI/AAAAAAAAAwA/0aUVgR-9Lik/esnips%5B1%5D.gif?imgmax=800" width="130" align="left" /></a> Ücretsiz depolama alanı : 5 gb <br />ayrıca ücretsiz olarak müzik dosyalarınızdan widget oluşturabiliyorsunuz, playlist oluşturabiliyorsunuz. </p> <p align="justify"><strong><span style="font-family: tahoma">13.box.net</span></strong></p> <strong><span style="font-family: tahoma"></span></strong> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/box.gif" target="_blank"><img style="margin: 5px 10px 0px 0px" height="58" alt="box" src="http://lh6.ggpht.com/_m4Sst6sv5bM/Shb1NoPdT5I/AAAAAAAAAwI/W_KOBzxcXow/box%5B1%5D.gif?imgmax=800" width="125" align="left" /></a> Ücretsiz depolama alanı : 1 gb <br />Maksimum dosya büyüklüğü : 10 mb <br />Bant genişliği : 10 gb/aylık </p> <p><strong><span style="font-family: tahoma"></span></strong></p> <p><strong><span style="font-family: tahoma"></span></strong></p> <p><strong><span style="font-family: tahoma"></span></strong></p> <br /><br /><p><strong><span style="font-family: tahoma">SONUÇ :</span></strong> <br />Sonuç olarak limit sorunu olanlar için limitsiz hizmet veren siteler, blog sitesinde müzik dinletmek isteyen kullanıcılar için widget veya flash player yaratabilen siteler, ayrıca güvenliği ön planda tutanlar veya ev-iş-okul gibi birden fazla bilgisayar kullananlar için taşınabilir disk görevi gören siteler tercih edilebilir. Yani herkesin gereksinimine cavap verecek mutlaka bir site var kanısındayım.</p> <p align="justify"><strong><font size="4">Ayrıca çok işinize yarayacak 20 web sitesi:</font></strong></p> <p align="justify"><strong><font size="4"></font></strong></p> <h1 align="justify">ThinkFree Office</h1> <h1 align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/thinkfree.gif" target="_blank"><img height="211" alt="thinkfree" src="http://lh3.ggpht.com/_m4Sst6sv5bM/Shb1QaIvz4I/AAAAAAAAAwU/jI3fUk7W7iQ/thinkfree%5B1%5D.gif?imgmax=800" width="435" /></a> </h1> <p class="MsoNormal" align="justify"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana">MS Officei ve diğerlerini unutun. İşte size internet üzerinde bulunduğu için her yerden erişilebilen bir online ofis adresi. Google (Gmail) hesabı olanlar bu siteyi üye olmadan aynı hesap ad ve şifrelerini girerek kullanabiliyorlar. Eğer google hesabınız yoksa siteye abone oluyorsunuz. ThinkFree Office, Word tarzı kelime işlemciden Excel ve PowerPoint tarzı uygulamalara kadar önemli ofis araçlarını bir araya getiriyor. 11 kadar dil desteğine sahip olan ThinkFree Office, 1GBa kadar da depolama imkanı sunuyor. </span></p> <p align="justify"></p> <p align="justify"></p> <p align="justify"></p> <p align="justify"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://www.thinkfree.com/" target="_blank"><b>ThinkFree Office</b></a></span></p> <h1 align="justify">Zoho </h1> <p><span><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/zoho-logo1.jpg" target="_blank"><img style="margin: 5px 10px 0px 0px" height="103" alt="zoho-logo1" src="http://lh6.ggpht.com/_m4Sst6sv5bM/Shb1TNzPkCI/AAAAAAAAAwY/De0Ee1mqpxM/zoho-logo1.jpg?imgmax=800" width="123" align="left" /></a> Bir kelime işlemciden ve görev yöneticisinden çok daha fazlası olan Zoho, not almaktan kişi rehber bilgilerine ve proje yönetimine kadar birçok ufak çaplı web uygulamasını da içerisinde barındırıyor. Slayt gösterileri de hazırlayabildiğiniz Zoho platformunda Word ve Excel türevi uygulamalar da bulunuyor. <br /> <br /><a href="http://www.zoho.com/" target="_blank"><b>Zoho</b></a></span></p> <h1 align="justify">EditGrid </h1> <p><span><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/editgrid.gif" target="_blank"><img height="312" alt="editgrid" src="http://lh4.ggpht.com/_m4Sst6sv5bM/Shb1WWHYD3I/AAAAAAAAAwk/myJ-1e23Ed0/editgrid%5B1%5D.gif?imgmax=800" width="435" /></a> </span></p> <p><span>Microsoft Officete yer alan Excel uygulamasını bir yana bırakın ve EditGride göz atın. Excele göre birçok farklı fonksiyona ev sahipliği yapan ve online olarak her bilgisayardan anında ulaşılabilen EditGrid, Internet Explorer 6 dışında hemen her web tarayıcısında sorunsuz bir şekilde çalışabiliyor. <br /> <br /><a href="http://www.editgrid.com/" target="_blank"><b>EditGrid</b></a> </span></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">SlideShare </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/slideshare.gif" target="_blank"><img style="margin: 5px 10px 5px 0px" height="73" alt="slideshare" src="http://lh4.ggpht.com/_m4Sst6sv5bM/Shb1YskHtNI/AAAAAAAAAws/ysicQGq1HVE/slideshare%5B1%5D.gif?imgmax=800" width="198" align="left" /></a> SlideShare ile devasa boyutlardaki video ve fotoğrafların yer aldığı kendi sunumlarınızı dünyanın neresinde olursun olsun herkesle tek bir tıklamayla paylaşabilirsiniz. <br /> <br /><a href="http://www.slideshare.net/" target="_blank"><b>SlideShare</b></a> </span></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">Box </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/box.gif" target="_blank"><img style="margin: 5px 10px 0px 0px" height="79" alt="box_logo" src="http://lh4.ggpht.com/_m4Sst6sv5bM/Shb1bDM9orI/AAAAAAAAAww/QbN6TECFQJY/box_logo%5B1%5D.gif?imgmax=800" width="133" align="left" /></a> Bir online depolama portalı olan box.net, sosyal ağ ilişkili fonksiyonlarıyla dikkat çekiyor. Diğer kullanıcılar, dosyalarınız üzerinde yorumda bulunabiliyor ya da dosyalarınızı etiketleyebiliyor(tabii ki gerekli izni vermeniz durumunda). Ücretsiz üyeliğinin yanında aylık 20 Dolarlık ücrete sahip olam Premium hesabının da edinilebildiği box.net, kullanıcılara 5 ila 15GB depolama alanı sunuyor. <br /> <br /><a href="http://www.box.net/" target="_blank"><b>Box.net</b></a> </span></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">Pando </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/pando.gif" target="_blank"><img height="147" alt="pando" src="http://lh6.ggpht.com/_m4Sst6sv5bM/Shb1eSn6C9I/AAAAAAAAAw8/JwTUx_304mk/pando%5B1%5D.gif?imgmax=800" width="435" /></a> </span></p> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana">E-posta aracılığıyla büyük dosyaların gönderilmesi her zaman için büyük bir sorundur. Ancak Pando ile bu problem artık ortadan kalkıyor. 1GBa kadar kapasite sunan Pandoya gönderdiğiniz dosyaların boyutu ne olursa olsun, arkadaşlarınıza bu dosyaları kolayca ulaştırabilmeniz mümkün. Yapmanız gereken tek şey dosyalarınızı Pandoya yüklemek ve buradan edindiğiniz bağlantıyı arkadaşınıza göndermek. <br /> <br /><b><a href="http://www.pando.com/" target="_blank">Pando</a> </b></span></p> <p align="justify"></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">Office Live Workspace </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/officeworkspace.gif" target="_blank"><img height="254" alt="officeworkspace" src="http://lh5.ggpht.com/_m4Sst6sv5bM/Shb1hRK979I/AAAAAAAAAxE/79h_r41R_4U/officeworkspace%5B1%5D.gif?imgmax=800" width="435" /></a> </span></p> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana">Microsoftun hazırladığı ve kullanıcılarına sunduğu depolama ve paylaşım merkezi Workspace ile dokümanlarınızı kolayca bu adrese gönderebilir ve izin verdiğiniz kişilerle dokümanlarınızı dünyaya açabilirsiniz. <br /> <br /><a href="http://workspace.officelive.com/" target="_blank"><b>Workspace</b></a> </span></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">Zoto </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/zoto_logo.jpg" target="_blank"><img style="margin: 5px 10px 0px 0px" height="61" alt="zoto_logo" src="http://lh6.ggpht.com/_m4Sst6sv5bM/Shb1kO5PVqI/AAAAAAAAAxM/LgTLKZL-psI/zoto_logo%5B1%5D.jpg?imgmax=800" width="240" align="left" /></a> Fotoğraf paylaşımı konusunda alanının önde gelen web sitelerinden biri olan ve Linux, Mac ve Windows platformlarında sorunsuz bir şekilde çalışabilen Zoto ile fotoğraflarınızı sevdiklerinizle paylaşın. <br /> <br /> <br /><a href="http://www.zoto.com/" target="_blank"><b>Zoto</b></a> </span></p> <p align="justify"></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">Carbonite </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/carbonite_logo.gif" target="_blank"><img style="margin: 5px 10px 5px 0px" height="50" alt="carbonite_logo" src="http://lh5.ggpht.com/_m4Sst6sv5bM/Shb1mJKOGXI/AAAAAAAAAxQ/WUcYX4JwbtI/carbonite_logo%5B1%5D.gif?imgmax=800" width="240" align="left" /></a> Sistem çubuğunuzda yer alan ve önemli dosyalarınızı yedekleyebileceğiniz Carboniteın kapasite sınırı bulunmuyor. Yazılımı yükledikten sonra bilgisayarın yeniden başlatılması gerekiyor. <br /> <br /><a href="http://www.carbonite.com/" target="_blank"><b>Carbonite</b></a> </span></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">Dafont.com </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/dafont.gif" target="_blank"><img style="margin: 5px 10px 0px 0px" height="97" alt="dafont" src="http://lh3.ggpht.com/_m4Sst6sv5bM/Shb1oqe-qpI/AAAAAAAAAxc/EAVdEGqQ7Gk/dafont%5B1%5D.gif?imgmax=800" width="79" align="left" /></a> 7000 kadar fonta ev sahipliği yapan dafont.com, Mac ya da Windows altında sorunsuz bir şekilde çalışabiliyor. Linux kullanıcılarının ise fontları uygun formata dönüştürmesi gerekiyor. Farklı fontlarla yazılarınızı renklendirmek istiyorsanız bu site tam size göre. </span><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"> <br /></span><b></b></p> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><b><a href="http://interaktif.gazetevatan.com/teknoloji/null" target="_blank">Dafont.com</a> </b></span></p> <p align="justify"></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">Bluestring </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/bluestring.jpg" target="_blank"><img height="250" alt="bluestring" src="http://lh3.ggpht.com/_m4Sst6sv5bM/Shb1rkZCrbI/AAAAAAAAAxk/HsZBG6aImuQ/bluestring%5B1%5D.jpg?imgmax=800" width="435" /></a> </span></p> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana">AOLnin sahibi olduğu Bluestring, bir web sitesinin dijital medya koleksiyonu olarak bir kullanıcının işine ne kadar çok yarayabileceğini de gözler önüne seriyor. Bluestring ile müzik, fotoğraf ve videolarınızı kolayca paylaşabilirsiniz. Kullanışlı durum çubuğu sayesinde upload ve download işlemleri oldukça basite indirgenmiş durumda. <br /> <br /><b><a href="http://www.bluestring.com/" target="_blank">Bluestring</a> </b></span></p> <p align="justify"></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">Imagekind </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/imagekind-1.jpg" target="_blank"><img style="margin: 5px 10px 5px 0px" height="104" alt="imagekind-1" src="http://lh5.ggpht.com/_m4Sst6sv5bM/Shb1uF4OwGI/AAAAAAAAAxo/kZcLNhpvxZg/imagekind-1.jpg?imgmax=800" width="185" align="left" /></a> Çeşitli resim çerçeveleri üzerinde yer alan müze fotoğraflarına ulaşabileceğiniz Imageking, kendine özgün bir yapıya sahip. Sitede yer alan materyallerin maliyeti ise yaklaşık 40YTL. Bunun yanında kendi basılı resimlerinizi de site üzerinden satışa çıkarabiliyorsunuz. <br /> <br /><b><a href="http://www.imagekind.com/" target="_blank">Imagekind</a> </b></span></p> <p align="justify"></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">Picnik </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/picnic.gif" target="_blank"><img height="199" alt="picnic" src="http://lh3.ggpht.com/_m4Sst6sv5bM/Shb1xKCwNnI/AAAAAAAAAx0/CfeVbTZDCHs/picnic%5B1%5D.gif?imgmax=800" width="435" /></a> </span></p> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana">Photoshop Expresse benzer şekilde gelişmiş resim düzenleme efektleri, histogramları ve renk düzeltme fonksiyonlarıyla dikkat çeken Picnike PCnizde yer alan fotoğrafları da upload edebiliyorsunuz. <br /> <br /> <br /><a href="http://www.picnik.com/" target="_blank"><b>Picnik</b></a> </span></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">InterfaceLIFT </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/interfacelift.gif" target="_blank"><img height="103" alt="interfacelift" src="http://lh3.ggpht.com/_m4Sst6sv5bM/Shb104IdNdI/AAAAAAAAAx8/DBrsS-hyYZM/interfacelift%5B1%5D.gif?imgmax=800" width="435" /></a> </span></p> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana">InterfaceLIFT, içerisinde birçok simge, fotoğraf ve duvar kağıdı bulunan içeriği geniş bir web portalı. <br /> <br /><b><a href="http://interfacelift.com/wallpaper_beta/downloads/date/any/" target="_blank">InterfaceLIFT</a> </b></span></p> <p align="justify"></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">1001freefonts </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/1001FreeFonts_logo.png" target="_blank"><img style="margin: 5px 10px 0px 0px" height="106" alt="1001FreeFonts_logo" src="http://lh3.ggpht.com/_m4Sst6sv5bM/Shb13z0tdKI/AAAAAAAAAyE/vH967Lg5tz4/1001FreeFonts_logo%5B1%5D.png?imgmax=800" width="240" align="left" /></a> Sitenin isminde yer alan 1001 rakamının aksine 7000 kadar fontu içerisinde barındıran 1001freefontstaki fontları yakından incelemek istediğinizde ufak önizleme fotoğraflarından da sonuna kadar faydalanabilirsiniz. Bunun yanında tek tıklamayla da tüm fontları sisteminize indirebilmeniz mümkün. <br /> <br /><a href="http://www.1001freefonts.com/" target="_blank"><b>1001freefonts</b></a></span> </p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">Martindale </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/martindale.gif" target="_blank"><img style="margin: 5px 10px 5px 0px" height="106" alt="martindale" src="http://lh4.ggpht.com/_m4Sst6sv5bM/Shb16tVnHLI/AAAAAAAAAyI/oDiExruCWQM/martindale%5B1%5D.gif?imgmax=800" width="240" align="left" /></a> Kullanıcı dostu bir tasarıma sahip olmasa da işlevi bakımından çok önemli bir görevi yerine getiren Martingale, bir konu hakkında araştırma yapmak istediğinizde başvuracağınız web portallarının başında yer alıyor. Birçok materyale içerisinde yer alan bağlantılar ile dolaylı yoldan ulaşabileceğiniz Martindalede bilim veri tabanından para çevirici programlara, göz testinden aklınıza gelebilecek hemen her konuya ulaşabilmeniz mümkün. <br /> <br /><b><u><a href="http://www.martindalecenter.com/" target="_blank">Martindale’s</a></u> </b></span></p> <p align="justify"></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">eHow</h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/ehow.gif" target="_blank"><img style="margin: 5px 10px 5px 0px" height="91" alt="ehow" src="http://lh6.ggpht.com/_m4Sst6sv5bM/Shb19WG6FNI/AAAAAAAAAyU/TVsuZ43CV3E/ehow%5B1%5D.gif?imgmax=800" width="237" align="left" /></a> Aklınıza takılabilecek birçok sorunun yanıtını içerisinde barındıran eHow, merak ettiğiniz birçok konuda sizi aydınlatmaya aday bir web sitesi. <br /> <br /><a href="http://www.ehow.com/" target="_blank">eHow</a> </span></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">Toluu </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/toluu.gif" target="_blank"><img style="margin: 5px 10px 5px 0px" height="84" alt="toluu" src="http://lh5.ggpht.com/_m4Sst6sv5bM/Shb2AUy5eJI/AAAAAAAAAyc/Ctk_InItT14/toluu%5B1%5D.gif?imgmax=800" width="176" align="left" /></a> Eğer bir RSS okuyucu kullanıyorsanız, Toluuyu atlamamanızda fayda var. Toluu ile birçok RSS kaynağını çeşitli kaynaklardan toplamanız mümkün. <br /></span></p> <span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"> <br /><br /><b><a href="http://www.toluu.com/" target="_blank">Toluu</a> </b></p> </span> <p align="justify"></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">Keepm </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/keepm_logo.gif" target="_blank"><img style="margin: 5px 10px 5px 0px" height="40" alt="keepm_logo" src="http://lh6.ggpht.com/_m4Sst6sv5bM/Shb2CVSudLI/AAAAAAAAAyg/qVQjJYgNzVM/keepm_logo%5B1%5D.gif?imgmax=800" width="240" align="left" /></a> Web üzerinde yer alan bir iş kartı yöneticisi. Ekleyeceğiniz kişinin ismini girin ve ardından telefon ve adres bilgilerini girin. Bu kayıtları gerektiğinde Outlook yazılımından da edinebilmeniz mümkün. <br /> <br /><b><a href="http://www.keepm.com/" target="_blank">Keepm</a> </b></span></p> <p align="justify"></p> <p align="justify"></p> <p align="justify"></p> <p align="justify"></p> <h1 align="justify">OVGuide </h1> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/ovquide.gif" target="_blank"><img style="border-right: 0px; border-top: 0px; margin: 5px 10px 5px 0px; border-left: 0px; border-bottom: 0px" height="111" alt="ovquide" src="http://lh4.ggpht.com/_m4Sst6sv5bM/Shb2FkrzQuI/AAAAAAAAAys/3YiD6jC3YDc/ovquide%5B1%5D.gif?imgmax=800" width="199" align="left" border="0" /></a> OVGuide, ünlü dizinin de yer aldığı birçok video içerikleriyle ilgili geniş bir veri tabanına sahip.</span></p> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"></span></p> <p class="MsoNormal" style="mso-pagination: none; mso-layout-grid-align: none"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"> </span></p> <p align="justify"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"></span></p> <p align="justify"><span style="font-size: 10pt; font-family: verdana; mso-bidi-font-family: verdana"></span></p> <p align="justify"><b></b></p> <br /><br /><p align="justify"><b><a href="http://www.ovguide.com/" target="_blank">OVGuide</a></b></p> </p></span></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com0tag:blogger.com,1999:blog-30282507.post-22994853611348414362009-01-18T22:54:00.004+02:002009-06-16T16:19:26.929+03:00Tütün: Dünyanın En Eski Blogcusu<p align="justify"><span style="border-right: darkkhaki 1px solid; padding-right: 5px; border-top: darkkhaki 1px solid; margin-top: 5px; font-size: 80px; background: #f0e68c; float: left; border-left: darkkhaki 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: darkkhaki 1px solid; font-family: times">D</span>ostlar geçen gün bir süredir uğramadığım bir blogu ziyaret ettim. Ziyaret nedenim ise kendi blogumda verdiğim linkleri kontrol etmekti. Ziyaret ettiğim blog ise <a href="http://www.altiustutasarim.com/arsiv/2005/12/tutun.php" target="_blank">ALTI ÜSTÜ TASARIM.</a> Sahibi çok yetenekli, başarılı bulduğum, yazılarını beğendiğim ve sırf bu nedenle de kitabını yayınlar yayınlamaz aldığım Mehmet DOĞAN. Şimdi bu adam ne anlatıyor diyebilirsiniz. Ne anlattığıma gelince.</p><div><span class="fullpost"><p align="justify"> Mehmet Doğan’ın Kanada’da yaşadığını <span style="mso-spacerun: yes"> </span>şimdilerde ise artık Dübai’de yaşadığını biliyorum. <a href="http://i151.photobucket.com/albums/s125/ihtiyarus/mehmet.jpg" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 5px 10px 0px 0px; border-right-width: 0px" height="54" alt="mehmet" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SXOXXS7FyEI/AAAAAAAAAkY/xIv0USXf0JA/mehmet.jpg?imgmax=800" width="54" align="left" border="0" /></a> Fakat öncelikle bu ziyaretim sonunda çok üzüldüm. Çünkü artık  Mehmet Doğan  blogunda yazma işine son vermiş. Artık çok değer verdiğim zeka pırıltısını yansıttığı yazılarından mahrum kalacağız. Onu blogunda yayınladığı ve çok beğendiğim bir yazısını <span style="mso-spacerun: yes"> </span>iznini almadan sizlere aktaracağım. Umuyorum önümüzdeki günlerde Mehmet Doğan’ın yazılarını tekrar zevkle okuma ve değerli fikirlerinden yararlanma fırsatını buluruz.<span style="mso-spacerun: yes">  </span>Değerli kardeşim Mehmet Doğan’a yeni yaşamında mutluluklar ve başarılar dilerim. Aşağıdaki yazısını sizlerde beğenirsiniz umarım.<img style="margin: 10px 0px 0px" height="127" src="http://i151.photobucket.com/albums/s125/ihtiyarus/altsttasarim-1.jpg" width="400" /> </p> <h2 align="justify">Tütün: Dünyanın En Eski Blogcusu</h2> <p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" align="justify"><span style="font-family: tahoma; mso-fareast-language: tr"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/mehmet.jpg" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 10px 0px 0px; border-right-width: 0px" height="54" alt="mehmet" src="http://lh4.ggpht.com/_m4Sst6sv5bM/SXOXX7aJnsI/AAAAAAAAAkc/A7ljbOmj0gQ/mehmet%5B1%5D.jpg?imgmax=800" width="54" align="right" border="0" /> Acemi Blogcu</a> sayesinde öğrendiğim gerçekten ilginç bir konu tartışılıyor <a href="http://postitler.blogspot.com/2005/12/nasl-bir-blog-kardelii.html">Postitler blogunda</a>. Kisaca konu, Türkiye'deki blog dizinlerinin yeteri kadar yeterli olup olmadığı ve bu blog karmaşası içinde “öksüz bırakılan” bloglar. </span></p> <p></p> <p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" align="justify"><span style="font-family: tahoma; mso-fareast-language: tr">Konu ile ilgili yorumlarımı Postitler’in ilgili yazısına ekledim ama biraz daha bu konu hakkında yazmak istiyorum. </span></p> <p></p> <p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" align="justify"><span style="font-family: tahoma; mso-fareast-language: tr">Ama öncellikle ben birçok kişinin çok iyi bildiği, sinsi, keyifli, öldürücü, en kötü kolonya kokulu bir bitkiden bahsetmek istiyorum: Tütün. </span></p> <p></p> <p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" align="justify"><span style="font-family: tahoma; mso-fareast-language: tr">Tütün, isim olarak, belki de dünya üzerinde en iyi tanınan bitkilerden biri. Görünüş olarak diğer bitkilerden çok farklı olmasa da özünde, çok ilginç bir bitki. İlginçliği, insanoğlunun ürettiği sigara ya da o iğrenç kokulu kolonya yapımı ile alakalı değil. Esas ilginç olan, tütün bitkisinin, belki de dünyanın en eski blogcusu olmasında. Evet haklısınız! Tütün bitkisinin blogunu ne blogspotda, ne bloglar aleminde ne de blog kardeşliğinde gördünüz. Hiçbir yazısını okumadınız. Gerçi tütün bitkisinin blogundaki yazılar çok ilginç olmasa da; yazıların içeriği birbirine benzese de, sizin bu blogu okumamanızın sebebi bunlar değil. Çünkü bu bitkinin yazılarını, mesajlarını okuyan bizler değil, Polistes adı verilen bir çeşit arı. </span></p> <p></p> <p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" align="justify"><span style="font-family: tahoma; mso-fareast-language: tr">Danimarkalı bir çiftçi Thomas Harttung, bu tütün bloğunun nasıl oluştuğunu bakın nasıl anlatıyor: </span></p> <p></p> <blockquote> <p class="MsoNormal" align="justify"><span style="font-family: tahoma; mso-fareast-language: tr">Her şey, karnı aç bir <i>hornworm</i> adı verilen tırtılın, en sevdiği yemek olan, tütün yapraklarına tırmanması ile başlar. Tırtıl, göze ve dişe gelir bir yaprağın üzerinde mola verir. Tütün yaprağı bu gelişmeden habersizdir çünkü tütün yaprağını ziyaret eden birçok canlı vardır. Her canlının, her böceğin tehlikeli olacağını bilemez. Fakat bahsi geçen tırtılın, ilk ısırığı sayesinde, bu tırtılın tükürüğünü tanıyan tütün yaprağı, bu ziyaretin iyi bir ziyaret olmadığını anlar ve buna karşılık, kendisi kimyasal bir sıvı salgılamaya başlar <i>(blog yazısı)</i>. Kimyasal madde salgılandıktan sonraki tırtıl ısırıkları, bu kimyasal salgının, tırtılın vücuduna girmesini sağlar ve tırtıl bir müddet sonra, tok olduğunu hisseder. Halbuki yeni başlamıştır yemeğe. Fakat tütün yaprağı, zamanının az olduğunu bilmektedir çünkü tırtılın tokluk hissi çok uzun sürmeyecek ve yaprağı yeniden yemeye başlayacaktir. Fakat tütünün salgıladığı bu kimyasal maddeyi fark eden <i>(blog yazısını)</i> yalnızca tırtıl değildir. Hani bizim blog yazıların başka bloglardan linklenmesi, Technorati’de indekslenmesi gibi, bu kimyasal madde, kilometreleri aşarak, <i>polistes</i> adı verilen bir çeşit arıya kadar ulaşır <i>(bir nevi RSS)</i>. Kimyasal maddenin içeriği “yardıma ihtiyacım var, üzerimde bir tırtıl, yapraklarımı yiyor. Biliyorum senin yumurtalarını koyacak bir yere ihtiyacın var. İşte aradığın fırsat” demektedir. O küçücük arı, kilometrelerce yolu kateder, binlerce tütün yaprağı içinden, bu yardımı blog yazısını yazan tütün yaprağını, eliyle koymuş gibi bulur. Tabi ki tırtılı da <i>(artık bu arı, blog kardeşliğini mi, bloglar alemini mi, Technorati’yi mı yoksa Google Haritayı mı kullanıyor, o kısmı belirsiz)</i>. Arı, bu sorun yaratan tırtılın,üzerine, yumurtalarını yerleştirir çünkü tırtılın yüzeyi, arının yumurtaları için mükemmel bir ortamdır. Tırtılın, bu durumda, çekip gitmek, ya da orada yumurtalara gömülüp, arının ataklarıyla ölmekten başka şansı yoktur. Böylece hem arının gelecek nesilleri hem de tütün yapraklarının yaşamı garantilenmiş olur. </span></p> <p></p> </blockquote> <p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" align="justify"><span style="font-family: tahoma; mso-fareast-language: tr">İşte basit bir iletişim, etkili bir networkun doğada oluşturduğu efekt. Tütün bitkisi bile, yaşamı için network, link ve iletişime ihtiyacı varken, blogların böyle bir ortamdan yaşamalarını devam ettirmek için yararlanamayacağını düşünmek bence hata olur. </span></p> <p></p> <p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" align="justify"><span style="font-family: tahoma; mso-fareast-language: tr">Siz ne dersiniz? </span></p> <p></p> <p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" align="justify"><span style="font-family: tahoma; mso-fareast-language: tr">Dipnot: Eğer tütün işiyle uğraşan bir çiftçi tanıdığınız varsa, yukarıda anlatılanların kendi tütün tarlalarında gerçekleşmediğini, o tırtılların, insan yapımı kimyasal madde (DDT gibi) ile öldürüldüğünü size söyleyecektir. Doğru! Bunun nedeni, günümüzde tütünün ticari bir değeri olması ve bu nedenle, tütünün, gerçek habitatında değil, koşullandırılmış, ticari tarım alanlarında yetiştirilmesi. Bu nedenle, tütün, doğa içinde oluşturulduğu networkden yoksun. Blogunu okuyan arılardan uzak. </span></p> <p></p> <p align="justify"><strong>KAYNAK: <a href="http://www.altiustutasarim.com/arsiv/2005/12/tutun.php" target="_blank">ALTI ÜSTÜ TASARIM</a> </strong></p> <p><strong>YAZAN: <a href="http://www.altiustutasarim.com/arsiv/2005/12/tutun.php" target="_blank">Mehmet DOĞAN</a></strong></p> </span></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com1tag:blogger.com,1999:blog-30282507.post-42357058972968331792009-01-06T02:05:00.002+02:002009-06-16T16:23:23.742+03:00BLOGLARA MESAJ FORMU EKLEMEK<p align="justify"><span style="border-right: darkkhaki 1px solid; padding-right: 5px; border-top: darkkhaki 1px solid; margin-top: 5px; font-size: 80px; background: #f0e68c; float: left; border-left: darkkhaki 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: darkkhaki 1px solid; font-family: times">D</span>Dostlar bugün yazacaklarım bana sürekli sorulan bir konu hakkında. Yine nette alakasız bir şey ararken Blogger ve diğer web sitelerinde ihtiyaç duyulan bu hadiseyi şu anda hepiniz merak ediyorsunuzdur. Bloglarınızı veya web sayfalarınızı ziyaret edenlerle aranızda iletişim sağlayan bu araçla ilgili daha önce bir yazı yazmıştım. Yine bu gün iki siteden bahsedeceğim bu siteler size mesaj göndermek isteyen ziyaretçilerin bu isteğini yerine getiriyor. Her ikisinide de blogunuza adapte etmek çok basit.</p><div><span class="fullpost"><p align="justify"> Yada bana öyle geldi. HTML yani web tasarımı bilmeyen dostlar için söylüyorum. Bilenler zaten hemen bloglarında buna uygun düzenlemeleri hemen yapacaklardır. Bilmeyenler içinse tavsiyem, öncelikle kendinize buna uygun şablon seçmenizi öneririm. Yok ben şablonumdan memnunum diyenler içinde önerilerim olacak tabii. Şimdi gelelim bahsi geçen sitelerin bu hizmetlerini sırayla anlatmaya.</p> <p align="justify"><a href="http://www.contactify.com/" target="_blank"><img style="margin: 0px 5px 0px 0px" height="42" src="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/contactify-1.png" width="150" align="left" /></a>İlk anlatacağım site <strong><font color="#0080ff"><a href="http://www.contactify.com/" target="_blank">CONTACTİFY</a></font></strong> adlı bir site. Burada yapılan işlem çok basit. Bu sitenin giriş sayfasındaki üyelik formunu dolduruyorsunuz. Daha sonraki aşamada size bir link ile birlikte bir hesap numarası veriliyor. Bu verilen linki şablonunuzda varsa eğer yoksa da bir iletişim düğmesi veya resmi yapıp bu yarattığınız düğmeye veya resme atayabilirsiniz.<img style="margin: 5px 10px 5px 5px" height="158" src="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/contactify-3.png" width="200" align="right" /> Eğer bu size zor gelirse <font color="#0080ff"><strong><a href="http://www.contactify.com/" target="_blank">CONTACTİFY</a></strong></font> bunu da düşünmüş ve bir <strong>WİDGET</strong> yapmış. Size bu widget’in embed kodlarını veriyor sizde bunu blogunuzda uygun bir yere koyuyorsunuz. Nasıl mı? <strong>Embed</strong> kodlarını kopyalıyorsunuz. Blogunuzda <strong><font color="#ff0080">Yerleşim</font></strong> sekmesinde <font color="#ff0080"><strong>sayfa öğeleri</strong></font> bölümünde <font color="#ff0080"><strong>Gadget Ekle</strong></font> ye tıklıyorsunuz. <strong><font color="#ff0080">HTML/JavaScript'i Yapılandır</font></strong> aracını açıp kopyaladığınız kodları yapıştırıp kaydet diyorsunuz. Bu kadar basit….</p> <p><img height="237" src="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/contactify-2.png" width="400" /> </p> <p align="justify">Bu sitenin verdiği url linkini bir düğmeye veya bir resme de atayabilirsiniz. Bu bir posta kutusu resmi veya <strong>İLETİŞİM </strong>kelimesi de olabilir</p> <p>ÖRNEK KOD:</p> <p><img src="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/iletiim-1.gif" /> </p> <p>Görünüş:</p> <p><b><u><font color="#0000ff">İLETİŞİM</font> </u></b></p> <p>şeklinde görünecek. Yine bunu HTML/JavaScript aracı ile istediğiniz yere koyabilirsiniz..</p> <p align="justify">Resme atama işini ise ya benim gibi bir resim yapacaksınız veya uygun bir resim bulacaksınız o resme aşağıdaki gibi atama yapacaksınız. Yine <strong>HTML/JavaScript</strong> aracı ile blogunuzda istediğiniz uygun bir yere koyacaksınız.</p> <p><strong>Örnek Kod:</strong></p> <p><img height="104" src="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/iletiim-2.gif" width="420" />  </p> <p><strong>GÖRÜNÜŞ:</strong></p> <p><a href="http://www.emailmeform.com/contact_webmaster_fid-203576.html" target="_blank"><img height="58" alt="e_posta" src="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/e_posta.gif" border="0" widht="150" /></a> </p> <p align="justify"><a href="http://www.emailmeform.com/" target="_blank"><img style="margin: 0px 10px 0px 0px" height="97" src="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/emailformeform-1.png" width="200" align="left" /></a> Gelelim ikinci siteye; Bu sitenin adı ise Email Me Form. Bu siteye de üye oluyorsunuz. Daha sonra birkaç aşamada kendi formunuzu oluşturuyorsunuz. Daha önce anlattığım <strong><font color="#0080ff"><a href="http://www.contactify.com/" target="_blank">CONTACTİFY</a></font></strong> ve <strong><font color="#0080ff"><a href="http://www.emailmeform.com/" target="_blank">Email Me Form</a></font></strong> un paralı hizmeti de var. Her ikisinde de paralı hizmetlerde extra ilaveler sunuyorlar. Bu sitelerden başka bu hizmeti bedava veren yüzlerce site var. Diğerlerini de google da aratırsanız onları da inceleme fırsatı bulabilirsiniz. <img style="margin: 10px 10px 0px" height="129" src="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/emailformeform.png" width="200" align="right" /> </p> <p align="justify">Email For Me size hem Mesaj formunun kodlarını veriyor. Hem de bir link veriyor. Hangisini isterseniz kullanabilirsiniz. Daha önce CONTACTİFY de anlattığım uygulama aşamaları bunun içinde aynen geçerli. Örneklerin uygulama linkleri aşağıda verilmiştir. </p> <p align="justify"><strong>ÖRNEK:</strong></p> <p align="justify"><img height="419" src="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/emailforme-1.png" width="400" /> </p> <p align="justify">Yukarıdaki örnek formu bir düğmeye ataması yapılmış çalışan örneği <a href="http://ankarabizim.blogspot.com" target="_blank"><strong>buradan</strong></a> görebilirsiniz. Diğer örnek uygulamalarıda aşağıdaki linklerden görebilirsiniz.</p> <p align="justify"><strong>RESİM UYGULAMASI ÖRNEK:</strong>  <a href="http://testediyorum.blogspot.com/" target="_blank"><strong>test ediyorum</strong></a></p> <p align="justify"><strong>DÜĞME ÖRNEK:</strong>  <a href="http://deniyorus-1.blogspot.com/" target="_blank"><strong>DENEME</strong></a></p> <p align="justify"><strong>BLOG İÇİ UYGULAMASI ÖRNEK:</strong> <a href="http://deniyorus.blogspot.com/" target="_blank"><strong>DENİYORUS</strong></a> (Blogda burda olduğu gibi en alta konabilir.)</p> </span></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com1tag:blogger.com,1999:blog-30282507.post-51567455282209065542009-01-03T18:33:00.013+02:002012-04-27T10:47:26.698+03:00image (Resimli) Blockquote<p align="justify"><span style="border-right: darkkhaki 1px solid; padding-right: 5px; border-top: darkkhaki 1px solid; margin-top: 5px; font-size: 80px; background: #f0e68c; float: left; border-left: darkkhaki 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: darkkhaki 1px solid; font-family: times">D</span>ostlar sizlere bugün rutin kullandığımız bir olaydan bahsedeceğim. Bu olayın adı blockquote<img src="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/deneme_quote-2.png" width="20" height="14" />.Yani yazılarımız arasında bir yerlerden alıntı bir yazı yayınladığımız zaman genelde kullanırız. Blogger 'ın bu özelliği yok mu var. Bazen bu özellik kullandığımız şablon yani tema'nın css özelliklerine göre de değişiklik gösterir. Eğer şu anda benim gibi var olan özellikden memnun olmayanlar için bu uygulamayı anlatmayı gerekli gördüm.</p><div><span class="fullpost"><p align="justify"> Daha önce bu konuda bir yazı yayınlamıştım zaten. Ama bu gün anlatacağım ise daha farklı bir şey. Önceki anlattığım <strong>blockquote</strong> uygulama açısından biraz zahmetli idi ve ayrıca farklı tarayıcılarda farklı sonuçlar veriyordu. <a href="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/blolockquote.png" target="_blank"><img style="border-width: 0px; margin: 5px 5px 0px 0px;" alt="blolockquote" src="http://lh4.ggpht.com/_m4Sst6sv5bM/SV-TKhrisCI/AAAAAAAAAjk/ARMx7pJcacE/blolockquote%5B1%5D.png?imgmax=800" align="left" border="0" width="218" height="108" /></a>Bu nedenle bugün anlatacağım uygulama daha basit bir uygulama. Uygulama bittiğinde yandaki resimdeki <strong>blockquote (Blok Alıntı)</strong> düğmesine basmanız yeterli olacak. Uygulaması zahmetli gelebilir. Kolaya kaçmaktan hoşlanmayanlar ve özgün bir şeyler yapmak isteyenlerin hoşuna gidecek bir uygulama olacak bu.</p> <p><a href="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/blolockquote.png" target="_blank"><img style="margin: 0px;" alt="blolockquote-2" src="http://lh4.ggpht.com/_m4Sst6sv5bM/SV-TLmauY9I/AAAAAAAAAjo/haYMxKHDXGQ/blolockquote-2.png?imgmax=800" width="440" height="317" /></a> </p> <p align="justify">İşe başlayalım hemen. Öncelikle <strong>Yerleşim</strong> sekmesinde <strong>HTML 'yi düzenle</strong> bölümüne geleceksiniz orada <strong>css style</strong> kodlarına ufak bir özellik ekleyeceksiniz. Nereye mi söyleyeyim, tarayıcının düzen menüsünden bu sayfada bul ibaresine tıklayacaksınız. Arama penceresine blockquote yazıp aratacaksınız. CSS kodlarında bulduğunuz blockquote style kodları yerine kopyala yapıştır yaparak aşağıda verdiğim kodları aynen yazacaksınız veya değiştireceksiniz.</p><p align="justify"><strong>CSS STYLE KODLARI:</strong></p><p align="justify"></p><span class="code">.post blockquote {<br /> text-align: justify;<br /> width: 400px;<br /> margin-left: 20px;<br /> padding: 10px 0px 0px 30px;<br /> background-position:top left;<br /> background-repeat: no-repeat;<br /> background: transparent url("http://i73.photobucket.com/albums/i235/aziz52/azizname_image/quote-1.gif") top left no-repeat;<br />}<br />.post blockquote p {<br /> margin-right: 20px;<br /> padding-right: 30px;<br /> padding-bottom: 0px;<br /> padding-left: 0px;<br /> padding-top: 0px;<br /> background: transparent url("http://i73.photobucket.com/albums/i235/aziz52/azizname_image/unquote-1.gif") bottom right no-repeat;<br /> background-position: bottom right;<br /> background-repeat: no-repeat;<br />} </span><p align="justify">Eğer beklediğiniz gibi bir sonuç vermesse blog temanızın özelliklerine göre düzeltmeler yapabilirsiniz. Yazılarınızı yazarkende <strong>HTML'yi Düzenle </strong>sekmesinde yazınızın kodları aşağıdaki gibi görülmeli.</p><p align="justify"><strong>Yazı Kodu:</strong></p><div><span class="code"><p align="justify">When the page loads, the script parses the document, looking for BLOCKQUOTE elements, and then plugs in the two images with their proper attributes (src, alt, class, etc.). If there is a CITE attribute present in the markup, then the script creates a DIV to display the domain name as a link.</p> <blockquote><p>When the page loads, the script parses the document, looking for BLOCKQUOTE elements, and then plugs in the two images with their proper attributes (src, alt, class, etc.). If there is a CITE attribute present in the markup, then the script creates a DIV to display the domain name as a link</p></blockquote></span></div><p><strong>Uygulama böyle görünecek :</strong></p><p><a href="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/blolockquote.png" target="_blank"><img alt="blolockquote-2" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SV-TMhoQRYI/AAAAAAAAAjs/YXmjxk1fVy4/blolockquote-2%5B1%5D.png?imgmax=800" width="440" height="317" /></a> </p><p align="justify">Blockquote için bir başlangıç resmi birde kapanış resmi hazırlıyacağız. Benim yaptığım gibi bir image host, Photo Host sitesine yükleyeceğiz.</p><p align="justify"><a href="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/quote-1.gif" target="_blank"><img alt="dene_quote-3" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SV-TNeWVXGI/AAAAAAAAAjw/_fmqiq5jYDY/dene_quote-3.png?imgmax=800" width="25" height="17" /></a> <img src="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/unquote-1.gif" /> <img src="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/deneme_quote-2.png" /> <a href="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/unquote-1.gif" target="_blank"><img alt="q_O" src="http://lh5.ggpht.com/_m4Sst6sv5bM/SV-TNmWvt9I/AAAAAAAAAj0/ZJ4v-gmHNqw/q_O%5B1%5D.png?imgmax=800" width="20" height="15" /></a> <a href="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/unquote-1.gif" target="_blank"><img alt="q_C" src="http://lh5.ggpht.com/_m4Sst6sv5bM/SV-TOb1c07I/AAAAAAAAAj4/1mlPPDLjBo8/q_C.png?imgmax=800" width="20" height="15" /></a> <a href="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/quote.gif" target="_blank"><img alt="quote" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SV-TPBAHW1I/AAAAAAAAAj8/gyM9n-WU_yg/quote.gif?imgmax=800" width="20" height="20" /></a> <a href="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/unquote.gif" target="_blank"><img alt="unquote" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SV-TPl8QEOI/AAAAAAAAAkA/IfxrKe0NM9k/unquote%5B1%5D.gif?imgmax=800" width="20" height="20" /></a> </p><p align="justify">Oradan alacağımız resmin <strong>URL Adresini</strong> yukarıda <strong>CSS Style</strong> kodlarındaki benim <strong>background: URL</strong> ("<strong><span style="color: rgb(255, 0, 0);">http://adresiniz.com</span></strong>") adresindeki yerine koyacaksınız. İşiniz bittiğinde uygulama aşağıdaki örnekde görüldüğü gibi görülecek. Kolay gelsin...</p><p align="left"><a href="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/blolockquote-1.png" target="_blank"><img alt="blolockquote-1" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SV-TQDAqW9I/AAAAAAAAAkE/-umLO7IdFWg/blolockquote-1.png?imgmax=800" width="440" height="150" /></a></p> </span></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com0tag:blogger.com,1999:blog-30282507.post-21261378026333985712008-12-28T03:43:00.001+02:002008-12-28T03:43:13.792+02:00YENİ YILINIZ KUTLU OLSUN<p><img height="422" src="http://i151.photobucket.com/albums/s125/ihtiyarus/azizname_yeniyil.gif" width="425" /></p> ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com0tag:blogger.com,1999:blog-30282507.post-81721806767470782122008-12-21T00:46:00.001+02:002009-06-21T05:03:35.781+03:00BLOGGER DA YENİ BİR WİDGET<p align="justify"><span style="border-right: darkkhaki 1px solid; padding-right: 5px; border-top: darkkhaki 1px solid; margin-top: 5px; font-size: 80px; background: khaki; float: left; border-left: darkkhaki 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: darkkhaki 1px solid; font-family: times">D</span>ostlar bugün yine nette sağı solu kurcalarken yine google un harika olarak bulduğum iki hizmetini daha keşfettim. Birincisi bir çoğunuzun hoşuna gidecek bir hadise. <strong><font color="#800000">GOOGLE CONNECT</font></strong> ne işe mi yarıyor? <strong><font color="#008000">MyBloglog</font></strong>, gibi <strong>sosyal aleti</strong> kendi blogunuzda veya sitenizde oluşturuyorsunuz. Yani kısaca dostlar dayanışması aracı. Dilediğiniz gibi tasarlama şansına da sahipsiniz. <div><span class="fullpost">Örneğini ben <strong><a href="http://deniyorus-1.blogspot.com/" target="_blank">deneme</a></strong> ve <strong><a href="http://ankarabizim.blogspot.com/" target="_blank">Ankara</a></strong> bloglarına koydum. Nasıl çalıştığını görebilirsiniz. Bütün bloglarınıza bu aleti koyabilirsiniz.<a href="http://www.google.com/friendconnect/" target="_blank"><img style="margin: 10px 10px 0px 0px" src="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/google_friend_connect.png" align="left" /></a> Ayrıca ebatlarını blogunuzda koyacağınız yere göre ayarlayabilirsiniz. Aracın renklerini de kendinize göre düzenleyebilirsiniz. Gelelim nasıl yapacağımıza. <strong><font color="#800000"><a href="http://www.google.com/friendconnect/" target="_blank">Google Friend Connect</a></font></strong> ana sayfasına <a href="http://www.google.com/friendconnect/" target="_blank">buradan</a> gidiyorsunuz. Gmail hesabınızla giriş yapıyorsunuz. Başlıyorsunuz yapmaya. En sonunda verilen kodu kopyalıyorsunuz. Blogunuz da Yerleşim sekmesinde Gadget Ekle linkine tıklıyorsunuz HTML/JavaScript Ekle aracına uygun bir başlık yazıp kopyaladığınız kodu yapıştırıyorsunuz ve kaydedip blogunuzda ki görünüşüne bakıyorsunuz. İlk girişi siz yapın ve daha sonra aklınıza takılan veya yapamadığınız bir şey olursa bana sorarsınız. Aracın resimleri aşağıda….</p> <p align="justify"><a href="http://www.mylatestpiece.com/" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="260" alt="friend_connect-1" src="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/friend_connect-1.png" width="210" border="0" /></a> <a href="http://deniyorus-1.blogspot.com/" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="260" alt="friend_connect-2" src="http://i73.photobucket.com/albums/i235/aziz52/azizname_image/friend_connect-2.png" width="194" border="0" /></a> </p> <p align="justify">Bu arada bu yazıyı yayınladıktan sonra farkettim. Daha doğrusu kurcalarken farkettim. Aynı yerde başka değişik widgetlerde varmış. Hatta aynı yerden kendi widgetinizide yayınlama imkanı var. Ben denedim ahanda oda side barda var. Diğer bir kaçını da buraya yan side bara koydum. </p> <ul align="justify"> <li align="justify"><strong><font color="#808000">Add a Sign In gadget </font></strong></li> <li align="justify"><strong><font color="#808000">Wall gadget </font></strong></li> <li align="justify"><strong><font color="#808000">Review/Rate gadget </font></strong></li> <li align="justify"><font color="#808000"><strong>OpenSocial demonstration</strong> </font></li> <li align="justify"><strong><font color="#808000">LameGame demonstration </font></strong></li> <li align="justify"><strong><font color="#808000">Custom gadget</font></strong> (kendi widgetinizi buradan yayınlayacaksınız) </li> </ul> <p align="justify">Widgetlerin yani yorumların falan yönetiminide doğal olarak <strong><font color="#804000">Friend Connect</font></strong>'ten yapacaksınız. Birden fazla hesabınız ve birçok blogunuz mu var? Hepsine tek yerden yapıp, koyup vede yönetebilirsiniz. Ama yalnız bir hesapla girebilirsiniz. Benim tavsiyem <strong><font color="#804000">Friend Connect</font></strong>'e <strong><font color="#ff8040">Firefox</font></strong> tarayıcısı ile girdiyseniz bloglarınızı <strong><font color="#0000ff">İnternet Explorer</font></strong> veya başka tarayıcılarla girin. Yoksa problem çıkıyor. Evet daha ne diyeyim kolay gelsin. Hoşunuza gider umarım. </p> <p align="justify">Gelelim yeni keşfettiğim ikinci Google Hizmetine. Buda bir çoğunuzun hoşuna gidecek umarım. Ancak yalnız burayı henüz tam olarak çözemedim. Çünkü burası diğer bir hizmetle ortak çalışan bir hizmet. Bende İngilizce olmadığı için biraz ağır çözüyorum. Malum biraz da serde morukluk olduğu için gençlerdeki gibi beyin loblarımın performansı pek iyi değil. Hoş gençken de iyi çalışmıyordu ama zeka konusunda genetik bir halde var herhalde. He he … sonuç olarak diğer yerleri de tam olarak çözünce anlatırım herhalde. Bu google hizmetlerini şimdilik söylemeyeceğim.. Nedeni ise biraz merak edip sık sık ziyaret etmeniz için….Şimdilik kolay gelsin…</p> </span></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com0tag:blogger.com,1999:blog-30282507.post-44435698895815923042008-12-12T04:20:00.001+02:002009-06-21T05:10:12.694+03:00Kendi Widgetinizi Nasıl Yaparsınız?<p align="justify"><span style="border-right: darkkhaki 1px solid; padding-right: 5px; border-top: darkkhaki 1px solid; margin-top: 5px; font-size: 80px; background: khaki; float: left; border-left: darkkhaki 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: darkkhaki 1px solid; font-family: times">D</span>ostlar bugün bir kardeşim <span style="mso-spacerun: yes"> </span><a href="http://azizname.blogspot.com/2008/11/blogger-side-bar-aralari-gadget.html">"BLOGGER SİDE BAR ARAÇLARI (GADGET)"</a> Yazıma <em><font color="#800000">“hocam bişey sorcam ben. gadget ekleme kısmında kendinizinkini ekleyin diye biyer var. nasıl ekleniyor? nasıl gadget yapılıyor? bi bilgi verirsen sevinirim.”</font></em> diye bir yorum bırakmış. Bende bu gün bu konuya değinmeye karar verdim.<div><span class="fullpost"> Daha önce anlattım mı hatırlamıyorum ama ben yine de anlatacağım. Hani bazı bloklarda butonlar görürüz. <strong><font color="#800000">Technorati, feedburner, furl, magnolia</font></strong> sosyal sitelerin bookmark butonları gibi bende kendi butonumu yaptım. Sizlerde benimki gibi bir butonu <strong><font color="#008000">FİREWORKS</font></strong> veya <strong><font color="#008000">PHOTOSHOP</font></strong> gibi bir grafik, resim editörü programı ile yapın. Dosya boyutu küçük olacak bir resim formatında kaydedin.  Bu butonun ebatlarını ben 100X36 yaptım. <a href="http://i151.photobucket.com/albums/s125/ihtiyarus/azizname-2.png" target="_blank"><img style="margin: 10px" height="36" alt="azizname-2" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SUHLVTnPoeI/AAAAAAAAAh8/p0dCijOzdJc/azizname2.png?imgmax=800" width="100" align="right" /></a> Siz istediğiniz boyutta yapabilirsiniz. Her neyse butonu yapın ve photobucket gibi bir beleş siteye yükleyin. Tam bu noktada sizlere google unda elinizin altında böyle bir imkanı var. Bir zamanlar kapasitesi 100 mb idi şimdi ne kadar bilmiyorum ama bayağı işimi görüyor. Buraya her türlü dosya yükleyip blogger da link vererek çalıştırabilirsiniz. Bilgisayarınızda kullandığınız tarayıcınızı açın. Burada google ın arama ana sayfasına yani <a href="http://www.google.com.tr/" target="_blank">http://www.google.com.tr/</a> ye <span style="mso-spacerun: yes"> </span>gidiyorsunuz. Burada sağ üst köşede oturum açın linkine tıklıyorsunuz. Gmail hesabınıza ait e-mail inizi ve şifrenizi girip oturum açıyorsunuz. Açılan sayfada google hizmetleri var. Aşağıda resimde görüldüğü gibi daha fazla linkine tıklıyorsunuz.  Açılan sayfada yine aşağıda ki resimde görüldüğü gibi ya türkçe <strong>sayfa oluşturucu</strong> olarak yada ingilizce <strong>google page creator</strong> linki şeklinde olan linki bulup tıklıyorsunuz. <a href="http://i151.photobucket.com/albums/s125/ihtiyarus/daha-1.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 10px 0px; border-right-width: 0px" height="249" alt="daha" src="http://lh5.ggpht.com/_m4Sst6sv5bM/SUHLWBJrHuI/AAAAAAAAAiA/Iw0Cg8JvY3o/daha3.png?imgmax=800" width="440" border="0" /></a><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/hesabm-1-1.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 10px 0px; border-right-width: 0px" height="406" alt="hesabım-1" src="http://lh4.ggpht.com/_m4Sst6sv5bM/SUHLXNQmmrI/AAAAAAAAAiE/d7JGLI6COJ8/hesabm12.png?imgmax=800" width="440" border="0" /></a>    Açılan sayfada da size daha basit bir web sayfası yapma olayı geliyor. Gelişigüzel bir sayfa oluşturun ve devam edin. Sayfayı oluşturduktan sonra sağ üst köşede aşağıda ki resimde görüldüğü gibi bir yer de <strong>uploaded stuff</strong><span style="mso-spacerun: yes">   </span>diye bir kutu var. Kutunun altında <strong>upload</strong> yazan linke tıklayın. <a href="http://i151.photobucket.com/albums/s125/ihtiyarus/page_creator-1.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 10px 10px 10px 0px; border-right-width: 0px" height="243" alt="page_creator" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SUHLYKnxAII/AAAAAAAAAiI/i_vh5rf3UqM/page_creator1.png?imgmax=800" width="260" align="left" border="0" /></a> <strong>Gözat</strong> linkine tıklayın ve hazırladığınız buton resmini bulup yükleyin. Resim yüklendikten sonra listede resim dosyasının adını göreceksiniz. Bu dosyanın üstüne tıklayın. Yeni bir tarayıcıda resminiz açılacak. Tarayıcının adres satırındaki adres resminizin URL si. Bu URL ile Resminizi artık her yerde yayınlayabilirsiniz. Sonuçta resmininizi nereye yüklerseniz oradaki adresini widgetteki yerine koyacaksınız. İşte bu bölüme resim haricinde her türlü formatta dosya da yükleyebilirsiniz. Resminize aşağıdaki resimde görüldüğü gibi blogunuzun adresini gireceksiniz. Yani resme tıkladığınızda tarayıcı sizin blogunuzu açacak. Diğer yerede resmi yüklediğiniz yerdeki adresini gireceksiniz.</p> <p class="MsoNormal" align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/adres-1.png" target="_blank"><img height="191" alt="adres-1" src="http://lh5.ggpht.com/_m4Sst6sv5bM/SUHLY9IgQ1I/AAAAAAAAAiM/Gqxl3f2XwZg/adres17.png?imgmax=800" width="420" /></a> </p> <p class="MsoNormal" align="justify">Widget bittiğinde widget <strong>xhtml</strong> kodunun tamamında renkli görülen bölümler aşağıda görüldüğü gibi size ait bölümler olacak.</p> <p class="MsoNormal" align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/adres-2.png" target="_blank"><img height="280" alt="adres-2" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SUHLZXDLSlI/AAAAAAAAAiQ/GLt29CoJ3xE/adres25.png?imgmax=800" width="420" /></a> </p> <p class="MsoNormal" align="justify">Şimdi tekrar bir tarayıcı açın ve adres satırına <a href="http://code.google.com/intl/tr/apis/gadgets/docs/legacy/gs.html#GGE" target="_blank"><strong>http://code.google.com/intl/tr/apis/gadgets/docs/legacy/gs.html#GGE</strong></a> adresini kopyala yapıştır deyip yapıştırın veya üşenmeyip aynen yazın. </p> <p class="MsoNormal" align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-1.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="253" alt="widget-1" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SUHLaxNu8cI/AAAAAAAAAiU/8S1AcBrJmvA/widget12.png?imgmax=800" width="424" border="0" /></a> </p> <p class="MsoNormal" align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-13.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="266" alt="widget-13" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SUHLb9xOdAI/AAAAAAAAAiY/kTtHI7RTnOw/widget132.png?imgmax=800" width="424" border="0" /></a>  </p> <p class="MsoNormal" align="justify">Açılan sayfada yukarıda resimde ki yeri bulun ve aşağıdaki kodu kendinize göre daha önce resimlerle anlattığım gibi düzenleyip aşağıda resimlerle sırasıyla gösterdiğim gibi widget html kodunu ilgili yere koyuyorsunuz. </p> <p></p> <p><strong>Kopyala Yapıştır Kodu:</strong> </p> <p><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/adres-3.png" target="_blank"><img height="238" alt="adres-3" src="http://lh5.ggpht.com/_m4Sst6sv5bM/SUHLc2jsQ0I/AAAAAAAAAic/sqbnOLfO804/adres35.png?imgmax=800" width="420" /></a> </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-2.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="266" alt="widget-2" src="http://lh5.ggpht.com/_m4Sst6sv5bM/SUHLeEBr4gI/AAAAAAAAAig/W4UQu8VFpvM/widget21.png?imgmax=800" width="424" border="0" /></a> </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-4.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="263" alt="widget-4" src="http://lh5.ggpht.com/_m4Sst6sv5bM/SUHLfm0p-7I/AAAAAAAAAik/U9jlXfxVVYs/widget42.png?imgmax=800" width="424" border="0" /></a> </p> <p align="justify">Title başlığı yani aşağıdaki resimde görüldüğü gibi düzenliyorsunuz. </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-3.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="266" alt="widget-3" src="http://lh5.ggpht.com/_m4Sst6sv5bM/SUHLhB9r88I/AAAAAAAAAio/h170iVI-yys/widget31.png?imgmax=800" width="424" border="0" /></a> </p> <p align="justify">Daha sonra aşağıda resimde görüldüğü gibi widgetimizin Preview sekmesine tıklayıp ön izlemesine bakıyoruz. </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-5.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="158" alt="widget-5" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SUHLhtN3RMI/AAAAAAAAAis/Kp4DJ-Hz9Rg/widget51.png?imgmax=800" width="424" border="0" /></a> </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-6.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="148" alt="widget-6" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SUHLieWzPTI/AAAAAAAAAiw/zSyFGCT6nrU/widget61.png?imgmax=800" width="424" border="0" /></a> </p> <p align="justify">Daha sonra sırasıyla resimlerdeki gibi save e tıklayıp kaydetme işlemine geçiyoruz. Widgetimize bir ad veriyoruz. </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-7.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="196" alt="widget-7" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SUHLjRPAAdI/AAAAAAAAAi0/LqhTkKZMOJY/widget71.png?imgmax=800" width="424" border="0" /></a> </p> <p align="justify">Kaydettikten sonra resimde görüldüğü gibi widgetimizin adına tıklıyoruz. </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-8.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="179" alt="widget-8" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SUHLkXco9VI/AAAAAAAAAi4/xeluosHhlVQ/widget81.png?imgmax=800" width="424" border="0" /></a> </p> <p align="justify">Tarayıcıda açılan sayfada resimdeki gibi adresi kopyalıyoruz. </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-9.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="149" alt="widget-9" src="http://lh4.ggpht.com/_m4Sst6sv5bM/SUHLlZ0RbdI/AAAAAAAAAi8/fBe9m_ZTYh8/widget91.png?imgmax=800" width="424" border="0" /></a> </p> <p align="justify">İşte eylem artık çok kolay. Yerleşim sekmesinde side bar da gadget ekle linkine tıkladınız, </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-10.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="224" alt="widget-10" src="http://lh4.ggpht.com/_m4Sst6sv5bM/SUHLmFYSxHI/AAAAAAAAAjA/7Ou1HWHw6cU/widget101.png?imgmax=800" width="424" border="0" /></a> </p> <p align="justify">Gadget Ekle aracı açıldı, solda aşağıda Kendinizinkini ekleyin linkine tıklıyorsunuz, açılan pencerede Blogunuza eklemek istediğiniz widget in kopyaladığımız URL'sini giriyoruz.. </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-11.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="380" alt="widget-11" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SUHLnJdszKI/AAAAAAAAAjE/31fy8pqmzi0/widget111.png?imgmax=800" width="424" border="0" /></a> </p> <p align="justify">Resimlerdeki gibi işlemleri sırasıyla yapıyoruz. </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/widget-12.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="252" alt="widget-12" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SUHLoXLXcNI/AAAAAAAAAjI/KPMb02ZTX6k/widget121.png?imgmax=800" width="424" border="0" /></a> </p> <p align="justify">Ta taaaaa…. He he! Widgetiniz tamam. Kolay gelsin….</p> </span></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com1tag:blogger.com,1999:blog-30282507.post-75433131728320555012008-11-26T13:40:00.003+02:002009-06-21T05:14:47.429+03:00Blogger Şablon Siteleri<p align="justify"><span style="border-right: darkkhaki 1px solid; padding-right: 5px; border-top: darkkhaki 1px solid; margin-top: 5px; font-size: 80px; background: khaki; float: left; border-left: darkkhaki 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: darkkhaki 1px solid; font-family: times">D</span>ostlar birkaç gündür bazı konularda araştırma yaparken sizlere çok faydası olacağına inandığım bazı yeni ve ilginç konulara rastladım. Bir tanesi yüzlerce blogger şablonu. Eğer Blogger ın klasik şablonlarından hoşlanmıyorsanız bu yazı epeyce ilginizi çekecek ve sizi mutlu edecek demektir. Hepsi çok güzel ve de yeni. Ama dediğim gibi hala üzerlerinde ufak tefek düzenlemeler yapmak gerekiyor. Bu düzenlemeler bazılarınız için basit ama bazılarınız için se biraz zor olabilir.<div><span class="fullpost"> Ben her açıdan sizlere yardımcı olmaya hazırım. Bu şablonları ben çok beğendim. Bir çoğunu da denedim. Üzerlerinde ufak tefek değişiklikler de yaptım. Ama benim yaptığım değişiklikler daha çok TÜRKÇE olması gereken kısımlar ve de bana uygun değişiklikler. Özde tasarımların orjinallerine, sahiplerine saygımdan dolayı ve de diğer özgün hadiselere dokunmadım. Bu şablonların bir çoğunun <b>CSS</b> <b>Style Sheet</b> kısmında <b>Variable definitions </b>bölümü yok. Ama merak etmeyin ben olmayanların <b>Variable definitions </b>bölümlerini<b> </b>düzenleyip yayınlayacağım.Ayrıca arzu edenlere daha doğrusu ben uğraşamam hazır isterim diyenlere de elimde olan XML şablonları gönderebilirim. Denediğim şablonları aşağıda linklere tıklayarak görebilirsiniz.</p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/btemplates-1.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="68" alt="btemplates-1" src="http://lh4.ggpht.com/_m4Sst6sv5bM/SS01g533NdI/AAAAAAAAAhM/NllGMyWPvjM/btemplates19.jpg?imgmax=800" width="125" align="right" border="0" /></a> Bu şablonların en çoğunu <strong><a href="http://btemplates.com/" target="_blank">Btemplates</a></strong> de   bulabilirsiniz. Daha sonra da <strong><a href="http://blogandweb.com/" target="_blank">Blog and Web</a></strong> i ziyaret edip orayı karıştırabilirsiniz. Buralarda blogger, css, web tasarımı ve grafik tasarım konularında bayağı çok bilgiye ulaşabilirsiniz. <a href="http://i151.photobucket.com/albums/s125/ihtiyarus/blogandweb.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="31" alt="blogandweb" src="http://lh4.ggpht.com/_m4Sst6sv5bM/SS01hgzAK3I/AAAAAAAAAhQ/UhByk3_Tl4c/blogandweb7.png?imgmax=800" width="150" align="left" border="0" /></a> Eminim buraları kurcalarken epeyce işe yarar şey bulacaksınız. Mesela <strong><a href="http://www.smashingmagazine.com/">Smashing Magazine</a></strong> ilginç sitelerden biri. Ayrıca <strong><a href="http://designdisease.com/">Design Disease</a>, <a href="http://www.blogcut.com/">Blogcut</a>, <a href="http://www.gosublogger.com/">Gosublogger</a></strong> gibi yerleri de çok yararlı ve ilginç bulacaksınız. Bu arada Türkçe bloglardan <strong><a href="http://teknomobi.blogspot.com/2008/09/notepad-chaos-blogger-template.html" target="_blank">Teknomobi</a></strong> ve diğer blogu <strong><a href="http://www.dusungec.com/2008/10/lightbox-js-v2-04-blogger-entegrasyonu.html">Düşüngeç</a></strong> ‘e de uğramadan etmeyin. Sizlere kolay gelsin.....</p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/Design_Disease.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="70" alt="Design_Disease" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SS01iaQLdfI/AAAAAAAAAhU/uvPMPvHkU7k/Design_Disease6.png?imgmax=800" width="150" align="left" border="0" /></a> </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/gosublogger.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="70" alt="gosublogger" src="http://lh4.ggpht.com/_m4Sst6sv5bM/SS01i4iDzyI/AAAAAAAAAhY/EoMpz6AoIx8/gosublogger8.png?imgmax=800" width="88" border="0" /></a> <a href="http://i151.photobucket.com/albums/s125/ihtiyarus/logo.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="53" alt="logo" src="http://lh4.ggpht.com/_m4Sst6sv5bM/SS01jdjFGZI/AAAAAAAAAhc/VjtfhhZk0Tk/logo5.jpg?imgmax=800" width="250" border="0" /></a> <a href="http://i151.photobucket.com/albums/s125/ihtiyarus/smashing_logo.gif"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="83" alt="smashing_logo" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SS01kfVDDaI/AAAAAAAAAhg/wRTuk2Ay7oc/smashing_logo4.gif?imgmax=800" width="229" border="0" /></a> </p> <p align="justify"><strong>Not :</strong> Denediğim şablonları aşağıda linklerine veya resimlerine tıklayarak görebilirsiniz.</p> <p align="justify"><strong>Smashing Theme ;</strong> </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/smashing-blogandweb.png" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="204" alt="smashing-blogandweb" src="http://lh5.ggpht.com/_m4Sst6sv5bM/SS01lcJ6rII/AAAAAAAAAhk/bBVfzWx19Bo/smashingblogandweb12.png?imgmax=800" width="404" align="left" border="0" /></a> </p> <p align="justify"> </p> <p align="justify"> </p> <p align="justify"> </p> <p align="justify"> </p> <p align="justify"> </p> <p align="justify"> </p> <p align="justify"><strong>TÜRKÇE DEMO : <a href="http://hukukguguk.blogspot.com/ " target="_blank">hukukguguk</a>  Design By : <a href="http://designdisease.com/portfolio/smashing_theme/" target="_blank">Design Disease</a> </strong></p> <p align="justify"><strong>Download Link: <a href="http://btemplates.com/2008/03/11/smashing/">Btemplates</a></strong></p> <p align="justify"><strong>Blogy - iPlantilla Theme;</strong></p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/iplantilla-blogandweb.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="204" alt="iplantilla-blogandweb" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SS01mTSEAyI/AAAAAAAAAho/P7-4hQinb0w/iplantillablogandweb5.jpg?imgmax=800" width="404" border="0" /></a>  </p> <p align="justify"><strong>TÜRKÇE DEMO :</strong> <strong><a href="http://webokulu.blogspot.com/ " target="_blank">webokulu</a> Design By : Blogger adaptasyon <strong><a href=" http://blogandweb.com/plantillas-blogger/plantilla-blogy-iplantilla/">Blog and Web</a> (Orijinal Wordpress Theme <a href="http://www.ndesign-studio.com/" target="_blank">Ndesign-Studio</a> )</strong></strong></p> <p align="justify"><strong><strong>Download Link: <a href="http://btemplates.com/2008/03/11/iplantilla/">Btemplates</a></strong></strong></p> <p align="justify"><strong>Netspiel Theme;</strong></p> <p align="justify"><strong><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/netspiel1.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="232" alt="netspiel1" src="http://lh5.ggpht.com/_m4Sst6sv5bM/SS01nCcLPfI/AAAAAAAAAhs/Letu_RZJxL8/netspiel15.jpg?imgmax=800" width="404" border="0" /></a> </strong></p> <p align="justify"><strong>TÜRKÇE DEMO :</strong> <strong><a href="http://testvetest.blogspot.com/ ">Test ve Test</a> Design By : <a href="http://www.blogcut.com/">blogcut</a> </strong></p> <p align="justify"><strong><strong>Download Link: <a href="http://btemplates.com/2008/10/20/net-spiel/">Btemplates</a></strong></strong></p> <p align="justify"><strong>Blogy-illacrimo Theme;</strong></p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/plantilla-blogy-illacrimo.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="289" alt="plantilla-blogy-illacrimo" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SS01oISEklI/AAAAAAAAAhw/BelLJYXLR7I/plantillablogyillacrimo5.jpg?imgmax=800" width="404" border="0" /></a>  </p> <p align="justify"><strong>TÜRKÇE DEMO :</strong> <strong><a href="http://gimilbadilli.blogspot.com/ ">Gımıl Badıllı</a> Design By : <a href="http://designdisease.com/portfolio/illacrimo/">Design Disease</a> </strong></p> <p align="justify"><strong><strong>Download Link: <a href="http://btemplates.com/2008/03/11/illacrimo/">Btemplates</a></strong></strong></p> <p align="justify"><strong>Blogy – Dilectio Theme;</strong></p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/plantilla-blogy-dilectio.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="289" alt="plantilla-blogy-dilectio" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SS01o8UKQQI/AAAAAAAAAh0/AsoonrwACaE/plantillablogydilectio5.jpg?imgmax=800" width="404" border="0" /></a>  </p> <p align="justify"><strong>TÜRKÇE DEMO :</strong> <strong><a href="http://morukus.blogspot.com/ ">Morukus</a> Design By : B<strong>logger  adaptasyon <a href="http://btemplates.com/2008/03/11/dilectio/">Blog and Web</a>  (Orijinal Wordpress Theme <a href="http://designdisease.com/portfolio/dilectio_wordpress_theme/">design disease</a><strong>) </strong></strong></strong></p> <p align="justify"><strong><strong>Download Link: <a href="http://btemplates.com/2008/03/11/dilectio/">Blog And Web</a></strong></strong></p> <p align="justify"><strong>Notepad Chaos Theme;</strong> </p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/notepadchaos.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="232" alt="notepadchaos" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SS01p42ZENI/AAAAAAAAAh4/sx6BuzO9tCg/notepadchaos5.jpg?imgmax=800" width="404" border="0" /></a> </p> <p align="justify"><strong>TÜRKÇE DEMO :</strong> <strong><a href="http://webarus.blogspot.com/ ">Webarus</a> Design By : B<strong>logger  adaptasyon</strong> <a href="http://gosublogger.com/">Gosublogger</a> (Orijinal Wordpress Theme <a href="http://www.evaneckard.com/pages/themes.php">Evan Eckard</a> )</strong></p> <p align="justify"><strong>Download Link: <a href="http://teknomobi.blogspot.com/2008/09/notepad-chaos-blogger-template.html">Türkçe Teknomobi</a> </strong></p> <p align="justify"><strong>Download Link: <a href="http://btemplates.com/2008/09/18/1257/">Btemplates</a></strong></p> <p align="justify"><strong></strong></p> <div id="container"> <div id="left"> <div id="content"> <div class="main section" id="main"> <div class="widget Blog" id="Blog1"> <div class="post"> <div class="post-body" id="post-6924215432053622916"> <div class="postBody" id="d9146857-ac2e-4848-b925-fd045a53d387" style="border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; border-bottom-width: 0px; padding-bottom: 0px; margin: 4px 0px 0px; padding-top: 0px; border-right-width: 0px"> <p align="justify"><strong>ALINTI KAYNAK</strong>:  Yazar : <a href="http://www.blogger.com/profile/06074816567123011572" target="_blank">ihtiyarus</a> WEB URL: <a href="http://azizname.blogspot.com/2008/12/blogger-da-yeni-bir-widget.html" target="_blank">AzizName</a></p> </div> </div> </div> </div> </div> </div> </div> </div> <p align="justify"><strong></strong></p> <p> </p> <p align="justify"><strong></strong></p> <p align="justify"><strong></strong></p> <p align="justify"><strong></strong></p> <p align="justify"></p> </span></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com0tag:blogger.com,1999:blog-30282507.post-18240135259636686522008-11-12T16:44:00.003+02:002009-06-21T05:18:13.990+03:00BLOGGER SİDE BAR ARAÇLARI (GADGET)<p></p> <p></p> <p></p> <a title="blogger" href="http://i151.photobucket.com/albums/s125/ihtiyarus/blogger.jpg"><img height="99" alt="blogger" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SRrwbRyefiI/AAAAAAAAAgc/ac1rNUK7Bc0/blogger.png?imgmax=800" width="100" align="right" /></a> <p align="justify"><span style="border-right: darkkhaki 1px solid; padding-right: 5px; border-top: darkkhaki 1px solid; margin-top: 5px; font-size: 80px; background: khaki; float: left; border-left: darkkhaki 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: darkkhaki 1px solid; font-family: times">D</span>ostlar bugün buraya yine yazacak nefis şeyler keşfettim. Belki bazılarınızın haberi vardır ama ben bu yazıyı bu olaydan haberi olmayanlar yada farkında olmayanlar için kaleme aldım. Yandaki BLOGGER ın logosunu gördüğünüzden zaten yazının içeriğinin BLOGGER ile ilgili olduğunu hemen anlamışsınızdır. Yazının içeriği henüz BLOGGER ile yeni tanışanların da özellikle ilgisini çekecektir. <div><span class="fullpost">Şimdi yeni başlayanlar için blogger da bir blog yaratmayı başardınız yada zaten bir blog sahibi olanlar blogger a giriş yapsınlar. Kumanda panelinde blogunuzun <u><strong>yerleşim</strong></u> linkine tıklayınız. Daha sonra side barda ki kutucukların üstünde <strong><u>Gadget Ekle</u></strong>  linkine tıklayınız. Ta taaa....Evet yeni <strong>gadget</strong> lerle tanışınız. Hatta burada kendi gadget inizi bilem yapıp yayınlayabilirsiniz.</p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/Gaget-1.png"><img height="240" alt="Gaget-1" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SRrrrJxII5I/AAAAAAAAAgg/xSnQ0nxCcLs/Gaget-1.png?imgmax=800" width="197" /></a>  </p> <p align="justify">Yukarıdaki resimde görüldüğü gibi sol tarafdaki sütunda gadget çeşitleri ve sınıflandırmaları yer alıyor onları tıklayarak kurcalamaya başlayabilirsiniz. Benim en çok hoşuma giden gadgetler <strong>İzleyiciler :</strong> Blogunuzu izleyen kullanıcıların bir listesini görüntüler ve <strong>Abonelik Bağlantıları <font color="#ff0000">(yeni!)</font></strong><font color="#000000"><strong>. </strong>Tabii bunların başlık adını değiştirebilirsiniz. Özellikle <strong>Abone Bağlantıları</strong> ile Okuyucularınızın popüler içerik takibi yapmalarını sağlamak için okuyucularınızın blogunuza abone olmasını sağlayın. Diğer gadgetleri de artık siz kurcalayın keşfedin. Kolay gelsin..</font></p></span></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com13tag:blogger.com,1999:blog-30282507.post-17643889838311267172008-11-04T05:50:00.004+02:002009-06-21T05:20:48.741+03:00BLOGGER ÖZELLİKLERİ<p><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/blogger.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="99" alt="blogger" src="http://lh4.ggpht.com/_m4Sst6sv5bM/SQ_GlTHPotI/AAAAAAAAAf8/6vppkzOf4I0/blogger%5B10%5D.png?imgmax=800" width="100" align="right" border="0" /></a> </p> <p align="justify"><span style="border-right: darkkhaki 1px solid; padding-right: 5px; border-top: darkkhaki 1px solid; margin-top: 5px; font-size: 80px; background: khaki; float: left; border-left: darkkhaki 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: darkkhaki 1px solid; font-family: times">D</span>ostlar epeydir buraya yazı yazmıyordum. Bu gün buraya yazacak birşey buldum. Belki bazılarınızın haberi vardır ama ben bu yazıyı bu olaydan haberi olmayanlar yada farkında olmayanlar için kaleme aldım. Yandaki BLOGGER ın logosunu gördüğünüzden zaten yazının içeriğinin BLOGGER ile ilgili olduğunu hemen anlamışsınızdır. Yazının içeriği henüz BLOGGER ile yeni tanışanların da özellikle ilgisini çekecektir.<div><span class="fullpost"> Şimdi yeni başlayanlar için blogger da bir blog yaratmayı başardınız yada zaten bir blog sahibi olanlar blogger a giriş yapsınlar. Herhangi bir postu (daha önce yayınlamış olduğunuz bir yazıyı) yada yeni bir yazı yazıp yayınlayın. Yayınlama durumu sekmesine geleceksiniz. Yani aşağıda resmi görülen bölüm.</p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/blogger-4.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="142" alt="blogger-4" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SQ_GmQrWZHI/AAAAAAAAAgA/zjwq5wzrPFk/blogger-4%5B7%5D.png?imgmax=800" width="404" border="0" /></a>  </p> <p align="justify">Bu bölümde sağ alt köşede görülen kutucukdaki <a title="http://www.blogger.com/features" href="http://www.blogger.com/features" target="_blank"><u><strong>Blogger Features Page</strong></u></a> yazan linke tıkla. Aşağıda resmi görülen kutucuk.</p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/blogger-3.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="166" alt="blogger-3" src="http://lh6.ggpht.com/_m4Sst6sv5bM/SQ_GnMO2soI/AAAAAAAAAgE/QO81MURtKE4/blogger-3%5B4%5D.png?imgmax=800" width="404" border="0" /></a> </p> <p align="justify">Ta taaa...İşte aşağıda BLOGGER ÖZELLİKLERİ sayfasına hoş geldiniz. Çok detaylı hemde türkçe hazırlanmış. Hoşunuza gidecektir umarım. Ben BLOGGER la tanışıp da ilk blog hazırladığım günlerde böyle bir kolaylık yoktu, ya da vardı da belki ingilizce yazdığı için böyle bir hadiseden şahsen benim haberim yoktu. Hem türkçe kaynak bulmamızda çok zordu. Hemen hemen hiç yokdu desem yeridir. Sonra EMREX(Yunus Emre) konuyla ilgili bir grup oluşturdu. Tabiiki yine konuyla ilgili de bir blog. Ondan çok şey öğrendim. Buradan ona sevgilerimi gönderiyorum. Belki şu anda kulaklarıda çınlıyordur. Hepinize kolay gelsin. BLOGGER ÖZELLİKLERİ sayfasının da resmi ahanda aşağıda.......</p> <p align="justify"><a href="http://i151.photobucket.com/albums/s125/ihtiyarus/blogger-2.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="331" alt="blogger-2" src="http://lh3.ggpht.com/_m4Sst6sv5bM/SQ_Goo4pijI/AAAAAAAAAgI/EN5GtRlIXXo/blogger-2%5B4%5D.png?imgmax=800" width="404" border="0" /></a> </p> <p align="justify">Hala bir blog hazırlamadıysanız bu sayfaya direk buradanda <strong><a href="http://www.blogger.com/features" target="_blank"><u>Blogger Features Page</u></a></strong> gidebilirsiniz. Kolay gelsin.......</p></span></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com4tag:blogger.com,1999:blog-30282507.post-16776300369149801612008-02-24T23:34:00.004+02:002009-06-21T05:26:57.609+03:00PDF lerinizi E_DERGİ olarak yayınlayın<p><a href="http://lh6.google.com/azizkacan/R8Hi4kSSn9I/AAAAAAAAARE/_Wx7qwRIjOM/issu12"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="76" alt="issu" src="http://lh5.google.com/azizkacan/R8Hi5USSn-I/AAAAAAAAARM/JVKCeyLtgQw/issu_thumb8" width="104" align="right" border="0" /></a></p> <p align="justify"><span style="border-right: darkkhaki 1px solid; padding-right: 5px; border-top: darkkhaki 1px solid; margin-top: 5px; font-size: 80px; background: khaki; float: left; border-left: darkkhaki 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: darkkhaki 1px solid; font-family: times">E</span>vet dostlar epeydir buraya yazı yazmıyordum ancak bu gün <a href="http://blog.wolkanca.com/" target="_blank">WOLKANCA</a>'nın Volkan’ı bana bir sitenin adresini göndermiş. Bende bu siteyi inceledim ve de çok hoşuma gitti. Sitenin adı <b><a href="http://issuu.com/explore">issuu</a>, </b>siteye <a href="http://issuu.com/explore">buradan</a> ulaşabilirsiniz. WEB 2.0 sitesi. Bu siteye önce üye oluyorsunuz daha sonrada hazırladığınız PDF formatındaki belgeleri yüklüyorsunuz. <div><span class="fullpost">Yine daha sonrada sitenizde veya başka bir yerde aşağıdaki gibi yayınlayıp herkesle paylaşıyorsunuz. Site hizmeti beleş. Sizlerde den eyip eğer hoşunuza giderse kullanabilirsiniz. Kolay gelsin…. </p> <div><embed style="width: 400px; height: 296px" name="flashticker" align="middle" src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="mode=preview&previewLayout=white&documentId=080224212121-8db119fc0f48487fae9325d5d2a37c11&backgroundColor=%23cc3333&layout=wood" /></embed> <div style="width: 400px; text-align: left"><a href="http://issuu.com" target="_blank"><img ismap="ismap" src="http://static.issuu.com/webembed/previewers/style1/v1/m1.gif" border="0" /></a><a href="http://issuu.com/viewer?mode=embed&documentId=080224212121-8db119fc0f48487fae9325d5d2a37c11&layout=wood" target="_blank"><img ismap="ismap" src="http://static.issuu.com/webembed/previewers/style1/v1/m2.gif" border="0" /></a><a href="http://issuu.com/embed/guide?documentId=080224212121-8db119fc0f48487fae9325d5d2a37c11&width=425&height=301" target="_blank"><img ismap="ismap" src="http://static.issuu.com/webembed/previewers/style1/v1/m3.gif" border="0" /></a></div> </div></span></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com2tag:blogger.com,1999:blog-30282507.post-55826884238732217742008-02-08T10:11:00.006+02:002009-06-21T05:29:46.102+03:00Web Tasarım kaynakları<p align="justify"><span style="border-right: darkkhaki 1px solid; padding-right: 5px; border-top: darkkhaki 1px solid; margin-top: 5px; font-size: 80px; background: khaki; float: left; border-left: darkkhaki 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: darkkhaki 1px solid; font-family: times">D</span>ostlar bu gün çok güzel bir <a href="http://webdevelopersfieldguide.com/" target="_blank"><strong>kaynak</strong></a> keşfettim. Bu nedenle de sizlerle paylaşmadan edemedim. <strong><a href="http://webdevelopersfieldguide.com/" target="_blank">WEB DEVELOPERS FIELD GUIDE</a></strong>. Web sayfası tasarlamak yeni nesil yazılımlarla mesele olmaktan çıktı ancak fark yaratmak için hâlâ tasarımcının dikkat etmesi gereken birçok ayrıntı var. <div><span class="fullpost">Bu <a href="http://webdevelopersfieldguide.com/" target="_blank"><strong>adreste</strong></a> tek bir sayfa içinde web tasarımı üstüne hemen her konudaki en etkin kaynaklara ulaşmanız mümkün. Kolay gelsin….</p><a title="WEBDEVELOPERSFIELDGUIDE.COM" href="http://webdevelopersfieldguide.com/" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="222" alt="web_developer-2" src="http://lh3.google.com/azizkacan/R6wOm6gzTDI/AAAAAAAAAP8/aWd1IV_tOcM/web_developer-2%5B5%5D" width="420" border="0" /></a> <br /><p><strong>Kaynak Adres :</strong> <a title="http://webdevelopersfieldguide.com/" href="http://webdevelopersfieldguide.com/"><strong>http://webdevelopersfieldguide.com/</strong></a></p></span></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com4tag:blogger.com,1999:blog-30282507.post-55044877374047477612007-10-15T06:39:00.011+03:002009-06-21T06:46:16.589+03:00CSS Inline Style (shadow Filter)<p><span style="font-weight: bold; font-size: large; color: #ffcc33">Float Right</span> </p><div style="padding-left: 15px; filter: shadow(color:silver); float: right; padding-bottom: 10px; font: 24pt haettenschweiler; width: 100px; color: navy">Origin of <br />Dubya</div><p style="text-align: justify"><span style="font-weight: bold; font-size: large"></span>The origin of 'Dubya' from us a weekend says that the columnist Molly Ivins coined it in 1995; it's the spelled-out Texas-drawl version of Bush's middle initial (for "Walker"). Her editor at the Fort Worth Star-Telegram tells us Ivins "owned 'Dubya' from the mid-'90s to 1999, then it caught on with everyone else." Well, not really everyone.<div><span class="fullpost"> Close friends call Bush "George W." His dad sometimes calls him "Quincy," a reference to John Quincy Adams, the only son of a president to become president. And almost everybody else calls him "Mr.President."<span style="font-weight: bold; font-size: large">"</span></p> <p style="text-align: justify"><span style="border-right: darkkhaki 1px solid; padding-right: 5px; border-top: darkkhaki 1px solid; margin-top: 5px; font-size: 80px; float: left; border-left: darkkhaki 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: darkkhaki 1px solid; font-family: times; background-color: khaki">Y</span>ukarıda Cördüğünüz uygulamanın kodlarını aşağıda yayınlıyorum. Kopyala yapıştıır yaparak sizde deneyerek uygulamayı yapablirsiniz. İngilizce yazan metin yerinede istediğiniz gibi yazınızı yazabilirsiniz. Aynı uygulamayı solda da gösterebilirsiniz. Sadece <strong>float: right;</strong> ifadesini <strong>float: left;</strong> olarak değiştireceksiniz. </p> <p><strong>UYGULAMA KODU :</strong> </p> <div><span class="code"> <div align="justify"><p><span style="font-weight: bold; font-size: large; color: #ffcc33">Float Right</span> <div style="padding-left: 20px; filter: shadow(color:silver); float: right; padding-bottom: 12px; font: 24pt haettenschweiler; width: 135px; color: navy">Origin of <br />Dubya</div> <p style="text-align: justify"><span style="font-weight: bold; font-size: large">"</span>The origin of 'Dubya' from usaweekend.com says that the columnist Molly Ivins coined it in 1995; it's the spelled-out Texas-drawl version of Bush's middle initial (for "Walker"). Her editor at the Fort Worth Star-Telegram tells us Ivins "owned 'Dubya' from the mid-'90s to 1999, then it caught on with everyone else." Well, not really everyone. Close friends call Bush "George W." His dad sometimes calls him "Quincy," a reference to John Quincy Adams, the only son of a president to become president. And almost everybody else calls him "Mr. President."<span style="font-weight: bold; font-size: large">"</span></p></p></div></span></div></span></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com0tag:blogger.com,1999:blog-30282507.post-36122221680094166332007-10-15T02:46:00.009+03:002009-06-21T06:20:22.371+03:00Matted Style CSS Border Gold<div align="justify"><p><span style="border-right: black 1px solid; padding-right: 10px; border-top: black 1px solid; padding-left: 10px; background: gold; float: left; padding-bottom: 10px; margin: 15px; border-left: black 1px solid; padding-top: 10px; border-bottom: black 1px solid"><img style="border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid" height="100" src="http://i151.photobucket.com/albums/s125/ihtiyarus/ataturk14vh7-1.jpg" width="75" /></span></p> <p><span style="border-right: darkkhaki 1px solid; padding-right: 5px; border-top: darkkhaki 1px solid; margin-top: 5px; font-size: 80px;background-color: khaki; float: left; border-left: darkkhaki 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: darkkhaki 1px solid; font-family: times">D</span>ostlar yandaki resmi ve çerçevesini beğendinizmi. Hah işte bu gün resimlerinizi şık ve hoş bir şekilde nasıl yayınlayacağızı tarif edeceğim. Yine burada CSS in nimetlerinden yararlanacağız. Yani anlayacağınız sayfalarınızda bu tür uygulamaları CSS ile daha kolay halledebilirsiniz. Burada "inline CSS" yöntemini kullanacağız. Yani makalemizi yazarken gereken kodları da aynı yerde yazacağız. <div><span class="fullpost">Kodlar arasınada makalenizi yerleştireceksiniz anlayacağınız.. Aşağıda bu makalenin uygulama kodunu bulacaksınız. Blogunuza kopyala yapıştır yöntemiyle deneyebilirsiniz. Bu makale yazısının da yerine kendi makalenizi yerleştirebilirsiniz. Yalnız Kodlar içindeki bold yani kalın yerlere kendi resimlerinizin ölçülerini ve adresini yazmayı unutmayın lafın kısacası. Kolay gelsin...</p> <strong>UYGULAMA KODU :</strong> <br /><div align="center"><form><textarea style="width: 400px; height: 150px"><div align="justify"> <p><span style="border-right: black 1px solid; padding-right: 10px; border-top: black 1px solid; padding-left: 10px; background: gold; float: left; padding-bottom: 10px; margin: 15px; border-left: black 1px solid; padding-top: 10px; border-bottom: black 1px solid"><img style="border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid" height="<strong>100</strong>" src="<strong>http://i151.photobucket.com/albums/s125/ihtiyarus/ataturk14vh7-1.jpg</strong>" width="<strong>75</strong>" /></span></p> <p><span style="border-right: darkkhaki 1px solid; padding-right: 5px; border-top: darkkhaki 1px solid; margin-top: 5px; font-size: 80px; background: khaki; float: left; border-left: darkkhaki 1px solid; color: white; line-height: 60px; margin-right: 6px; padding-top: 2px; border-bottom: darkkhaki 1px solid; font-family: times">D</span>ostlar yandaki resmi ve çerçevesini beğendinizmi. Hah işte bu gün resimlerinizi şık ve hoş bir şekilde nasıl yayınlayacağızı tarif edeceğim. Yine burada CSS in nimetlerinden yararlanacağız. Yani anlayacağınız sayfalarınızda bu tür uygulamaları CSS ile daha kolay halledebilirsiniz. Burada "inline CSS" yöntemini kullanacağız. Yani makalemizi yazarken gereken kodları da aynı yerde yazacağız. Kodlar arasınada makalenizi yerleştireceksiniz anlayacağınız.. Aşağıda bu makalenin uygulama kodunu bulacaksınız. Blogunuza kopyala yapıştır yöntemiyle deneyebilirsiniz. Bu makale yazısının da yerine kendi makalenizi yerleştirebilirsiniz. Yalnız Kodlar içindeki bold yani kalın yerlere kendi resimlerinizin ölçülerini ve adresini yazmayı unutmayın lafın kısacası. Kolay gelsin... </p></div></textarea></form></div> <br /><br /><p><strong>ÖRNEK UYGULAMA :</strong></p><br /><div align="justify"><p><span style="border-right: black 1px solid; padding-right: 10px; border-top: black 1px solid; padding-left: 10px; background: gold; float: left; padding-bottom: 10px; margin: 15px; border-left: black 1px solid; padding-top: 10px; border-bottom: black 1px solid"><img style="border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid" height="100" src="http://i151.photobucket.com/albums/s125/ihtiyarus/ataturk14vh7-1.jpg" width="75" /></span></p></div><br /><br /><br /><br /><p><strong>UYGULAMA KODU :</strong></p><div align="center"><form><textarea style="width: 400px; height: 150px"><div align="justify"><p><span style="border-right: black 1px solid; padding-right: 10px; border-top: black 1px solid; padding-left: 10px; background: gold; float: left; padding-bottom: 10px; margin: 15px; border-left: black 1px solid; padding-top: 10px; border-bottom: black 1px solid"><img style="border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid" height="100" src="http://i151.photobucket.com/albums/s125/ihtiyarus/ataturk14vh7-1.jpg" width="75" /></span></p></div><br /></textarea></form></div></span></div></div>ihtiyarushttp://www.blogger.com/profile/06074816567123011572noreply@blogger.com0