Blog Yazıları İçin Kontrol Listesi

<p>Blog yazmaya yeni başlasdığımda yayınlamayı düşündüğüm yazıyı  yazdıktan sonra gönder butonuna basar ve blogumda yayınlardım.Daha sonra yazım hataları, hatalı linkler, yanlış anahtar kelimeler ve yanlış başlık seçimi gibi hatalarımı farkeder geri dönüp bunları düzeltmekle uğraşırdım.Gerçekten çok sıkıntılı ve zahmetli bir durum.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT4gWruzISV3cNSxK3lYfkOuVXjYo5OC2FupQfgfGpGjLPI0Wt-gqDGd_H17D2_pqs0JHyKA4OLXimGy1AAQfFIl5L9-itaJ6EfuIrP7_S8Um0-D7RZ9pXKIW0AOyoNcp9lmtae_0FdWwC/s1600-h/blog-yazisi-kontrol-listesi6.jpg" target="_blank"><img alt="Blog Yazısı Kontrol Listesi" border="0" height="382" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd7cPxnxdgY63hC_yWKtWXZkcc8jypEMu43dpSrDkSvqs75zsEiEfmV_yiwqKzbaW-WPY5Li0S7Z3o6_jyxJJGiRPYeTKkI-tOOXyR37mcWp-F9cHn3vJJ9WpAlxmdL14p4ca2P7ThSD2u/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Blog Yazısı Kontrol Listesi" width="555" /></a></p> <p> </p> <p>Sonunda onca zahmeti çekmektense bir blog yazısı kontrol listesi oluşturdum ve yazılarımı yayınlamadan önce bu kontrol listesindeki her maddenin yanına tik işarerti koymadan yazılarımı yayınlamamaya karar verdim.</p> <p> </p> <p><img align="left" border="0" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Oeg8Uq_iDb-SWVS97OFmNvo-rU-YMpM7UVEMEvvQJ_FjfVdQ4TpKTL2KKvnh5Sa9ZfkYln2yci1WZg4_KInT6vy4815M9kyC2Q9kAZkrqna_D52lOGZj0JSeYb4ath7DKw_KRKzL9atl/s48/camera_test.png" style="background-image: none; border-right-width: 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" width="20" /></p> <h3>Yazım Yanlışları</h3> <p>Blog yazımızı yazdıktan sonra yazım yanlışlarını kontrol etmek için yazıyı tekrar okumamamızın tek sebebi tembellik sanırım.Benim gibi çoğu blogcunun yaptığı bir hatadır yazıyı yayınlamadan önce tekrar okumamak.Yazıyı yazarken yorgun, uykusuz veya başka birşey düşünüyor olabilirsiniz.Bu durumda yazım hatalarından anlamsız cümle kurmaya kadar pek çok hata yapabilirsiniz.O yüzden en iyisi yazıyı bitirdikten sonra bir kez daha okumak.</p> <p> </p> <p><img align="left" border="0" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Oeg8Uq_iDb-SWVS97OFmNvo-rU-YMpM7UVEMEvvQJ_FjfVdQ4TpKTL2KKvnh5Sa9ZfkYln2yci1WZg4_KInT6vy4815M9kyC2Q9kAZkrqna_D52lOGZj0JSeYb4ath7DKw_KRKzL9atl/s48/camera_test.png" style="background-image: none; border-right-width: 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" width="20" /></p> <h3>Anahtar Kelime Araştırması</h3> <p>Blogların en önemli hit kaynağı Google’dır.Google aramalarından daha fazla ziyaretçi kazanmak istiyorsak mutlaka <a title="Anahtar Kelime Araştırması Rehberi" href="http://bloghocam.blogspot.com/2011/09/anahtar-kelime-arastrmas-rehberi.html">anahtar kelime araştırması</a> yapmalıyız.Anahtar kelime araştırması yaparak hangi kelimelerin daha fazla arandığını tespit etmeli ve yazınızda o anahtar kelimeleri kullanmalıyız.Anahtar kelime araştırmasını nasıl yapacağım diye soracak olursanız <a title="Google İle Anahtar Kelime Araştırması Yapmak" href="http://bloghocam.blogspot.com/2011/08/google-ile-anahtar-kelime-arastrmas.html">Google ile anahtar kelime araştırması</a> yapablilrsiniz.Bu arada anahtar kelimelerinizi yazınızda kullanırken SPAM olarak algılanıp ceza almamak için <a title="Blog Yazılarında Anahtar Kelime Yoğunluğu" href="http://bloghocam.blogspot.com/2011/05/blog-yazlarnda-anahtar-kelime-yogunlugu.html">anahtar kelime yoğunluğuna</a> dikkat etmelisiniz.</p> <p> </p> <p><img align="left" border="0" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Oeg8Uq_iDb-SWVS97OFmNvo-rU-YMpM7UVEMEvvQJ_FjfVdQ4TpKTL2KKvnh5Sa9ZfkYln2yci1WZg4_KInT6vy4815M9kyC2Q9kAZkrqna_D52lOGZj0JSeYb4ath7DKw_KRKzL9atl/s48/camera_test.png" style="background-image: none; border-right-width: 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" width="20" /></p> <h3>Başlık Seçimi</h3> <p>Yazı başlığı, ziyaretçilerin yazınızı okuyup okumama kararını etkileyen en önemli faktördür.Güçlü ve etkileyici bir başlık seçerek ziyaretçilerin blogunuzda dolaşırken başlığa tıklayıp yazıyı okumalarını salar.Ayrıca önemli trafik kaynaklarından sosyal paylaşım ve imleme sitelerinden ziyaretçi çekmenin sırrı tabiri caizse mıknatıs etkisi yapacak başlıklar seçmektir.Seçeceğimiz başlık dikkat çekici, merak uyandırıcı olmalı ve mümkünse anahtar kelimeler içermelidir.</p> <p> </p> <p><img align="left" border="0" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Oeg8Uq_iDb-SWVS97OFmNvo-rU-YMpM7UVEMEvvQJ_FjfVdQ4TpKTL2KKvnh5Sa9ZfkYln2yci1WZg4_KInT6vy4815M9kyC2Q9kAZkrqna_D52lOGZj0JSeYb4ath7DKw_KRKzL9atl/s48/camera_test.png" style="background-image: none; border-right-width: 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" width="20" /></p> <h3>Dahili Linkler</h3> <p>Blog yazılarınızda daha önce yazdığınız yazılara link vermek okuyucuların diğer yazılarınızı da keşfetmelerini ver okumalarını sağlamak için çok etkili bir yöntemdir.Arama motoru dostıu bir blog için site içi linklemeye mutlaka önem vermeliyiz.Doğru <a title="Anchor Text Hakkında Herşey" href="http://bloghocam.blogspot.com/2011/06/anchor-text-hakknda-hersey.html">anchor text</a> kullanarak diğer yazılarımıza verdiğimiz linkler arama motoru botlarının blogunuzu en mükemmel şekilde indekslemesine yardımcı olur ve Google’ın çok önem verdiği <a title="Bounce Rate Nedir?" href="http://bloghocam.blogspot.com/2011/05/bounce-rate-nedir.html">bounce rate</a> değerinizi düşürmenize yardımcı olur.</p> <p> </p> <p><img align="left" border="0" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Oeg8Uq_iDb-SWVS97OFmNvo-rU-YMpM7UVEMEvvQJ_FjfVdQ4TpKTL2KKvnh5Sa9ZfkYln2yci1WZg4_KInT6vy4815M9kyC2Q9kAZkrqna_D52lOGZj0JSeYb4ath7DKw_KRKzL9atl/s48/camera_test.png" style="background-image: none; border-right-width: 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" width="20" /></p> <h3>Harici Linkler</h3> <p>Bazı blogcular nedense <a title="Blogunuzdan Dışarıya Link Verirken Dikkat Edin" href="http://bloghocam.blogspot.com/2011/06/blogunuzdan-dsarya-link-verirken-dikkat.html">başka sitelere link vermekten</a> çekinirler.Sanırım okuyucularına kaybetmekten korktuklarından.Aslında özgün ve kaliteli bir içeriğe sahip bloglarda böyle bir şey söz konusu bile olamaz.Aksine okuyucular okudukları yazıyla ilgili farklı kaynaklara link veren blogcuları daha çok takip ederler.Üstelik yazıyla ilgili diğer kaynaklara link vererek o sitelerin dikkatini çekeriz.Eğer o kaynak ta bizim yazımı beğenirse o da bize link verir bu sayede ekstradan backlink ve okuyucu kazanmış oluruz.</p> <p> </p> <p><img align="left" border="0" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Oeg8Uq_iDb-SWVS97OFmNvo-rU-YMpM7UVEMEvvQJ_FjfVdQ4TpKTL2KKvnh5Sa9ZfkYln2yci1WZg4_KInT6vy4815M9kyC2Q9kAZkrqna_D52lOGZj0JSeYb4ath7DKw_KRKzL9atl/s48/camera_test.png" style="background-image: none; border-right-width: 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" width="20" /></p> <h3>Kırık Linkler</h3> <p>İster dahili ister harici link olsun verdiğiniz linklerin doğru olup olmadığını kontrol edin.Google’ın en sevmediği şeylerden biri hata sayfalarıyla karşılaşmaktır.Blogumuzda ki başka bir yazıya ya da diğer bir blogdaki yazıya link verirken adresi doğru yazdığımızdan emin olmalıyız ve linki mutlaka kontrol etmeliyiz.</p> <p> </p> <p><img align="left" border="0" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Oeg8Uq_iDb-SWVS97OFmNvo-rU-YMpM7UVEMEvvQJ_FjfVdQ4TpKTL2KKvnh5Sa9ZfkYln2yci1WZg4_KInT6vy4815M9kyC2Q9kAZkrqna_D52lOGZj0JSeYb4ath7DKw_KRKzL9atl/s48/camera_test.png" style="background-image: none; border-right-width: 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" width="20" /></p> <h3>Görsel Kullanımı</h3> <p>Blog yazılarımızda bir konuyu daha iyi anlatmak için ya da yazıya hareket katmak için <a title="Blog Yazılarında Görsel Kullanımı" href="http://bloghocam.blogspot.com/2011/09/blog-yazlarnda-gorsel-kullanm.html">görsel öğelerden faydalanabiliriz</a>.Üstelik yazılarımızda kullandığımız bu <a title="Görseller İçin SEO" href="http://bloghocam.blogspot.com/2011/04/gorseller-icin-seo.html">görselleri doğru bir şekilde optimize edersek</a> görsel arama motorlarından da azımsanmayacak sayıda ziyaretçi kazanabiliriz.</p> <p> </p> <p><img align="left" border="0" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Oeg8Uq_iDb-SWVS97OFmNvo-rU-YMpM7UVEMEvvQJ_FjfVdQ4TpKTL2KKvnh5Sa9ZfkYln2yci1WZg4_KInT6vy4815M9kyC2Q9kAZkrqna_D52lOGZj0JSeYb4ath7DKw_KRKzL9atl/s48/camera_test.png" style="background-image: none; border-right-width: 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" width="20" /></p> <h3>“Call To Action”</h3> <p><a title="Blog Yazılarıma Nasıl Yorum Alabilirim?" href="http://bloghocam.blogspot.com/2011/04/blog-yazlarma-nasl-yorum-alabilirim.html">Blog yazılarına daha fazla yorum almanın</a> en etkili yollarından bir yazının sonunda okuyucuları yorum yazmaya yani aksiyona davet ettiğimiz “Call To Action” cümleler yazmaktır.Bu kısımda bazen bir soru sorar, bazen yazıya ilave bilgi ister, bazen yazıyı paylaşmalarını isteriz.Asıl amaç interaktivitedir.Yazar ile okuyucu arasındaki etkileşimi arttırmaktır.</p> <p> </p> <p><strong></strong></p> <h5><font color="#ff0000">Söz Sizde</font></h5> <p>Benim kontrol listem bu şekilde.Bu liste yayınlaan içeriğin ve blogun konusuna göre değişebilir.Sizden blogunuzun konusu ne olursa olsun blog yazılarınız için bir kontrol listesi oluşturmanızı ve bunu bizimle paylaşmanızı rica ediyorum.</p>

Blog Yazıları İçin Kontrol Listesi

Blog yazmaya yeni başlasdığımda yayınlamayı düşündüğüm yazıyı  yazdıktan sonra gönder butonuna basar ve blogumda yayınlardım.Daha sonra yazı...

Devamı »

Blogunuza Kapatılabilir Bilgilendirme Çubuğu Ekleyin

<p>Popüler bloglarda  çok sık karşılaştığım bir şey bilgilendirme çubukları.Ziyaretçilere bir şey duyurmak istediğinizde dikkat çekici olduklarından dolayı bu çubuklar çok işe yarıyor.</p> <p> <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-TpLmyCs-ei7tszV5qfSRTGuPUSj74EBraNwH6iIc0HO2oA7MHekaH-cj5oazTvb7zWHPmBf4fs2Xk7cgWS74Xfmffoph_QGAyN68chUSTM8N94GTbxTJo6s3WTdZdwicILvC2C9b1p5R/s1600-h/bar%25255B6%25255D.png" target="_blank"><img alt="Blogger İçin Kapatılabilir Bilgilendirme Çubuğu" border="0" height="401" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2n33IyHUM80rBCAmGjIhVZ0NN7cbKB0f0XKEqGflwD30xgvBaUE0LzTstLSabktgbdqVlSLVQQ1ZX0aTVJKB123l4bGkr5M0jMfIdPpPc2nBEXWOf_2wnUyzmtH7f4c4o65EZ3dJ9t4Li/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Blogger İçin Kapatılabilir Bilgilendirme Çubuğu" width="520" /></a></p> <p> </p> <p>Bu yazıda Blogger’a bu tarz bir bilgi çubuğunu nasıl ekleyeceğinizi anlattım.Resimde gördüğünüz çubuk blogunuzda sabit kalır ve sayfayı aşağı – yukarı kaydırsanız bile aynı yerde sabit kalır.Çubuğun diğer önemli özellikleri şeffaf ve istenildiğini an kapatılabilmesi.</p> <p> </p> <p>Bu bilgilemndirme çubuğunu blogunuza eklemek için şablonunuzdan <strong></body></strong> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin. <br /></p> <blockquote> <p><style type='text/css'> <br />#ut-sticky <br />{ <br />background:url(&#39;<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOnVWOnui_9SqigQxWVYYqy7to6P4QqPMjnqqXKiXySehyphenhyphenG_zBFvwUQJJJesckdhuVVPTKn_NQ3I6ML0L6Syr1FBACgZDa_tMqstMzYEp3kbopzpjpLPkd3UH56kQuMV29PG07qalQfDu5/s1600/ut-bg.png&#39;)">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOnVWOnui_9SqigQxWVYYqy7to6P4QqPMjnqqXKiXySehyphenhyphenG_zBFvwUQJJJesckdhuVVPTKn_NQ3I6ML0L6Syr1FBACgZDa_tMqstMzYEp3kbopzpjpLPkd3UH56kQuMV29PG07qalQfDu5/s1600/ut-bg.png&#39;)</a> repeat; <br />color:#fff; <br />margin:0 auto; <br />border-top: 1px solid #fff; <br />height:28px; <br />font-size:13px; <br />position:fixed; <br />bottom:0; <br />z-index:999; <br />width:95%; <br />border-top-left-radius:15px; <br />border-top-right-radius:15px; <br />display:block; <br />font-weight: bold; <br />font-family: arial,&quot;Helvetica&quot;; <br />font-color:#fff; <br />} <br />#ut-sticky:hover <br />{background:#333;} <br />#ut-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;} <br />#ut-sticky p a{ text-decoration:underline; color:#FFFF33;} <br />.ut-cross{display:block; position:relative; right:15px; float:right;} <br />.ut-cross a{font-size:18px; font-weight:bold; font-family:&quot;Arial&quot;; color:#FF0000; line-height:30px;} <br /></style> <br /><div id='ut-sticky'> <br /><p><font color="#ff0000">Kapatılabilir Bilgilendirme Çubuğu</font> <a href='<a href="http://bloghocam.blogspot.com'"><font color="#ff0000">http://bloghocam.blogspot.com</font>'</a> target='_blank'><font color="#ff0000">Blog Hocam</font></a></p> <br /><div class='ut-cross'><a href='javascript:hide_cross();'>X</a></div> <br /></div> <br /><script language='JavaScript'> <br />function hide_cross() { <br />crosstbox = document.getElementById(&quot;ut-sticky&quot;); <br />crosstbox.style.visibility = &#39;hidden&#39;; <br />} <br /></script></p> </blockquote> <p> <br /></p> <p><strong><u>Düzenlemeniz gereken yerler:</u></strong></p> <p> </p> <p>- Kapatılabilir Bilgilendirme Çubuğu  yazan yere kendi bilgi mesajınızı yazın.</p> <p>- Blog Hocam yazan yere anchor texti yazın.Bu yazı ile istediğiniz sayfaya link vereceksiniz.</p> <p>- <a href="http://bloghocam.blogspot.com">http://bloghocam.blogspot.com</a> yerine anchor texte tıklayınca açılmasını istediğiniz sayfanın adresini yazın.</p>

Blogunuza Kapatılabilir Bilgilendirme Çubuğu Ekleyin

Popüler bloglarda  çok sık karşılaştığım bir şey bilgilendirme çubukları.Ziyaretçilere bir şey duyurmak istediğinizde dikkat çekici olduklar...

Devamı »

Blogger Galeri Sayfası Oluşturma

<p>Bayan okuyucularımdan birisi ( ismini hatırlayamadım kusura bakma ) kişisel <a title="Serdar Kara" href="http://plus.google.com/110966163584417465277" target="_blank">Google Plus sayfamdan</a> bana ulaşarak bloguna bir galeri sayfası eklemek istediğini söylemişti.Bir süredir internette böyle bir galeri ya da portföy sayfasında kullanmak için güzel bir Jquery scripti arıyordum, nihayet buldum.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghvt_rEvCXSLNxR1GBFgBAz7GDRsA064GviRT7yNGG6YmY4oRqKNo69EOUGjAWkE5hQPwXqFx0il_VXrbUVViyJwBlo5YLYZv_Ym5kFMhzzG-b8WcF8X5Ue5fzFwuB3kzoqnpfkmpKdRCH/s1600-h/galeri%25255B7%25255D.png" target="_blank"><img alt="Galeri" border="0" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-hVmeYZxudDEJfssNl2dwORChHgRehKn4YeazoLCh6WbZGxRdXZtVlvE2WfKbLLG6SZEIW72WPFcAM8jJFmGF9o8SBhwCt3tW3nmxnhQqNJvGxoXrxpKL2g4Nutw736brijO0X7_rP6p4/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Galeri" width="400" /></a></p> <p> </p> <p>Resimde gördüğünüz galeri sayfasının nasıl çalıştığını görmek için aşağıdaki videoyu izleyebilirsiniz.</p> <p> </p> <div style="padding-bottom: 0px; margin: 0px auto; padding-left: 0px; width: 448px; padding-right: 0px; display: block; float: none; padding-top: 0px" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:5fd8937a-13af-4cb5-8da1-35431ccf314e" class="wlWriterEditableSmartContent"><div id="d7c99ed9-9b34-42f1-a321-4a9583e63246" style="margin: 0px; padding: 0px; display: inline;"><div><a href="http://www.youtube.com/watch?v=nY6m0QScHLM" target="_new"><img alt="" galleryimg="no" onload="var downlevelDiv = document.getElementById('d7c99ed9-9b34-42f1-a321-4a9583e63246'); downlevelDiv.innerHTML = "<div><object width=\"448\" height=\"277\"><param name=\"movie\" value=\"http://www.youtube.com/v/nY6m0QScHLM?hl=en&hd=1\"><\/param><embed src=\"http://www.youtube.com/v/nY6m0QScHLM?hl=en&hd=1\" type=\"application/x-shockwave-flash\" width=\"448\" height=\"277\"><\/embed><\/object><\/div>";" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmwMZXbTGSAtHbb_Y5tCVWNzEUB_uCOmQFSwMPF0fL2vEPONlvbTm-3xsryz5GtyEWwr4PDYkv7DIT0xRXynAoqNdEt3JNXzUKnHMcgAPix5Kh15D3yR3Z1qNB_JATtHmVwae9s5QcpkcP/?imgmax=800" style="border-style: none"></a></div></div></div> <p> </p> <p>Bunun gibi bir galeri sayfası oluşturmak için;</p> <p> </p> <p><strong><u>1.Adım:</u></strong> <font color="#ff0000">]]></b:skin></font> kodundan önce aşağıdaki kodları ekleyin.</p> <p> </p> <pre style="border-bottom: #999999 1px dashed; border-left: #999999 1px dashed; padding-bottom: 5px; line-height: 14px; background-color: #eee; padding-left: 5px; width: 100%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; color: #000000; font-size: 12px; overflow: auto; border-top: #999999 1px dashed; border-right: #999999 1px dashed; padding-top: 5px"><code>/* Blogger Zoom Gallery */<br />ul.thumb {<br />float: left;<br />list-style: none;<br />margin: 0; padding: 10px;<br />width: 360px;<br />}<br />ul.thumb li {<br />margin: 0; padding: 5px;<br />float: left;<br />position: relative; /* Set the absolute positioning base coordinate */<br />width: 110px;<br />height: 110px;<br />}<br />ul.thumb li img {<br />width: 100px; height: 100px; /* Set the small thumbnail size */<br />-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */<br />border: 1px solid #ddd;<br />padding: 5px;<br />background: #f0f0f0;<br />position: absolute;<br />left: 0; top: 0;<br />}<br />ul.thumb li img.hover {<br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSUZDJ5MxhodPzAuBWU9Za-dbYJjdBoO6Qnqdi-PyjpS13VPjB2OMjMmlXs2aYL1_pHZXKrLTFmi0FvsjVxvg3utoHQ2Pz64OmDKlj3q-YBvZVBxaCht-1R3cwlyyhWB-9oPAj8BcyAjZC/) no-repeat center center; /* Image used as background on hover effect<br />border: none; /* Get rid of border on hover */<br /></code></pre><br /><strong><u>2.Adım:</u></strong> <font color="#ff0000"></head></font> kodundan önce aşağıdaki kodları ekleyin. <br /><br /><pre style="border-bottom: #999999 1px dashed; border-left: #999999 1px dashed; padding-bottom: 5px; line-height: 14px; background-color: #eee; padding-left: 5px; width: 100%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; color: #000000; font-size: 12px; overflow: auto; border-top: #999999 1px dashed; border-right: #999999 1px dashed; padding-top: 5px"><code><script src='http://code.jquery.com/jquery-latest.js'<br />type='text/javascript'/><br /><script type='text/javascript'><br />$(document).ready(function(){<br /><br />//Larger thumbnail preview<br /><br />$(&quot;ul.thumb li&quot;).hover(function() {<br />$(this).css({&#39;z-index&#39; : &#39;10&#39;});<br />$(this).find(&#39;img&#39;).addClass(&quot;hover&quot;).stop()<br />.animate({<br />marginTop: &#39;-110px&#39;,<br />marginLeft: &#39;-110px&#39;,<br />top: &#39;50%&#39;,<br />left: &#39;50%&#39;,<br />width: &#39;174px&#39;,<br />height: &#39;174px&#39;,<br />padding: &#39;20px&#39;<br />}, 200);<br /><br />} , function() {<br />$(this).css({&#39;z-index&#39; : &#39;0&#39;});<br />$(this).find(&#39;img&#39;).removeClass(&quot;hover&quot;).stop()<br />.animate({<br />marginTop: &#39;0&#39;,<br />marginLeft: &#39;0&#39;,<br />top: &#39;0&#39;,<br />left: &#39;0&#39;,<br />width: &#39;100px&#39;,<br />height: &#39;100px&#39;,<br />padding: &#39;5px&#39;<br />}, 400);<br />});<br /><br />//Swap Image on Click<br />$(&quot;ul.thumb li a&quot;).click(function() {<br /><br />var mainImage = $(this).attr(&quot;href&quot;); //Find Image Name<br />$(&quot;#main_view img&quot;).attr({ src: mainImage });<br />return false; <br />});<br /><br />});<br /></script><br /></code></pre><br /><strong><u>3.Adım:</u></strong> Sayfa düzenlemeden yeni bir sabit sayfa oluşturun ve sayfanın HTML kodları bölümüne aşağıdaki kodları ekleyerek sayfayı yayınlayın. <br /><br /><pre style="border-bottom: #999999 1px dashed; border-left: #999999 1px dashed; padding-bottom: 5px; line-height: 14px; background-color: #eee; padding-left: 5px; width: 100%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; color: #000000; font-size: 12px; overflow: auto; border-top: #999999 1px dashed; border-right: #999999 1px dashed; padding-top: 5px"><code><ul class="thumb"><br /><li><a href="#"><img src="Resim 1 Link" alt="" /></a></li><br /><li><a href="#"><img src="Resim 2 Link" alt="" /></a></li><br /><li><a href="#"><img src="Resim 3 Link" alt="" /></a></li><br /><li><a href="#"><img src="Resim 4 Link" alt="" /></a></li><br /><li><a href="#"><img src="Resim 5 Link" alt="" /></a></li><br /><li><a href="#"><img src="Resim 6 Link" alt="" /></a></li><br /></ul><br /></code></pre><br /><br /><p><strong>Galerideki yeni fotoğraf eklemek için; <br /> <br /></strong>Galeriye yeni bir resim eklemek için galeri sayfasının HTML bölümüne eklediğiniz kodlara yeni bir li satırı ekleyebilirsiniz.Örneğin;</p><br /><br /><p><img alt="Galeriye yeni resim ekleme" border="0" height="98" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7SWbswuJFLxewZAbKO_pZtvjaDCUjwLKr9phAn6zLMs1QKVjd_a7gG1XbOsw6X608QBgkwhzDUS3fkJgF68uJXcUdYRYTLJi_4L1VCP5N88BiUE5SygcnhwytqMv-dXMCyhUR4q2va_Z2/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Galeriye yeni resim ekleme" width="481" /></p>

Blogger Galeri Sayfası Oluşturma

Bayan okuyucularımdan birisi ( ismini hatırlayamadım kusura bakma ) kişisel Google Plus sayfamdan bana ulaşarak bloguna bir galeri sayfası ...

Devamı »

Blogger, Yorumlara Yanıt Özelliğini Duyurdu

<p>Blogger’ın en sevmediğim yanlarından biri oldukça basit olan yorum bölümüydü.Blogger geliştiricileri nihayet buna bir çözüm üretti ve yorumlara yanıt verme özelliğini duyurdu.</p> <p> </p> <p>Eğer Blogger’ın kendi şablonlarından birini kullanıyorsanız ve yorumları yanıtlama özelliğini aktifleştirmek istiyorsanız, yapmanız gereken 2 adet ayar var.</p> <p> </p> <h3>1. Yorum Konumu: Gömülü</h3> <p> </p> <p>İlk olarak Blogger kumanda panelinize giriş yaparak <strong>Ayarlar</strong> > <strong>Yayınlar ve yorumlar</strong> > <strong>Yorum Konumu</strong> > <strong>Gömülü</strong> olarak işaretleyin.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiegNzzI49e7GHMGI2-QYp_TE2HQR7wriT7UsKuXMUqlQiEs4uFfebec6vYHGjIhBN9Z_d45ZU5Lp7Dw79DwPBiEkaLPNoykJNIY44jG0nkbnKUuJbQNt_LkkfKHmpo5yTsTg4F-BdT0-Oc/s1600-h/yorum-konumu-gomulu%25255B10%25255D.png" target="_blank"><img alt="Yorum Konumu: Gömülü" border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFY95ZPj4sILD7KDRSFw6rBmQi88ssQfQYUO7n4qkizU8aoY-qq5TcPueC31ATSYSgL_Ps2LAJhzgDGkS84u1gcirfaiB0uElY1qE6BMmxeSEtCZzfUP_W_b6c-5ePOOdKviHS4gLV8o-g/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Yorum Konumu: Gömülü" width="498" /></a></p> <p> </p> <h3>2. Blog İçerik Takibine İzin Ver : Tüm</h3> <p> </p> <p>İkinci olarak yine kumanda panelinize giriş yaparak <strong>Ayarlar</strong> > <strong>Diğer</strong> ><strong> Blog İçerik Takibine İzin Ver</strong> > <strong>Tüm</strong> olarak işaretleyin.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN6LE9nXLClPzNqFw9ebzkuEADSlFiCpfexhz-03WEqFSj8ildkQCmuqF9P9k5ymF46iPZ_Cj1nYclVqNRTCn8wEM59_OAq6n1WDfC1G9V2CtisBQQ_Hj_MZvqXFmgTUSekdnu3DaPHmB4/s1600-h/blog-icerik-takibi-tum%25255B9%25255D.png" target="_blank"><img alt="Blog İçerik Takibine İzin Ver: Tüm" border="0" height="325" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjavWS0L1IhwZeZCnAcxbY8dslH33IOYjMkpvR5n3voto79uz9l4Bgy5j7udszSuSbcFT85na5wfsvISkKps3NyUM6lXfc1g4-2acDcSxpBQdJMm32Thqvl_xInMy7j8F6H9gwDhjlzXVsL/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Blog İçerik Takibine İzin Ver: Tüm" width="472" /></a></p> <p> </p> <p>Şimdi yorum bölümünü kontrol ettiğinizde yorumların altına yanıtla seçeneğinin eklendiğini farkedeceksiniz.Artık yanıtla linkini kullanarak Wordpress’te olduğu gibi yorumlarar direk cevap verebileceksiniz.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGcxh-TMwLuPl06bAbp_aJrML2FilU1sY-pndnYEdZgjy74ssELDpN-w2Wzchum07b-h2dPrteZoOZAj5UndvJNUJ4bKwvFnTuukvDAhOFCmilCgtDq5FNaHJVM9paRpDnoYiPKyhsDOoh/s1600-h/blogger-yorum-yanit%25255B5%25255D.png" target="_blank"><img alt="Blogger Yorumlara Yanıt Özelliği" border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDA25wKEd4-7SAz_yuUaxdNEPbhRj6gvkWLjMc24-VRyNRDsqV2v3eKCBSVIaD81LSq-a-I05nctYj9EAwf3dcaRg9fBTrUhj5l2uhf17nVFAQk9GEQEHJr9C8ENmGdilSSSmdQVkLGd6e/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Blogger Yorumlara Yanıt Özelliği" width="501" /></a></p> <p> </p> <h3>Kendi Temamı Kullanıyorum.Yorumlara Yanıt Özelliğine Nasıl Geçebilirim? </h3> <p> </p> <p>Bu özellik Bloggger’ın tüüm şablonlarına kullanılıyor ancak internetten indirdiğiniz farklı bir tema kullanıyorsanız yorumlara yanıt özelliği görünmeyebilir.Bunun için küçük bir kod değişikliği yapmanız gerekiyor.</p> <p> </p> <p>Şablonunuzdan aşağıdaki kodları bulun.</p> <p> </p> <pre style="border-bottom: #999999 1px dashed; border-left: #999999 1px dashed; padding-bottom: 5px; line-height: 14px; background-color: #eee; padding-left: 5px; width: 96.79%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; height: 96px; color: #000000; font-size: 12px; overflow: auto; border-top: #999999 1px dashed; border-right: #999999 1px dashed; padding-top: 5px"><code><b:if cond='data:blog.pageType == &quot;static_page&quot;'><br /> <b:include data='post' name='comments'/><br /> </b:if><br /> <b:if cond='data:blog.pageType == &quot;item&quot;'><br /> <b:include data='post' name='comments'/><br /> </b:if><br /></code></pre><br /><br /><p>O kodları şunlarla değiştirin.</p><br /><br /><pre style="border-bottom: #999999 1px dashed; border-left: #999999 1px dashed; padding-bottom: 5px; line-height: 14px; background-color: #eee; padding-left: 5px; width: 97.96%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; height: 208px; color: #000000; font-size: 12px; overflow: auto; border-top: #999999 1px dashed; border-right: #999999 1px dashed; padding-top: 5px"><code><b:if cond='data:blog.pageType == &quot;static_page&quot;'><br /> <b:if cond='data:post.showThreadedComments'><br /> <b:include data='post' name='threaded_comments'/><br /> <b:else/><br /> <b:include data='post' name='comments'/><br /> </b:if><br /> </b:if><br /> <b:if cond='data:blog.pageType == &quot;item&quot;'><br /> <b:if cond='data:post.showThreadedComments'><br /> <b:include data='post' name='threaded_comments'/><br /> <b:else/><br /> <b:include data='post' name='comments'/><br /> </b:if><br /> </b:if><br /></code></pre>

Blogger, Yorumlara Yanıt Özelliğini Duyurdu

Blogger’ın en sevmediğim yanlarından biri oldukça basit olan yorum bölümüydü.Blogger geliştiricileri nihayet buna bir çözüm üretti ve yoruml...

Devamı »

Otomatik Feedburner, Facebook, Twitter, Yazı Ve Yorum Sayacı

<p>Blogumun kenar çubuğunda gördüğnüz RSS abone sayısını, Facebook hayran sayısını, Twitter takipçi sayısını, kayıt ve yorum sayısını gösteren otomatik sayacı paylaşmam için çok istek geldi.İşte o sayacı paylaşıyorum.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5uBsBo93DED-MT86IqdHAQAAeFTG2P6Brh40TDmDtUWnWIUhBDQLj6_g9gnnWoqfSrefEd1d-x4GcP73299SyG9Yz0o_orkJm-OoxgzPsnTsrKC2UUd4SgaoumXADQIsrkpeOJmPQV3Up/s1600-h/oto-sayac5.png" target="_blank"><img alt="Blog Hocam Otomatik Sayaç" border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg94rytUzIeKAll659aGGQGtTeTxtYAEPCmO-0P3Ib4y8Qa6Amw1gfb1pRdlE7YOgSo1mm1corFiV4ZSyhWh5a0umf6LYpEpp3nmXov6JqotxBtwx5E3dx4umFQiZ-svBL-kRfQoffyXvjm/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Blog Hocam Otomatik Sayaç" width="455" /></a></p> <p> </p> <p>Öncelikle sayaç hakkında bir kaç şey söyleyeyim.</p> <p> </p> <ul> <li>Abone, hayran, takipçi, yazı ve yorum sayınız artttıkça sayaç otomatik güncellenir. </li> <li>Sayılar güncelleneceği zaman kısa süreliğine bazı değerler “0” olarak gözükebilir.Bu geçici bir durumdur ve kısa sürede golması gereken değer tekrar gözükür. </li> <li>Kenart çubuğunuza uyum sağlamazsa kodlardaki width değerleriyle oynayarak genişliği ayarlayabilirsiniz. </li> </ul> <p>Sayacı nasıl yükleyeceğinize gelince aşağıdaki kodları sayacın gözükmesini istediğiniz yere HTML/JavaScript gadget’ı olarak eklemeniz yeterli.</p> <p> </p> <pre style="border-bottom: #999999 1px dashed; border-left: #999999 1px dashed; padding-bottom: 5px; line-height: 14px; background-color: #eee; padding-left: 5px; width: 97.88%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; height: 500px; color: #000000; font-size: 12px; overflow: auto; border-top: #999999 1px dashed; border-right: #999999 1px dashed; padding-top: 5px"><code><style>.redesss img {-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-bottom:3px;padding: 0 5px;}<br />.redesss img:hover {opacity:0.65;-moz-opacity: 0.65;filter: alpha(opacity=65);}<br />.redesss b {line-height: 16px;}</style><br /><br /><br /><div class="redesss" style="font-size:11px;text-align:center;"><br /><table border="0" cellspacing="0" cellpadding="0" width="258"><tbody><br /> <tr><br /> <td valign="top" width="51" align="center"><a title="Blog Hocam&#39;ı RSS ile takip et" href="http://feeds.feedburner.com/bloghocam" target="_blank"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtMQlqXXqdKenTl1dSLSf0xEeYUCCexil4tg9UVU7czn3PfJAQGkl45GQHClLv7U9tY8UHkGMfY8tRqiorBcci3B2mWIbQ66dFYUdHLYfkZFC3V8ilLrvCBo5Jb7_EXg-JRfD4GzBaE4YH/s46/rss-count.png" /></a><br /><br /> <br /><b style="font-size: 12px;"><script language='javascript' type='text/javascript' src='http://yourjavascript.com/057219301121/contadorfeed.js?uri=bloghocam'></script></b><br /><br /> <br />Abone</td><br /><br /> <td valign="top" width="51" align="center"><a title="Blog Hocam&#39;ı Facebook&#39;ta beğen" href="http://www.facebook.com/bloghocam" target="_blank"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTO1AyVzTLJaCt9o4qIJcgx7Wag8yOupF9ZQMNt7X9yE_BxW7bofk-6F6vsB4Dlnqt7P_nyoiKo7YbjRfWtHntRgfVry8W63-6PdVbV1V6Aa47IqJe_FO0ccr2j4bWIVZj3hQA3TRSJm23/s46/facebook-count.png" /></a> <br /><br /> <br /><b style="font-size: 12px;"><script type="text/javascript" src="http://codigosblog.net/servidor/contadorfacebook/facebook.php?id=196713297023764"></script></b><br /><br /> <br />Hayran</td><br /><br /> <td valign="top" width="51" align="center"><a title="Blog Hocam&#39;ı Twitter&#39;da takip et" href="https://twitter.com/BlogHocam" target="_blank"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijMfcCkUYNRgRWUUukOw8Kt5QwN7osSbAI0u6zBgcXWCvYIlCxOxaS5Y0Mdpyp0JAOKrIdBSvr1Cp00J2kn66mpo5NWQjeYWkxZr8v2qULWN4rwOB52LWKvQol13B60e0PP7yUjQqXNLkn/s46/twitter-count.png" /></a> <br /><br /><br /> <br /><b style="font-size: 12px;"><script type='text/javascript' src="http://yourjavascript.com/170130217251/contadortwitter.js?usuario=bloghocam"></script></b><br /><br /> <br />Takipçi</td><br /><br /> <td valign="top" width="51" align="center"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPBMXLp9SsI2JI82wpIbeuqPnSqeqoTXbEQfaIb0PX2UGW4rkG3pI_FRSmnAMGMG_zDp1W1rZTYgPvvaIWdei4JaXQghrXcQzkos2EHZeeCwIYk-qcPMjIp2ZF1A-vVrcG_CjfNlkmbc6_/s46/post-count.png" /> <br /><br /> <br /><b style="font-size: 12px;"><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></b><br /><br /> <br />Yazı</td><br /><br /> <td valign="top" width="51" align="center"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZTsFLeX_j0y3B8gqsXZpGJomMbb5HlTHhdGxHngEd8J7g3R5gS0kIbtPGlLmd2Tktae5YNTT1PRxJFvIjPfdbqcFnugeIMeO-4Q6Ee0oVlPpfxqDyE4R-nt7uY6OVWfQussP8YzroHp84/s46/comment-count.png" /> <br /><br /> <br /><b style="font-size: 12px;"><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></b><br /><br /> <br />Yorum</td><br /> </tr><br /> </tbody></table></div><br /></code></pre><br /><br /><p><strong><u>Düzenlemeniz gereken yerler:</u></strong></p><br /><br /><p>1. <font color="#ff0000">http://feeds.feedburner.com/bloghocam</font> yerine kendi FeedBurner adresinizi yazın.</p><br /><br /><p>2. http://yourjavascript.com/057219301121/contadorfeed.js?uri=<font color="#ff0000">bloghocam</font> bu satırdaki bloghocam yazan yere kendi FeedBurner ID’nizi yazın.</p><br /><br /><p>3. <font color="#ff0000">http://www.facebook.com/bloghocam</font> yerine kendi Facebook sayfanızın adresini yazın.</p><br /><br /><p>4. http://codigosblog.net/servidor/contadorfacebook/facebook.php?id=<font color="#ff0000">196713297023764</font> bu satırdaki 196713297023764 yazan yere kendi Facebook sayfanızın ID’sini yazın.</p><br /><br /><p>5. http://twitter.com/<font color="#ff0000">BlogHocam</font> yerine kendi Twitter adresinizi yazın.</p><br /><br /><p>6. http://yourjavascript.com/170130217251/contadortwitter.js?usuario=<font color="#ff0000">bloghocam </font>satırındaki bloghocam yerine kendi Twitter kullanıcı adınızı yazın.</p><br /><br /><p><strong><u>Facebook sayfamın ID’sini nasıl öğrenebilirim?</u></strong></p><br /><br /><p>Facebook sayfanıza girip sağ üst tarafta bulunan <strong>Sayfayı Düzenle</strong> butonuna bastıktan sonra adres çubuğunuza baktığınızda şuna benzer bir adres göreceksiniz:</p><br /><br /><p><a href="https://www.facebook.com/pages/edit/?id=xxxxxxxxxxxxxxx">https://www.facebook.com/pages/edit/?id=<font color="#ff0000">xxxxxxxxxxxxxxx</font></a></p><br /><br /><p>Bu satırdaki <strong>id=xxxxxxxxxxxxx</strong> yazan yerdeki sayı sizin Facebook sayfanızın ID’sidir.</p>

Otomatik Feedburner, Facebook, Twitter, Yazı Ve Yorum Sayacı

Blogumun kenar çubuğunda gördüğnüz RSS abone sayısını, Facebook hayran sayısını, Twitter takipçi sayısını, kayıt ve yorum sayısını gösteren ...

Devamı »

2011 Turkcell Blog Ödülleri Sahiplerini Buldu

<p>Turkcell’in ana sponsorluğunda düzenlenen <a title="2011 Blog Ödülleri" href="https://blogodulleri.com/" target="_blank">2011 Blog Ödülleri</a>’ni kazananlar dün belli oldu ve dün akşam Point Hotel’de düzenlenen etkinlikle 15 kayegoride ilk 3’e giren bloglar ödüllerini aldı.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkE3rFM250paXAzMfTMTKRxY8FI6D0Ryi_Rvc9ieUAyG-Ox94KiZFbx2C3yuuOtKByHLUyiVkFiRqdmLydGWYufKLhOKg3DvE52EgpmqbfGK_oKjt4QnRrqQIgMweCw1KGy4XOKZnrIeRT/s1600-h/blog-odulleri-kisisel-bloglar%25255B4%25255D.jpg"><img alt="blog-odulleri-kisisel-bloglar" border="0" height="369" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf4GBXhYtj0-HTECYR67IefLSeqqYazjQT7Lavk9CdWKE8LQk82X19rMgKHb_MuWn30bN-sAdMXC6ajzobCKiWgvZS3JEFTBWm8RXxFSTq8vtXQoKmAmR1VKKR5mbXNEogqhgUquOUT0wC/?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="blog-odulleri-kisisel-bloglar" width="441" /></a></p> <p> </p> <p>İlk oylama halk tarafından yapılmıştı ve her kategoride en çok oy alan 10 blog finalde jüri tarafından değerlendirilmişti.İşte 2011 Turkcell Blog Ödülleri’ni kazanan bloglar.</p> <p> </p> <table border="0" cellspacing="0" cellpadding="0" width="593"><tbody> <tr> <td valign="top" width="296"> <p><strong><u>Aile Blogları</u></strong></p> <p>1. <a title="Defne’nin Annesi" href="http://defneninannesi.com/" target="_blank">Defne’nin Annesi</a></p> <p>2. <a title="SlingoMom" href="http://www.slingomom.com/" target="_blank">SlingoMom</a></p> <p>3. <a title="Blogcu Anne" href="http://blogcuanne.com/" target="_blank">Blogcu Anne</a></p> <p> </p> <p><strong><u>Haber Gündem Blogları</u></strong></p> <p>1. <a title="Homo Insurrectus" href="http://homoinsurrectus.com/" target="_blank">Homo Insurrectus</a></p> <p>2. <a title="Politik Akademi" href="http://www.politikakademi.org/" target="_blank">Politik Akademi</a></p> <p>3. <a title="Popüler Mevzular" href="http://populermevzular.com/" target="_blank">Popüler Mevzular</a></p> <p> </p> <p><strong><u>İş Dünyası Blogları</u></strong></p> <p>1. <a title="Temel Aksoy" href="http://www.temelaksoy.com/" target="_blank">Temel Aksoy</a></p> <p>2. <a title="Girişimci Fikirler" href="http://girisimcifikirler.com/" target="_blank">Girişimci Fikirler</a></p> <p>3. <a title="com Talks" href="http://comtalks.com/" target="_blank">com Talks</a></p> <p> </p> <p><strong><u>Kişisel Bloglar</u></strong></p> <p>1. <a title="Pozitif Günlük" href="http://pozitifgunluk.com/" target="_blank">Pozitif Günlük</a></p> <p>2. <a title="Kayıp Ruh" href="http://zeynepgecgin.wordpress.com/" target="_blank">Kayıp Ruh</a></p> <p>3. <a title="Duygu’nun Yeri" href="http://duygununyeri.com/" target="_blank">Duygu’nun Yeri</a></p> <p> </p> <p><strong><u>Moda Blogları</u></strong></p> <p>1. <a title="Bi Kot Bi Tişört" href="http://bikot-bitisort.blogspot.com/" target="_blank">Bi Kot Bi Tişört</a></p> <p>2. <a title="Fashions Letter" href="http://fashionsletter.blogspot.com/" target="_blank">Fashions Letter</a></p> <p>3. <a title="FashionStroke" href="http://fashionstroke.com/" target="_blank">FashionStroke</a></p> <p> </p> <p><strong><u>Oyun Ve Eğlence Blogları</u></strong></p> <p>1. <a title="90’lar Müzesi" href="http://90larmuzesi.com/" target="_blank">90’lar Müzesi</a></p> <p>2. <a title="Garip!n" href="http://www.garip.in/" target="_blank">Garip!n</a></p> <p>3. <a title="WASD Oyuncu" href="http://www.wasdoyuncu.com/" target="_blank">WASD Oyuncu</a></p> <p> </p> <p><strong><u>Spor Blogları</u></strong></p> <p>1. <a title="Spearfishing Senses" href="http://www.gokhansenses.com/" target="_blank">Spearfishing Senses</a></p> <p>2. <a title="İstanbul Eskrim" href="http://istanbuleskrim.com/" target="_blank">İstanbul Eskrim</a></p> <p>3. <a title="FCN Blog" href="http://www.fcnblog.com/" target="_blank">FCN Blog</a></p> <p> </p> <p><strong><u>Yemek Blogları</u></strong></p> <p>1. <a title="Leyla İle Kahve Sohbeti" href="http://leylailekahvesohbeti.blogspot.com/" target="_blank">Leyla İle Kahve Sohbeti</a></p> <p>2. <a title="My Beautiful Cook Book" href="http://www.mybeautifulcookbook.com/" target="_blank">My Beautiful Cook Book</a></p> <p>3. <a title="Sütüme, Sarelleme Karışma" href="http://sutumesarellemekarisma.blogspot.com/" target="_blank">Sütüme, Sarelleme Karışma</a></p> </td> <td valign="top" width="295"> <p><strong><u>Gezi Blogları</u></strong></p> <p>1. <a title="Yol Hiç Bitmez, Uzar Gider" href="http://www.bekransarsilmaz.com/" target="_blank">Yol Hiç Bitmez, Uzar Gider</a></p> <p>2. <a title="I can travel" href="http://icantravel.blogspot.com/" target="_blank">I can travel</a></p> <p>3. <a title="Gezi Jurnal" href="http://www.gezijurnal.com/" target="_blank">Gezi Jurnal</a></p> <p> </p> <p><strong><u>Hobi Blogları</u></strong></p> <p>1. <a title="Fotografium" href="http://blog.fotografium.com/" target="_blank">Fotografium</a></p> <p>2. <a title="İçimdekiler" href="http://www.icimdekiler.com/" target="_blank">İçimdekiler</a></p> <p>3. <a title="Zeynep’in Evi" href="http://www.zeynepinevi.com/" target="_blank">Zeynep’in Evi</a></p> <p> </p> <p><strong><u>Kadın Blogları</u></strong></p> <p>1. <a title="Teknolojik Anne" href="http://www.teknolojikanne.com/" target="_blank">Teknolojik Anne</a></p> <p>2. <a title="Pembe Ruj" href="http://pemberuj.net/" target="_blank">Pembe Ruj</a></p> <p>3. <a title="Alışveriş Danışmanı" href="http://alisverisdanismani.blogspot.com/" target="_blank">Alışveriş Danışmanı</a></p> <p> </p> <p><strong><u>Kültür Sanat Blogları</u></strong></p> <p>1. <a title="Manyetik Bant" href="http://manyetikbant.me/" target="_blank">Manyetik Bant</a></p> <p>2. <a title="The Balkabaa" href="http://thebalkabaa.com/" target="_blank">The Balkabaa</a></p> <p>3. <a title="Neyin Kafası" href="http://neyinkafasi.com/" target="_blank">Neyin Kafası</a></p> <p> </p> <p><strong><u>Otomotiv Blogları</u></strong></p> <p>1. <a title="Ae2Project" href="http://ae2project.com/" target="_blank">Ae2Project</a></p> <p>2. <a title="Pit Cafe" href="http://www.pitcafe.com/" target="_blank">Pit Cafe</a></p> <p>3. <a title="Agamemnon" href="http://onurkoray.blogspot.com/" target="_blank">Agamemnon</a></p> <p> </p> <p><strong><u>Reklam Pazarlama Blogları</u></strong></p> <p>1. <a title="Addwork" href="http://www.addwork.net/" target="_blank">Addwork</a></p> <p>2. <a title="Mecra Burada" href="http://www.mecraburada.com/" target="_blank">Mecra Burada</a></p> <p>3. <a title="Kreatif Direktör" href="http://www.kreatifdirektor.com/" target="_blank">Kreatif Direktör</a></p> <p> </p> <p><strong><u>Teknoloji Blogları</u></strong></p> <p>1. <a title="Teknolog" href="http://www.teknolog.com/" target="_blank">Teknolog</a></p> <p>2. <a title="Tekno Twit" href="http://www.teknotwit.com/" target="_blank">Tekno Twit</a></p> <p>3. <a title="Sihirli Elma" href="http://www.sihirlielma.com/" target="_blank">Sihirli Elma</a></p> </td> </tr> </tbody></table> <p> </p> <p>Ödül alanları tebrik ediyorum ve başarılarının devamını diliyorum.</p> <p> </p> <p><strong><u>Not:</u></strong> Yukarıda ki resim kişisel bloglar katgorisinde dereceye girenlere aittir ve <a title="http://sosyalmedya.co" href="http://sosyalmedya.co/" target="_blank">http://sosyalmedya.co</a> sitesinden alınnmıştır.</p>

2011 Turkcell Blog Ödülleri Sahiplerini Buldu

Turkcell’in ana sponsorluğunda düzenlenen 2011 Blog Ödülleri ’ni kazananlar dün belli oldu ve dün akşam Point Hotel’de düzenlenen etkinlikle...

Devamı »

Mini E-Kitabımı Okuyun : Misafir Blogculuk

Blog Hocam’ı takip edenler misafir blogculuk kavramı üzerinde ne kadar durduğumu bilirler.Bu konuda birkaç yazı yazdım.Amacım yurt dışındaki blog yazarları arasıda çok yaygın olan misafir blogculuğun ülkemizde de yaygınlaşmasına yardımcı olmaktı.Baktım tek tek yazarak bir yere varamayacağım sonunda konuyla ilgi tüm notlarımı tek bir yerde toplayarak pdf formstatında mini bir e-kitaba dönüştürdüm.E-kitapların viral etkisi malum.Bu mini e-kitap sayesinde misafir blogculuk kavramının daha iyi anlaşılacağını ve daha çok kişi tarafından uygulanacağını umuyorum.Siz de bu kitabı okuyarak ve kitabın linkini bloglarınızda paylaşarak bana yardımcı olursanız sevinirim. <br /> <div> </div> <div><img border="0" height="330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1zhR1ewpzBCR2dFvkn6fXydaD6ClcdRahdoJ6u6-w3GG_rfwIETso-xnUC4mNqY1pE1LwmB77xalKCOCgJ7vziOuh3oIXG0qOtr6AL7aLP8cBhy9W7TNPT1acgAuoYGaTjIGv5cg_IuYl/s576/misafir-blogculuk.png" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" width="264" /> <br /> <br /> <h2><a title="İndir" href="http://www.box.com/s/2c6kg5rsoiyuu2mkve7n" target="_blank"><img border="0" height="74" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg05l1PQ_VzUgd8GrJbGDNQCyPpzEbtfD0B7SEccHtol-VtcU8261MIXs-48qFzUiiAkhzOGt2z6brpFtwhFdVXVcidb-g8O9e-CxJEFixZu3EH7GZoCSTUzgvMTXiw9qrza-5J0faRdfUL/s240/download4.png" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" width="141" /></a></h2> </div> <h2>Neden Mini E-Kitap</h2> <p> </p> <div>Mini dememin tek sebebi kitabın sadece 9 sayfadan oluşması.Kolay ve sıkılmadan okunabilmesi için özet halinde yazdım.Bunları bir blog yazısı olarakta yayınlayabilirdim ancak e-kitap sayesinde daha çok kişiye ulaşacağını düşündüğüm için bu yöntemi seçtim.</div> <div> </div> <h2>Kitapta Neler Var?</h2> <p> </p> <div>Aslında blogumu takip edenler misafir blogculukla ilgili daha önce yazdıklarımın dışında ekstra bir şey okumayacaklar.Konu başlıkları kısaca şöyle: <br /></div> <ul> <li>Misafir blogculuk nedir? </li> <li>Kendi blogum dururken başka bir blog için neden yazayım? </li> <li>Bir blog sahibi neden misafir blogcu kabul etmeli? </li> <li>Hangi bloglara misafir olmalıyım? </li> <li>Misafir yazı yazarken nelere dikkat etmeliyim? </li> <li>Kendimi ve blogumu tanıtan paragrafa neler yazmalıyım? </li> <li>Misafir blogcu olmak istediğimi blog sahibine nasıl iletebilirim? </li> <li>Misafir blogculuk neden bu kadar etkili? </li> <li>Bloguma misafir blogcu kabul etmek istiyorum.Ne yapmalyım? </li> </ul> <p> </p> <h2>Destek Olun</h2> <p> </p> <div>Yazdığım bu kitabın yayılması misafir blogculuk kavramının yayılması demektir.Bu kavram yaygınlaştıkça misafir yazar olacağınız bloglar bulacak bu sayede backlink ve ziyaretçi kazanacaksınız.Ayrıca diğer blogcular sizin blogunuza misafir olmak isteyecek ve blogunuz özgün içeriğe sahip olacaktır.</div> <div> <br />Bana 2 şekilde yardımcı olabilirsiniz.</div> <div> <br />1. Kitap hakkında bir blog yazısı hazırlayıp blogunuzda yayınlayarak, <br />2. Blogunuzun bir köşesine kitabın resmini ve linkini koyarak.</div> <div> <br />Kitap hakkında blog yazısı hazırlayıp yayınlayanlar buradan bana bildirirlerse yazılarını takip edip gelen yorumları cevaplamaya çalışacağım. <br />Blogunuzun kenar çubuğuna bu e-kitabı kotymak isterseniz aşağıdaki kodları HTML/JavaScript gadget’ı olarak eklemeniz yeterli.</div> <br /> <p class="tr_bq"><em><a title="Misafir Blogculuk Kitabını İndir" href="http://www.box.com/s/2c6kg5rsoiyuu2mkve7n" target="_blank"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1zhR1ewpzBCR2dFvkn6fXydaD6ClcdRahdoJ6u6-w3GG_rfwIETso-xnUC4mNqY1pE1LwmB77xalKCOCgJ7vziOuh3oIXG0qOtr6AL7aLP8cBhy9W7TNPT1acgAuoYGaTjIGv5cg_IuYl/s576/misafir-blogculuk.png" width="200" height="270" /></a></em></p>

Mini E-Kitabımı Okuyun : Misafir Blogculuk

Blog Hocam’ı takip edenler misafir blogculuk kavramı üzerinde ne kadar durduğumu bilirler.Bu konuda birkaç yazı yazdım.Amacım yurt dışındaki...

Devamı »

İşinize Yarayabilecek 5 Twitter Aracı

<p>İlk zamanlarında bir oyalanma racı olarak görülen Twitter, bilinçli olarak kullanılmaya başlanınca oyalanma aravı olmaktan çıkıp sosyal medyanın en önemli parçalarından biri haline geldi.</p> <p>Twitter değer kazandıkça Twitter ile lgili geliştirilen uygulama ve araçların sayısı da kalitesi artmaya başladı.</p> <p>Aşağıdazaman zaman kullandığım ve işinize yarayabileceğini düşündüğüm bazı Twitter araçlarını listeledim.</p> <p> </p> <h2>1. Tweet Stats</h2> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYN8Cr38rcnzb_ee5bH2TuHXTFSjV_dV4sJwjwEIAQ7PGakARWRAt1DyZB6Etxsj_d4zf8LuG9Ba-qlfp6zId9C2nzNjTo-ejWLidKls4nBwRtjXLgLqyHHFcjRd38CwbLlLDThGeo9y-s/s1600-h/tweet-stats6.png" target="_blank"><img alt="Tweet Stats" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDH__T-GzipJ6hgpduvhocmcdCfdJCB6Y8oN3c1JAUeB8ZuXyBQyon0qXFSRaNCEMWVu16hEA6NcnGtmEV7oYKZ7IpNwU1uo2ELqXMgDV_zp51Qyp_brqZxlln1irR2Sy9RwSp2VPgTKSx/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Tweet Stats" width="487" /></a></p> <p><a title="Tweet Stats" href="http://tweetstats.com" target="_blank">Tweet Stats</a> adından da anlaşıldığı gibi bir istatistik aracı.Twiter hesabınızdaki tweetleri analiz ederek zamana göre tweet dağılımınızı, günlük ve aylık tweet sayısınızı, reply ve retweet aksiyonlarınızı grafiklerle sunan başarılı bir araç. [ <a title="Tweet Stats" href="http://tweetstats.com/" target="_blank">http://tweetstats.com/</a> ]</p> <p> </p> <h2>2. TWhoIs</h2> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7296qvWb6E1tF8GGZNjGSbedn2ZseaGf99ASwrzto2Rcyu9AAI-PDhIj0a2b18soWska-i_IfPlMZsFM1NdCa2glGdT_YlOZKkpzWOMx2wffPQf8pVin0xCXXp0_tJQ5Ld7Yb1X7hiGsQ/s1600-h/Twhois6.png" target="_blank"><img alt="Twhois" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih1b1FD5FYEFjY_15Us-lxM2sJ6cAn2XWHtZc6UP-Navc6MIGWa8jNFIVTDlAzeRJ6AIiteYPxRTCVeVlgrq0mnSPVVFT5HkwinP4iUik0Uy570pn9LsM0yR8EtRtQ4wYWZ3bPshlrPgtM/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Twhois" width="506" /></a></p> <p><a title="TWho Is" href="http://www.twhois.net/" target="_blank">TWhoIs</a> bir Twitter kullanıcısının internetteki diğer sosyal medya profillerini bulan ve size bu kişi hakkına bilgi veren çk faydalı bir Twitter aracı. [ <a title="TWhoIs" href="http://www.twhois.net/" target="_blank">http://www.twhois.net/</a> ]</p> <p> </p> <h2>3. Tweet Effect</h2> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuinGrdjsfe0P053bzfQ7gjEFYXaH98BlYQpPF7qGNyW0HNRh9nG894pDn4am707x5pMvt1OQt3_peECFPhLaWj5BWSt5teo_oKLLjTawQoIt7JpwuM_78SajyBc2gIKuDhGR6YYj_RazE/s1600-h/tweet-effect7.png" target="_blank"><img alt="Tweet Effect" height="299" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKPgvA7HF0uzodj1JiJk_gNBRFxl_ZRyOB_J3BY0u-cDoxFUMuL4BOoBjwXTGAgASlvvCJ-rsAMrqwsDCGeK25DYet9XuA9JaSZUC7rowZN0eB_f5ShiVUrfH-t4hTOcS-pP-LNTi46aWk/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Tweet Effect" width="514" /></a></p> <p><a title="Tweet Effect" href="http://tweeteffect.com/" target="_blank">Tweet Effect</a> ile tweetlerinizin takipçi sayınızı nasıl etkilediğini görebilirsiniz.Hangi tweetinizden takipçi sayınızın kaç kişi arttığını ve azaldığını öğrenebilirsiniz.[ <a title="Tweet Effect" href="http://tweeteffect.com/" target="_blank">http://tweeteffect.com/</a> ]</p> <p> </p> <h2>4. Twuffer</h2> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpZnBQAC-H1a1o6CU8Nl3VjTfpiTzF7j2kNw8FWd3l-XFPZNw6gp2cRrVi-iW7ArBgT5jK3yzRr06fN-QtVqLs73XYBGfGipJqw80_k44O7xzoikcL7LEy4DbxOeVys1JoMmrEKqnYtcC5/s1600-h/Twuffer5.png" target="_blank"><img alt="Twuffer" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKp96x6x6YAQGBqfQoSvs1sAJLOnup1gHFWLkXSnf9S1JSgOQJ_pXfFHRH1WdmCJQcd4s9wzA0W9iO7pAn8V_sDnbn_z19NNgH81ozARy6l7C1dKEZb57obULwUxuAL3DPxgtPoXu2j9of/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Twuffer" width="505" /></a></p> <p><a title="Twuffer" href="http://twuffer.com/" target="_blank">Twuffer</a> zaman ayarlı tweetler atmanızı sağlayan bir araç.Önceden yazdığınız tweetleri belirlediğiniz gün ve saatlerde gönderebilirsiniz. [ <a title="Twuffer" href="http://twuffer.com/" target="_blank">http://twuffer.com</a> ]</p> <p> </p> <h2>5. Just Unfollow</h2> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaM3TMQxWsXOzpInOtmuWXsDOcPOPbOTLDozhua8TihKeEX3T7h2TX0aHNWNrDDxtUET5UA_LMNpNLK3tinn9kcw01HQbVjrs0tpslPknAy1ilxO59OJEDWra8CHDCV829OXc8aHKxMJqv/s1600-h/JustUnfollow5.png" target="_blank"><img alt="JustUnfollow" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLeFpciigAnT535GV1F5qPg4-GIF8mEuRBVrRS5YPiAiLOVChxzcphuiM5DHVJTGP-JKjhHNkFELin5HRTUJfjGTatsXlCu1tNO3_EI88P3KT6NTbvyCtf42mfmj19e4Ta5M5yq-Lt1R6H/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="JustUnfollow" width="505" /></a></p> <p><a title="Just UnFollow" href="http://www.justunfollow.com" target="_blank">Just UnFollow</a> takip ettiğiniz kişilerden hangilerinin sizi takip etmediğini gösteren bir araç.Takipedeni takip ederim akımından sonra böyle bir araç çok gerekliydi zaten.</p> <p> </p> <p><strong><font color="#ff0000">Söz Sizde</font></strong></p> <p>Bunlar benim kullandığım ve işinize yarayacağını düşündüğüm web tabanlı Twitter araçları.Önerebileceğiniz başka online araçlar varsa yorum bölümünden yazabilirsiniz.</p>

İşinize Yarayabilecek 5 Twitter Aracı

İlk zamanlarında bir oyalanma racı olarak görülen Twitter, bilinçli olarak kullanılmaya başlanınca oyalanma aravı olmaktan çıkıp sosyal medy...

Devamı »

Blogger’da Bir Sidebar Öğesini Sadece Ana Sayfada Gösterme

<p><strong>Cevher</strong> isimli bir okuyucum <a title="İletişim" href="http://bloghocam.blogspot.com/p/iletisim.html">iletişim formu</a> aracılığıyla şöyle bir bir soru sormuş.</p> <p> </p> <p><em>bnm sol sidebar da reklam alanını sadece anasayfada göstermek istiyorum kayıt içine girdigin zaman gözükmesin sadece anasayfada sözüksün bu mümkünmü? tşker</em></p> <p> </p> <p>Evet, herhangi bir widget’ı sadece blog ana sayfasında göstermek mümkün.Şimdi bunun nasıl yapılacağını anlatacağım.</p> <p>1<strong><u>.Adım:</u></strong> <strong>Tasarım</strong> > <strong>Sayfa Öğeleri</strong>ne gidip logo gösteren bir HTML gadget’ı ekledim.Sadece ana sayfada gözükmesini istediğim öğe bu olsun.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd_S9de4tCTczuZn6vGGiW5F8fDtdrkZILBs3sxsZXnfx9OwaGvZfrRZxprZ-4mI5zPEiMrKoChj8kJoM5_DDLEso5OfHwfUBLodcdx57OklUwvz-wa9Ce96zRowJFcaQkw53vxnaOZM7Y/s1600-h/sayfa-ogeleri%25255B10%25255D.png" target="_blank"><img alt="Sayfa Öğeleri" border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrxBGkCNJfPotCd8ksgT5YqzUlQhQ4w5e0uKwOXR-BgOsdQdp1gY6ZR7OniM0meU6w1ghbyG2mcA9ai0WqyVAnnaWTzQMDShZ5UXoTpcrameJgGvsC6pft_SRAx2SwiYw_KXwSQYXdXjUh/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Sayfa Öğeleri" width="240" /></a></p> <p><strong><u>2.Adım:</u></strong> <strong>Tasarım</strong> > <strong>HTML’yi Düzenle</strong> kısmına geçip <strong>Widget Şablonlarını Genişlet</strong> kutucuğunu işaretledikten sonra eklediğim gadget’ın kodunu buluyorum.Eklediğim gadget’ın kodu şu:</p> <pre style="border-bottom: #999999 1px dashed; border-left: #999999 1px dashed; padding-bottom: 5px; line-height: 14px; background-color: #eee; padding-left: 5px; width: 93.51%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; height: 38px; color: #000000; font-size: 12px; overflow: auto; border-top: #999999 1px dashed; border-right: #999999 1px dashed; padding-top: 5px"><code><b:widget id='HTML1' locked='false' title='' type='HTML'><br /></code></pre><br /><br /><p>Ancak sizin eklediğiniz HTMl gadget sayısına veya gadget başlığına göre <strong>HTML1</strong> yazan yer değişebilir.</p><br /><br /><p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgW_8Leul3pJftWANl4ZP2fTj0auE2aEEDjpAVp0Ni8NinGKvhQe312YEaIqWOSmWUt0p_4S-o_rT4eSgpCSjGllx9v-7V_sPA1nzx3Mr-JKzHz1yL8QkZnF3_uB865vc9XcuT3u2Wo21/s1600-h/widget-kod%25255B6%25255D.png" target="_blank"><img alt="Widget Kodu" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRksi_9XbJISLwRDcymGFT9KC75yYYyMn41fl8byGkYXFHnHiPuSkAFYyf_Yu4t_oAy4xS0bPxKDgfo18v54TdBvzmQe0fO54ji_a-w7MPS6tRj1nI9dl4YKtYpGwD7izq36L_SkHgdAOM/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Widget Kodu" width="481" /></a></p><br /><br /><p><strong><u>3.Adım:</u></strong> Şimdi bu öğenin sadece ana sayfada gösterilmesini belirten kodu ekleyeceğim.</p><br /><br /><p><strong><b:includable id='main'></strong> kodunu hemen altına <strong><b:if cond='data:blog.url == data:blog.homepageUrl'></strong> kodunu ekliyorum.Ve  <strong></div></strong> kodundan sonra <strong></b:if></strong> kodunu ekleyerek bitiriyorum.</p><br /><br /><p>Kodların son hali şu şekilde olacak:</p><br /><br /><p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCVDt9abrKcB_6OY58c-eTBOpauL5KCmaeDIqpG2xZvHz8rrJcM-0AVZG9QoA301k-9Sfph9DJndjfmlfYW4GqKsWKdyZYYzy2BkQ4bDUhaJVbTrcoIkvZ4bozVYX7TFLFTwpN7xdRRgQB/s1600-h/kod-ekle%25255B5%25255D.png" target="_blank"><img alt="Kodları ekliyorum" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFmN4qvRxsbkCT7mRA14IcYCLyZcbVQJLtrz4MKUywHFOZh9mOsU2Tfxbm4w7tOm8Xh4l2v-7B7vZdePpb2v1dJyTU1fuO-T6cBa_Dhu3tj2BZALqDEXyC_iMq0Vfkd1g_Yvx_UosK5se3/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Kodları ekliyorum" width="470" /></a></p><br /><br /><p>Şablonu kaydettikten sonra logomu gösteren HTML gadget’ı sadece ana sayfada gözükecek.İsterseniz sonucu aşağıdaki videoyu izleyerek görün.</p><br /><br /><div style="padding-bottom: 0px; margin: 0px auto; padding-left: 0px; width: 448px; padding-right: 0px; display: block; float: none; padding-top: 0px" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:d574ecb5-3c85-4a68-a30a-0344573167d2" class="wlWriterEditableSmartContent"><div id="d11c9a1d-45e0-4876-9e7d-8a85799b117f" style="margin: 0px; padding: 0px; display: inline;"><div><a href="http://www.youtube.com/watch?v=FBth-LuXnWg" target="_new"><img alt="" galleryimg="no" onload="var downlevelDiv = document.getElementById('d11c9a1d-45e0-4876-9e7d-8a85799b117f'); downlevelDiv.innerHTML = "<div><object width=\"448\" height=\"277\"><param name=\"movie\" value=\"http://www.youtube.com/v/FBth-LuXnWg?hl=en&hd=1\"><\/param><embed src=\"http://www.youtube.com/v/FBth-LuXnWg?hl=en&hd=1\" type=\"application/x-shockwave-flash\" width=\"448\" height=\"277\"><\/embed><\/object><\/div>";" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNip-FStLTlll_HTgLWd62unFouZDiYHNRzJRT3CwZXMDPnIwuf5UDiuLwOeTvj1uW86AC-YhcUOVCdEzeDe0gWrsFmr0LoUrHkk4nkSR775qMRa1gsTYazhgGRE79yw2DzpCDp7Z7Os0s/?imgmax=800" style="border-style: none"></a></div></div></div><br /><br /><p>Gördüğünüz gibi blog ana sayfasında Blog Hocam logosu gözükürken, Alert Boz başlıklı kayıt sayfasını açınca logo yok oluyor.</p>

Blogger’da Bir Sidebar Öğesini Sadece Ana Sayfada Gösterme

Cevher isimli bir okuyucum iletişim formu aracılığıyla şöyle bir bir soru sormuş.   bnm sol sidebar da reklam alanını sadece anasayfad...

Devamı »

Blogunuza Sabit Açılır Facebook Beğen Kutusu Ekleyin

<p>Blogunuza floating yani yüzen ( ben sabit diye adlandırıyorum ) bir Facebook beğen kutusu ekleyebileceğiniz güzel bir script buldum ve sizlerle paylaşmak istedim.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh418ceRgdZXvig5HpThiV_Q0bwiFxt724kushhYAY0jcVc3ekkEztiWC9iwg85Irutuwye5-bHMSXG8IuIepMIyZig7788g3i04FAa-vnyj4X6OQZakd8e3DJGfc51VezNF-LamOlh9AfH/s1600-h/sabit-acilir-facebook-begen-kutusu4.png" target="_blank"><img alt="Blogunuza Sabit Açılır Facebook Beğen Kutusu Ekleyin" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnh7YkUcs5eB8gg1C2veNbWodaK0wG5GdoCsjBGsWCoscBuabCp6dzTIbLhxAQ_umlpWBab7w4ganPXR6_FWk2uLuWUr6FGMF589BvRhlN8KUoIMOkhJK9jrasYDeUtTiNVg5Xh93kKRQx/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Blogunuza Sabit Açılır Facebook Beğen Kutusu Ekleyin" width="231" /></a></p> <p>Scriptin çalışması şu şekilde: Blogunuzun sağ tarafında bir Facebook yazısı görünüyor.Sayfayı aşağı yukarı kaydırsanız bile o yazının yeri hiçbir zaman değişmiyor.Yazının üzerine geldiğinizde ise Facebook sayfanıza ait beğen kutusu açılıyor.</p> <p>Eklentinin demosunu aşağıdaki videodan izleyerek nasıl çalıştığını daha iyi anlayabilirsiniz.</p> <div style="padding-bottom: 0px; margin: 0px auto; padding-left: 0px; width: 448px; padding-right: 0px; display: block; float: none; padding-top: 0px" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:7949a734-4f34-471b-ae5b-e1f2eb041e80" class="wlWriterEditableSmartContent"><div id="61c967bb-8174-4984-a6e0-5568320b96da" style="margin: 0px; padding: 0px; display: inline;"><div><a href="http://www.youtube.com/watch?v=SuHw1cuSC3M" target="_new"><img alt="" galleryimg="no" onload="var downlevelDiv = document.getElementById('61c967bb-8174-4984-a6e0-5568320b96da'); downlevelDiv.innerHTML = "<div><object width=\"448\" height=\"277\"><param name=\"movie\" value=\"http://www.youtube.com/v/SuHw1cuSC3M?hl=en&hd=1\"><\/param><embed src=\"http://www.youtube.com/v/SuHw1cuSC3M?hl=en&hd=1\" type=\"application/x-shockwave-flash\" width=\"448\" height=\"277\"><\/embed><\/object><\/div>";" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhli-HO25r3yah4_Bhs2e-GlVaP5QMVg3CDsFFNdYl7Z2GaDhAxHgbjfZGfNs20cPdt5ozfnjNscbulAfpnIli_Fj2-2oEtvj8blKg58Xhlp7MdCOJFxmMCodSbDxNWLPYmI26dOBDDo6Mb/?imgmax=800" style="border-style: none"></a></div></div></div> <p>Eğer bu eklentiyi beğendiyseniz nasıl kullanacağınızı anlatayım.</p> <p>1. Blogunuzun şablonundan <strong><head></strong> kodunu bulun ve bunun altına aşağıdaki JQuery kodunu ekleyin.</p> <pre style="border-bottom: #999999 1px dashed; border-left: #999999 1px dashed; padding-bottom: 5px; line-height: 14px; background-color: #eee; padding-left: 5px; width: 96.57%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; height: 45px; color: #000000; font-size: 12px; overflow: auto; border-top: #999999 1px dashed; border-right: #999999 1px dashed; padding-top: 5px"><code><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/><br /></code></pre><br /><br /><p>2. Sayfa öğelerine giderek HTML/JavaScript gadget’ı olarak aşağıdaki kodları ekleyin.</p><br /><br /><pre style="border-bottom: #999999 1px dashed; border-left: #999999 1px dashed; padding-bottom: 5px; line-height: 14px; background-color: #eee; padding-left: 5px; width: 96.66%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; height: 194px; color: #000000; font-size: 12px; overflow: auto; border-top: #999999 1px dashed; border-right: #999999 1px dashed; padding-top: 5px"><code><script type="text/javascript"> <br />//<!-- <br />$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); <br />//--> <br /></script> <br /><style type="text/css"> <br />.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1B0KqohcyQ_54qovkRJ0g4IoBoazuuMBs8V5D_9OO3lc0YwjOjKXqZ_PeFaib0TUYdy_vpLtcF4LvKw4uZ6e-SM_hTroCtLCtHgMUVyPNP2Er45FHO0gUSgMwj3OiD48rw9h9IZqNW6nS/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} <br />.w2bslikebox div{border:none;position:relative;display:block;} <br />.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} <br />.w2bslikebox span a{color: #808080;text-decoration:none;} <br />.w2bslikebox span a:hover{text-decoration:underline;} <br /></style><div class="w2bslikebox" style=""><div><br /><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2F<font color="#ff0000">bloghocam</font>&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div><br /></code></pre><br /><br /><p>Kırmızı renkle belirttiğim bloghocam yazan yere kendi Facebook sayfanızın ismini yazmayı unutmayın.</p><br /><br /><p>Kolay gelsin.</p>

Blogunuza Sabit Açılır Facebook Beğen Kutusu Ekleyin

Blogunuza floating yani yüzen ( ben sabit diye adlandırıyorum ) bir Facebook beğen kutusu ekleyebileceğiniz güzel bir script buldum ve sizle...

Devamı »

Ziyaretçi Trafiğinizi Arttırırken Sabırlı Olun

<p>“ <em>Bir blog oluşturdum ama kimse ziyaret etmiyor.Blog trafiğimi nasıl arttırabilirim?</em> ”, “  <em>Bloguma daha fazla ziyaretçiyi nasıl çekerim?</em> “ gibi sorularca bu güne kadar defalarca karşılaştım ve bundan sonra karşılaşmaya devam edeceğim gibi gözüküyor.</p> <p>Aslında bu konuda daha önce <a title="Blogunuzun Ziyaretçi Trafiğini Arttırmanın Yolları" href="http://bloghocam.blogspot.com/2011/05/blogunuzun-ziyaretci-trafigini.html" target="_blank">Blogunuzun Ziyaretçi Trafiğini Arttırmanın Yolları</a> ve <a title="Blogunuzun Ziyaretçi Sayısını Arttırmak İçin İpuçları" href="http://plnpelin.blogspot.com/2011/09/blogunuzun-ziyaretci-sayisini-arttirmak.html" target="_blank">Blogunuzun Ziyaretçi Sayısını Arttırmak İçin İpuçları</a> ( Misafir yazı )  başlıklı iki yazı yazmıştım.Okuyucuların bu yazılanlarar geri dönüşleri ise genelde şu şekilde oluyor: “<em> Bu dediklerini yapıyoruz ama hala bi gelişme yok. </em>“ Bu kişilere benim cevabım hep aynı.Sabredin.Evet blogunuza düzenli bir trafik sağlamak için gerekli olan 3 şey çalışma, sabır ve zamandır.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEa_2jpN6M9Bfui1BsdvWkgSHetjs6JqlTfP6gEu9m02EUr6Lb9QoooorIgft1YXFh2cPzaHAzPfLD8ORB8OCSHwomsXcPzGqC114Xfkr7eAh4r-lTtwA8LXaEz6YOENVWnim0AT7R6Jeg/s1600-h/blogunuzun-ziyaretci-trafigini-artti%25255B1%25255D.jpg" target="_blank"><img alt="Ziyaretçi Trafiğinizi Arttırırken Sabırlı Olun" border="0" height="361" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeO0ANI5w1Wg9qmqOqxqU3Eg-tpeoDloLUyOm7KmpeeFyT5jdV6I5ZAwR0cW71a8tM80G7bmgxitPFqNXzHigIvRG4zam1lZWwZL-wxJ_tf0mgYX99HKD0riwE-XUN30OrOsiFopNbVSio/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Ziyaretçi Trafiğinizi Arttırırken Sabırlı Olun" width="535" /></a></p> <p>Blog trafiği 3 şekilde elde edilir.Bunlar direkt, referans ve arama trafikleridir.Şimdi size bu 3 trafik kaynağında da neden sabretmeniz gerektiğinden bahsedeceğim.</p> <p> </p> <p><strong>Direkt Trafik</strong></p> <p> </p> <p>Direkt trafik insaların web tarayacılırının açılış sayfasını blogunuzun adresi olarak ayarlamaları, internet tarayıcılarının sık kullanılanlar menüsünden blogunua erişmeleri ve internet tarayıcılarının adres satırına doğrudan blogunuzun adresini yazmaları ile elde edilir.</p> <p>Direkt trafik kazanmak için akılda kalıcı bir domain, kalitei içerik, markalaşma gibi pek çok kriteri sağlsmış olmanız gerekir ki bu zaman ve çsalışma isteyen bir süreçtir.Zaten en zor elde edilen trafik, direkt trafiktir.</p> <p> </p> <p><strong>Referans Trafiği</strong></p> <p> </p> <p>Başka bir sitede sizin blogunuzun linki varsa ve insanlar o linke tıklayarak sizin blogunuza ulaşıyorlarsa referans trafiğidir.Yani linkinizin bulunduğu site size referans olmuştur.</p> <p>Tahmin ettiğiniz gibi en kolay trafik kaynağı refrans trafiğidir.Bunun için yapmanız gereken tek şey backlink kazanmaktır.Ancak kaliteli ve popüler sitelerden backlink kazanmak için online çevrenizi genişletmek ve kaliteli içerik üretmelisiniz.Gördüğünüz gibi bu da zaman ve sabır ister.</p> <p> </p> <p><strong>Arama Trafiği</strong></p> <p> </p> <p>Blogunuza en fazla ziyaretçi getirecek trafik kaynakları arama motorlarıdır.Örneğin son 1 ayda Blog Hocam’ı ziyaret edenlerin %71’i Blog Hocam’a Google’dan ulaşmış.</p> <p>Arama trafiği sağlamanın yolu ise başarılı bir optimizasyon çalışmasına bağlıdır.Blogunuzu arama motorlarına uygun şekilde optimize ederek ya da uzman kişilere optimize ettirerek ve bir takım basit SEO  kurallarını uygulayarak arama motorlarından ciddi bir trafik elde edebilirsiniz.Ancak SEO çalışmalarından birkaç günde sonuç alnmaz.Bu işi düzenli ve kurallara uygun şekilde yapmalı ve her zamanki gibi sabretmelisiniz.</p>

Ziyaretçi Trafiğinizi Arttırırken Sabırlı Olun

“ Bir blog oluşturdum ama kimse ziyaret etmiyor.Blog trafiğimi nasıl arttırabilirim? ”, “  Bloguma daha fazla ziyaretçiyi nasıl çekerim? “...

Devamı »

FBML İle Facebook Sayfasına Hoşgeldiniz Sekmesi Ekleme

<p>Milyonlarca üyesiyle Facebook blogunuzu tanıtmak için eşsiz bir sosyal medya platformu.Facebook’un nimetlerinden faydalanmak ve daha fazla kişiye ulaşarak blogunuzun popüleritesini arttırmak için mutlaka bir Facebook sayfasına sahip olmalısınız.Aslında bu yazım Facebook sayfası olanlar için ancak hala bir Facebook sayfanız yoksa <a href="http://www.facebook.com/pages/create.php">http://www.facebook.com/pages/create.php</a> adresine giderek kısa sürede Facebook sayfanızı oluşturup tekrar bu yazıya dönebilirsiniz.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuG8J_vWTgnvN3R_mYsLmoqhCl4DBz5gW3YWwmNC_sMfpMduhQyi9ko7VNIhC_IEO64Umat4iEzhbIDPnuS5ALzhUSacxrqzlWuakGzO55ANKpZw85Wdt0rha2uUjaBQEXTyO7zqE2UPOg/s1600-h/bloghocam-facebook-page5.png" target="_blank"><img alt="Blog Hocam Facebook Sayfası" border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeXN4AP22q4mrXhdnKuHbtZCS51IYrjPxIbl5v39GcAv4dlN8XIm-LNilFZHMIx2mfJQ7EbQaw1sJRPGxNZpp2U6124kF7SNBOisBJhsmOpji4UWH0LUYWDv-nc0REh0KFUL9r4vZ43kCX/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Blog Hocam Facebook Sayfası" width="529" /></a></p> <p><a title="Blog Hocam Facebook Sayfası" href="http://www.facebook.com/bloghocam" target="_blank">Blog Hocam Facebook hayran sayfasını</a> ziyaret ettiğinizde sizi<strong> Hoşgeldiniz</strong> sekmesinde bir grfik karşılayacaktır.Bu yazımda bu Facebook sayfasını nasıl oluşturduğumu anlatacağım.Bu tür közelleştirilmiş Facebook sayfaları, insanları sayfayı beğenmeye teşvik eden ayrıntılardır.</p> <p>Uygulamaya eçmeden önce sayfanızda kullanacağınız grafiği önceden hazırlamanız gerekiyor.Ben 532x521 boyutlarındabir grafik hazırladım.Sizde Gimp, Photoshop veya benzer uygulamalar yardımıyla grafiğinizi ooluşturduktan sonra uygulamaya geçebilirsiniz.</p> <p><strong><u>1.Adım:</u></strong> Kullanacağımız <a title="Statik FBML" href="http://www.facebook.com/apps/application.php?id=4949752878" target="_blank">Statik FBML</a> uygulamasına giderek sol taraftaki <strong>Sayfama Ekle</strong> yazısına tıkladıktan sonra açılan pencereden sayfanızın yanındaki <strong>Add toPage</strong> butonuna basarak uygulamayı sayfanıza ekleyin.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQmUuYr4-Kvb8EJKF7cqDlJUZwpexNXCHSB8NvZWmBG-RNnbddI8z4kMS662PreRiVjvO1oE3Xaz1fipedA-YKxY-I25MpxrIKIziNDMyARMs5-UtBVJG3kjlsNcNt0o1_2y7yTxBOs0Hl/s1600-h/fbml15.png" target="_blank"><img alt="FBML İle Facebook Sayfasına Hoşgeldiniz Sekmesi Ekleme" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilwjh2DMOvm61zercNc7q8m8YPauU43t0Ib_4axwNCOHB9mrLy2Pw1JxpgcE3-o5858-L45s8GdnNPaV4glEbICFIh53oYtXa2t9WGknd-UGv02_9Yw3ag_MuCDAWyzEYReU4CXCPmW1mJ/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="FBML İle Facebook Sayfasına Hoşgeldiniz Sekmesi Ekleme" width="526" /></a></p> <p><strong><u>2.Adım:</u></strong> Sayfaızın sağ üst tarafındaki <strong>Sayfayı Düzenle</strong> butonuna bastıktan sonra sol menüden <strong>Uygulamalar</strong>’ı seçin ve listeden<strong> FBML – FBML</strong> uygulamasının altındaki <strong>Uygulamaya Git</strong> yazısına tıklayın.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbU7OH5C9ASF-bnnv8k7POppZI9Kv6UCnzfW9UhRnpBKsFc2aQDRjTrY_a0O-5ispiLRdwmRPXFHKlXXz9GOme_WLoK2rK971bm7q3n8JlBcuVP8nz96wkrb3VLu0YIdOk0F9_5O5oVCrE/s1600-h/fbml26.png" target="_blank"><img alt="FBML İle Facebook Sayfasına Hoşgeldiniz Sekmesi Ekleme" border="0" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrhjIyIWbdzTi0jkzpfEBqWxOFX5YH7AIz-FDSLGJYf7Yz1Dt5s6M54Wo3ux3Io0NkAzsypce2r9At5fL7iL3wqY7YKvtEUkDqHk0Q6Sgxu97YzbqthVhaTFeuNFBv64ItXmZaDXNKpsmB/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="FBML İle Facebook Sayfasına Hoşgeldiniz Sekmesi Ekleme" width="520" /></a></p> <p><strong><u>3.Adım:</u></strong> Açılan sayfada <strong>Kutu Başlığı</strong> olarak <strong>Hoşgeldiniz </strong>yazın.FBML kısmına ise aşağıdaki koları ekleyin.Ancak kodlarda benim kullandığım resmin linki olan <em><strong>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiPRaaXh8qof-ZzoZ4Uhb-LUMQHWAxTowBHigRDFPlNxMtvnawdbsDeEwX514OSHtQ1CUVU5NrFQQvSt0e8cXaOrNlzBgYgqydCzXAX0Q5DfaHnH7Xc-pwLl3LSz76dP8NNN-V6kSB_nIi/s523/facebook-page.png</strong></em> yerine kendi resinizin URL’ini yazmayı unutmayın.</p> <pre style="border-bottom: #999999 1px dashed; border-left: #999999 1px dashed; padding-bottom: 5px; line-height: 14px; background-color: #eee; padding-left: 5px; width: 94.06%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; height: 85px; color: #000000; font-size: 12px; overflow: auto; border-top: #999999 1px dashed; border-right: #999999 1px dashed; padding-top: 5px"><code><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiPRaaXh8qof-ZzoZ4Uhb-LUMQHWAxTowBHigRDFPlNxMtvnawdbsDeEwX514OSHtQ1CUVU5NrFQQvSt0e8cXaOrNlzBgYgqydCzXAX0Q5DfaHnH7Xc-pwLl3LSz76dP8NNN-V6kSB_nIi/s523/facebook-page.png" /><br /></code></pre><br /><br /><p><strong><u><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQw1ivHXcAfazrvnwibTxOXLcgpk7BNMnqzGNYbe4tketbu2Hebbxh4XYeKPimF_UlEK_4koUZ6Qskq_Z22YeKS7Y1pZ8fO2oWdG8am_x8p2zuAscMcbDzY722jco91xR5N4gUE2R1p00G/s1600-h/fbml35.png" target="_blank"><img alt="FBML İle Facebook Sayfasına Hoşgeldiniz Sekmesi Ekleme" border="0" height="299" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiK8d7_FMnuGelQi2e7fuWX0u8PhOumR-wOrUxidJ31DJ_XXgxD7SHO1UFWsWio3iIoY1U5JS8Sx6ojE7v4CS0eZEZCvjFIQZb2qPlx1WPttqImEgzDPPzP30i8u4dbxePE_tc0YKbMHf5/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="FBML İle Facebook Sayfasına Hoşgeldiniz Sekmesi Ekleme" width="523" /></a></u></strong></p><br /><br /><p><strong><u>4.Adım:</u></strong> Şuan uygulama ekli ve hazır durumda.Bu adımda insanların sayfanızı ziyaret ettiğinde duvar ile değil de hazırladığıız hoşgeldiniz grafiği ile karşılanmalarını sağlamak için gerekli ayarı yapascağız.Bunun için tekrar <strong>sayfa düzenlemeye</strong> gidyoruz ve sol menüden <strong>İzinleri Yönet</strong>’e tıklıyoruz.<strong>Varsayılan Açılış Sekmesi</strong> yazan yeri <strong>Hoşgeldiniz</strong> olarak seçtikten sona kaydediyoruz.</p><br /><br /><p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw1tkcg293zZvuCqq6OJaitkGm6FrAKH3jNNdzzYBZgf1EpvRFn0sYaCqu0e7TWkiS8Viyg951zIxFRqdZrm_jaL3M4obzkWPAH-hqhMcVhrhET6eHDtpcLT6GN8FSp6m92at7zo-DLvsA/s1600-h/fbml411.png" target="_blank"><img alt="FBML İle Facebook Sayfasına Hoşgeldiniz Sekmesi Ekleme" border="0" height="299" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0qe2WZA1FI5A8_MS8eVf7mRLKvCoTrWwjpHG0gTAwI4GMfwP3ZFA2cryCEgI7dovne8Ho1gGH0sir28cCTqWd3jieB_X7JNrrTgkf-EKBBJwZ_rscjXYuScRTaMqNNz2b4-WIeTFxrH9x/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="FBML İle Facebook Sayfasına Hoşgeldiniz Sekmesi Ekleme" width="523" /></a></p>

FBML İle Facebook Sayfasına Hoşgeldiniz Sekmesi Ekleme

Milyonlarca üyesiyle Facebook blogunuzu tanıtmak için eşsiz bir sosyal medya platformu.Facebook’un nimetlerinden faydalanmak ve daha fazla k...

Devamı »

Straight Ahead–Premium Kalitede Blogger Teması

<p>Wordpress’ten Blogger’a çevrilmiş, çok güzel bir temaya rastladım ve sizlerle paylaşmak istedim.Temanın yapımcısı temayı başlıkta yadığım gibi tanımlıyor.Premium kalitede…</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiplWSF46QQ7cedhGXTiqP718RdoOPdlITfMXQ0YWUFIccN0t-j9yh7FA24XVBbkuI1b_rZF_dOma8rGLjRvaYVzRo6DESfOwYmhCPnUlx2MKfmyBDRJSKIy_41Tz-1Cm89KTRryo5K79dS/s1600-h/StraightAhead-premium-kalitede-blogg.png" target="_blank"><img alt="StraightAhead-Premium Kalitede Blogger Teması" border="0" height="495" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3KALdnhrozy8_atDXpnAFfrY9-R-YNYEOYa5LTd54FUcL7YeNg60eNkDNDD4uJ1mFp7CMBJvCb5clkywIKgVuE47XgMTN8LsZOOUTaNKXUFFUt09WLH34OHVDBq5ehNfUEbKjgQod4GVv/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="StraightAhead-Premium Kalitede Blogger Teması" width="280" /></a></p> <p align="center"><a title="Straightahead Demo" href="http://straightahead-pbtemplate.blogspot.com/" target="_blank"><img alt="Straightahead Demo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEgXCP0e6AHLiTX8bkDpK7ti2eVt3AT7rAj4ZLfRAtZHLqrEmjz0KotiupwLU1MTKvqMT4yJZc1Z4pTnaIlgvOdr_vjFfs6_Oi5-s7zGcudbAjReizhWuvBYOulu1IHkcoBv_OwyT6NhaZ/s237/DEMO.png" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Straightahead Demo" /></a> <a title="Straightahead Download" href="http://www.box.com/s/jvdafaiu2medax4x7qih" target="_blank"><img alt="Straightahead Download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg05l1PQ_VzUgd8GrJbGDNQCyPpzEbtfD0B7SEccHtol-VtcU8261MIXs-48qFzUiiAkhzOGt2z6brpFtwhFdVXVcidb-g8O9e-CxJEFixZu3EH7GZoCSTUzgvMTXiw9qrza-5J0faRdfUL/s240/download4.png" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Straightahead Download" /></a></p> <p>Temanın özelliklerinden kısaca bahsetnek gerekirse…</p> <p><strong><u>1. Temiz Tasarım :</u></strong> Blog ana sayfası temz ve net bir tasarıma sahip.Güzel ve birbiriyle uyumlu renkler seçilmiş.Gözü hiç yormuyor.</p> <p><strong><u>2. Jquery Slider :</u></strong> Blogunuzla ilgili duyurular yapabileceğiniz, daha çok okunmasını istediğini yazılarınızı veya resimlerinizi koyabileceğiniz bir manşet uyguluması hazır bulunuyor.</p> <p><strong><u>3. Footer :</u></strong> Footer 4 sütuna bölümünmüş.Bu sayede zengin görünümlü ve kullanışlı bir footer bölümüne sahip olabilirsiniz.</p> <p><strong><u>4. Diğer Özellikler :</u></strong> Temanın dikkat çeken diğer özelliklerinden bahsedecek olursam; Header’da yatay açılır menü, sidebar’da tab menü, her yazıya ait yorum sayısını gösteren yorum balonu, resimli otomatik devamını oku özelliği.</p> <p>- Bu temayı blogunuza nasıl yükleyeceğinizi bilmiyorsanız okuyun: <a title="Blogger Şablon Yükleme" href="http://bloghocam.blogspot.com/2011/04/blogger-sablon-yukleme.html" target="_blank">Blogger Şablon Yükleme</a></p> <p>- Daha önce paylaştığım tüm temaları görmek için bakın: <a title="Blogger Şablonları" href="http://bloghocam.blogspot.com/search/label/Blogger%20%C5%9Eablonlar%C4%B1" target="_blank">Blogger Şablonları</a></p>

Straight Ahead–Premium Kalitede Blogger Teması

Wordpress’ten Blogger’a çevrilmiş, çok güzel bir temaya rastladım ve sizlerle paylaşmak istedim.Temanın yapımcısı temayı başlıkta yadığım gi...

Devamı »

Blogunuz İçin 2 Farklı Stilde Arama Kutusu

<p>Yeni bir Blogger teması üzerinde çalışıyorum.Bu temada şık ve farklı bir stilde arama kutusu kullanmak istedim ve internette ufak bir araştırma yaptım.Arama kutusu stilleri araştırırken <a title="Design3Edge" href="http://www.design3edge.com/" target="_blank">Design3Edge</a> sitesinde bir <a title="psd paketine" href="http://www.design3edge.com/2011/02/20/fresh-search-box-pack/" target="_blank">psd paketine</a> rastladım.Bunlardan iksi hoşuma gitti ve burada da paylaşmak istedim.</p> <p>Resimde gördüğünüz stillerdeki arama kutularına ait kodlar aşağıda mevcut.Hangi stildeki arama kutusu kullanmak istiyorsanız o kodu HTML/JavaScript gadget’ı olarak blogunuza eklemeniz yeterli.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ9NWcjltQtkjuD61i-n1fDpyCOtwjhkAPZfySRfRBJOgpF6sR-CODrnJNpuPU1PCd1mktPfUfgoKW4sc-9DnC2IKapjwjRBFbFxWT_bWa_VCFfi6m0XBf5EgPzwFwdp9XQB6P3aCKxCSE/s1600-h/blogunuz-icin-2-farkli-stilde-arama-.png" target="_blank"><img alt="Blogunuz İçin 2 Farklı Stilde Arama Kutusu" border="0" height="271" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrysPh0X5DbadI-39KFqKpq-MJe0DzIhJuBPGoMsCN6NKVBjciVK2GpdU4a2lOIQlDxi5jWMRenxDXY2DoQ9k7IbIdIUyZY1VjlOzpW0uEyeMNqXEBbph_NRwGQFC8bCxWvz5GJba0E3fw/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Blogunuz İçin 2 Farklı Stilde Arama Kutusu" width="422" /></a></p> <p><strong>1.Stildeki arama kutusunun kodları:</strong></p> <pre style="border-bottom: #999999 1px dashed; border-left: #999999 1px dashed; padding-bottom: 5px; line-height: 14px; background-color: #eee; padding-left: 5px; width: 92.03%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; height: 173px; color: #000000; font-size: 12px; overflow: auto; border-top: #999999 1px dashed; border-right: #999999 1px dashed; padding-top: 5px"><code><style type="text/css"><br />#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYhUTS7dPSx3-TBwTz7HL-HGChdebvmXrGJDLNSzjHpNv_Rg6yH_dKB5TPHwoORCVx8KdbfgjUh_gsV8k_40ypfalDAbP5CJEow6s9t_FrgMqFJVMtHJQzDlyf1FBakbInBBR0JYA4jajs/s307/arama-kutusu-psd1.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}<br />form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}<br />form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}<br />form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}<br /></style> <br /><div id="w2b-searchbox"><br /> <form id="w2b-searchform" action="/search" method="get"><br /> <input type="text" id="s" name="q" value="Ara..." onfocus='if (this.value == "Ara...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Ara...";}'/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form><br /></div><br /></code></pre><br /><br /><p><strong>2.Stildeki arama kutusunun kodları:</strong></p><br /><br /><pre style="border-bottom: #999999 1px dashed; border-left: #999999 1px dashed; padding-bottom: 5px; line-height: 14px; background-color: #eee; padding-left: 5px; width: 91.81%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; height: 171px; color: #000000; font-size: 12px; overflow: auto; border-top: #999999 1px dashed; border-right: #999999 1px dashed; padding-top: 5px"><code><style type="text/css"><br />#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikPB-bGAvlwiXFmGgeTbKhit9I1jbOg7vAC4nhobSLRu3GKb-TnwttqyhDZayjDZoExVfqMXucggdpW-nlYIPFC_n-IkWr1Ee5GTnVutaV2csPmQR7jv2wilblqCZbud8ArIqIo_GZmaAd/s307/arama-kutusu-psd2.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}<br />form#w2b-searchform{display: block;padding: 12px;margin:0;}<br />form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}<br />form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}<br /></style> <br /><div id="w2b-searchbox"><br /> <form id="w2b-searchform" action="/search" method="get"><br /> <input type="text" id="s" name="q" value=""/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form><br /></div><br /></code></pre>

Blogunuz İçin 2 Farklı Stilde Arama Kutusu

Yeni bir Blogger teması üzerinde çalışıyorum.Bu temada şık ve farklı bir stilde arama kutusu kullanmak istedim ve internette ufak bir araştı...

Devamı »

Fotoğraf Ve Portfolyo Blogları İçin Blogger Teması

Bu aralar tema hazırlamak ve düzenlemek için pek vakit bulamıyorum.Ben de haır bir tema paylaşayım dedim ve <a href="http://www.premiumblogtemplates.com/" target="_blank" title="PremiumBlogTemplates">PremiumBlogTemplates</a> tarafından hazırlanan <strong>Myfolio</strong> temasını seçtim.<br />Tema oldukça sade ve gözü hiç yormayan bir tasarıma sahip.Özellikle fotoğraf ve portfolyo bloglar için bire bir.Başlığın altındaki menüye sayfa linklerinizi ekleyebilirsiniz.3 sütunlu footer bölümüne ise sosyal hesaplarınıza ait butonlar, etiket bulutu, arşiv gibi öğeler ekleyebilirsiniz.<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz5H-dPHbyHHvhZ-eAjtiXU1r8UUYfiSwSsgKQR-C3zqC85rHUB1zU1VSejhpKBoULYFFaxR_62HZTqi5n5V6AOjQIuUp_icaKsPuDmFrIJeuJDA5o3DxFtx9ZiquzuRJ-CeRfJXPIwnD8/s1600-h/MyFolio-free-premium-blogger-templat%25255B2%25255D.png" target="_blank"><img alt="MyFolio" border="0" height="393" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLqgRRW6NJfd5KQeO6lX6FaTiy8z_TqCxKZXp-XX8Q8E5bRkpmjbDjAZSDrm-0J16r5K3L7hyxTqw6q9tDxmUOGFo0f7KphQcrM-h-DqevHt9Jyv03MrnsDrHzOP_GNHPZ_q001bxlcUCn/?imgmax=800" style="background-image: none; 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; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="MyFolio" width="504" /></a><br />       <a href="http://myfolio-pbt.blogspot.com/" target="_blank" title="Myfolio Önizle"><img alt="Myfolio Önizle" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEgXCP0e6AHLiTX8bkDpK7ti2eVt3AT7rAj4ZLfRAtZHLqrEmjz0KotiupwLU1MTKvqMT4yJZc1Z4pTnaIlgvOdr_vjFfs6_Oi5-s7zGcudbAjReizhWuvBYOulu1IHkcoBv_OwyT6NhaZ/s237/DEMO.png" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Myfolio Önizle" /></a>   <a href="http://btemplates.com/download/4091/" target="_blank" title="Myfolio İndir"><img alt="Myfolio İndir" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg05l1PQ_VzUgd8GrJbGDNQCyPpzEbtfD0B7SEccHtol-VtcU8261MIXs-48qFzUiiAkhzOGt2z6brpFtwhFdVXVcidb-g8O9e-CxJEFixZu3EH7GZoCSTUzgvMTXiw9qrza-5J0faRdfUL/s240/download4.png" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Myfolio İndir" /></a><br /><strong>Blogumun temasını nasıl değiştirebilirim?</strong> diyorsan oku => <a href="http://bloghocam.blogspot.com/2011/04/blogger-sablon-yukleme.html" target="_blank" title="Blogger Şablon Yükleme">Blogger Şablon Yükleme</a>

Fotoğraf Ve Portfolyo Blogları İçin Blogger Teması

Bu aralar tema hazırlamak ve düzenlemek için pek vakit bulamıyorum.Ben de haır bir tema paylaşayım dedim ve PremiumBlogTemplates tarafından...

Devamı »

Blogunuzun Hızını Test Edebileceğiniz Araçlar

<p>Bu aralar blogların hızı ve performansı ile çok ilgileniyorum.<a title="Blogunuzı Hızlandırmak İçin İpuçları" href="http://bloghocam.blogspot.com/2011/10/blogunuzu-hzlandrmak-icin-ipuclar.html" target="_blank">Blogunuzu hızlandırmanıza yarayacak ipuçlarını</a> daha önce yazmıştım.O yazıya yapılan yorumlardan birinde bir ouyucum blogu hızlandırmak için yapılan işlemlerin blogun görünümünü çok asdeleştireceğini yazmıştı.Haksız da sayılmaz.Ben de ona cevaben bu dengeyi sağlamak gerektiğini yazmıştım.</p> <p> </p> <p>Burada paylaşacağım online araçlar ile blogunuzun yüklenmesini hangi öğelerin yavaşlattığını görebilecek, blogunuzun açılış hızını diğer bloglarla karşılaştırabileceksiniz.Bu sayede performans – görünüm dengesini en iyi şekilde kurabileceksiniz.</p> <p> </p> <p><strong>1. PAGE SPEED ONLINE</strong></p> <p><strong></strong></p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3L7ergnaoqo5RuA0oNgdItrJNLeaocaTLY0T-XmDcOKKJ66DduRaRWvqhHA23gY1RZN5aGJnH7Ynb73DsE519FguTzVOLxhluZ9YyewC6191uiTwqqxpWN_zUcL0bfy9yt2AY4CRsaUdY/s1600-h/page-speed-online6.jpg" target="_blank"><img alt="Page Speed Online" height="326" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAdUPxBuzmk95NMjwqndWxqe_-kbw-krO31fEVPwjaFidSLnv7s0vpq7FunpHwqgIqBI9XcTTEf6ptD619qxhBY8kFmgb6u6gk-aVxmookFfAibIy905T-R0BCe6VI-U7HlDS3iCC4I6Kz/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Page Speed Online" width="487" /></a></p> <p>Bir Google servisi olan <a title="Page Speed Online" href="https://developers.google.com/pagespeed/" target="_blank">Page Speed Online</a>, blogunuzu test ettikten sonra size 100 üzerinden bir puan verir.Bu puanı belirleyen bazı kriterler vardır.Puanınızı düşüren kriterleri önem derecesine göre ayırarak size raporlar.Bu rapor ile blogunuzun performansını nelerin düşürdüğünü öğrenebilirsiniz.</p> <p><strong><u>Link</u>:</strong> <a title="Google Page Speed Online" href="https://developers.google.com/pagespeed/" target="_blank">https://developers.google.com/pagespeed/</a></p> <p> </p> <p><strong>2. PINGDOM TOOLS</strong></p> <p><strong></strong></p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK4YndtnGC8140F9K_yGvev4coKRn9xH7tBQuTlCT5icVgorFJYCnackJDnFQo926ZIsj4RzgbMnBrfmv6JsfleSNN6L7d9oQ1aw866792-8KOMO_5BbFvo4adPNRgw3HqQtu-D19PpSLS/s1600-h/pingdom-tools6.jpg" target="_blank"><img alt="Pingdom Tools" height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQCwOY5k6CR96SjGZnRJU_MLCEkPcsCaKYzDmRgyij3w0I6ULJTkZrp4fFBOB9dIrLpHghdyj08z9J48RA1jU-CCihns3bSy0kAIf2Cb0Zrk-DKhLhKaPc0tZL2nNQ39tgyc8cEZWYppAi/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Pingdom Tools" width="496" /></a></p> <p><a title="Pingdom Tools" href="http://fpt.pingdom.com/" target="_blank">Pingdom Tools</a> benim favori araçlarımdan.Bu araç blogunuzu detaylı bir şekilde analiz ettikten sonra 100 üzerinden bir performans puanı, yüklenme süresi ve ana sayfanızın toplam boyutunu verir.Ayrıca blogunuzu diğer sitelerle kıyaslayarak diğer sitelerinden %kaçından daha hızlı olduğunuzu yazar.Bunun dşında blogunuzdaki grafikllerden tutunda javascriptlere kadar her bir öğebnin kaç saniyede yüüklendiğini detaylı bir şekilde görebilirsiniz.</p> <p><strong><u>Link:</u></strong> <a href="http://fpt.pingdom.com/">http://fpt.pingdom.com/</a></p> <p> </p> <p><strong>3. Free Website Performans Test</strong></p> <p><strong></strong></p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOJwtd_BahwNstf1FXs4GPA-dKOTy24MIU5sNHHbzj7Zl63zSTTqRTSiZtnIw-EEjaYF9Y2S5RZ0fvqs7HDENGh3lkgM_I2nPfsMlmEBpNm7bbWoWQTfjc2tWl-66wtDVsSjIA1-fO6AG8/s1600-h/free-website-performans-test5.jpg" target="_blank"><img alt="Free Website Performans Test" height="327" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEsaZGo4sCqQo1ym5Lv3wCjVsic2n9hbecd0uCfEy50zRSDryFUJsljZUlDwiCI9C2LgArsTqpOzlBIcM2nOLygJe5X9R6_MH2w73HyMgE1ggU_QFbuFQnFJS3iVMZ7vdA28OQZF50Lbe8/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Free Website Performans Test" width="489" /></a></p> <p><a title="BrowserMob - Free Website Performans Test" href="https://browsermob.com/free-website-performance-test" target="_blank">BrowserMob</a> şirketinin bu ücretsiz aracı ile blogunuzun ortalama yüklenme süresi, ana sayfanızın bboyutu, blogunuzdaki öğelerin sayısını ve bu öğelerin tek tek yüklenme sürelerini görebilirsiniz.Ayrıca bu araç blogunuza 4 ayrı merkezden ping atarak değişik lokasyonlardaki prformansı da gösterir.</p> <p><strong><u>Link:</u></strong> <a title="Free Website Performans Test" href="https://browsermob.com/free-website-performance-test" target="_blank">https://browsermob.com/free-website-performance-test</a></p> <p> </p> <p><strong>4. Which Loads Faster?</strong></p> <p><strong></strong></p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPCoGk0y0uA7ijcGTOLp2wRXPBfwaiUuwO37oBP_BpQPn73AdoQHDy7hqjbnsVik6Y6cvSRFJ_oBFvGUEVEjDAMxMyKTQn8RvOsMHkYK_NX638SistF9AFH-ymq9UknB2c9o116OZgif-8/s1600-h/which-loads-faster5.jpg" target="_blank"><img alt="Which Loads Faster?" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs2LkTWJLt1NtgTJ01nmlZBonCK6G2kUcNkyRLlLmdROJxzaEsKe1sKXEArdYR_FGubFA4D3VrVyo7Mm85Gmk_jKcgVPsC1C9KmNI0X1iqE5Xr15Ku_kKUFNtEcjEItrsKRhJN3xfnQDuW/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Which Loads Faster?" width="494" /></a></p> <p>Bu ilginç araç ile iki sitenin performansını kıyaslayabiliyorsunuz.Kıyaslamak istediğiniz sitelerin adresini yazdıktan sonra ekran ikiye bölünüyor ve siteler yüklenmeye başlıyor.Her iki siteninde yüklenme süresi hesaplandıktan sonra hangisinin ne kadar daha hızlı olduğu ekranda yazıyor.</p> <p><strong><u>Link:</u></strong> <a title="Whivh Loads Faster?" href="http://whichloadsfaster.com/" target="_blank">http://whichloadsfaster.com/</a></p> <p> </p> <p><strong>5. WebPagestest</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaRZ8luJGTcNYL70B2Bkb9s02zQGM5JjT5MvkKAx3epqvczJBNTlddibJtVJ3j3qYdM_jHm-zsPcfLK28Vg7XfxTohjJiDIb9Yz3Qv8qn6MehNwxyNXVM0d4KyMf9f9xYfgTqOCZWsuq1F/s1600-h/webpagetest5.jpg" target="_blank"><img alt="WebPagetest" height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAISgJXj4XPgX2vYfaekNuStiJjZ7_xSn8wxZsb1f7OXVAWYBucMudaUFj8kGDtpMtckoWo28WaEym4e9T-6nXw1KB4jHN8llWF7sTOzn6bMDNvsQYpLMxkVSiRZB63X-fOImnzN63bQ2z/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="WebPagetest" width="500" /></a></p> <p>Blogunuzu detaylı bir şekilde analiz eden baka bir araç daha.Bu aracın en iyi özeliği ise blogunuzun açılış hızını farkl tarayıcılar ve dünya üzerindeki farklı merkezler için test edebilmesi.</p> <p><strong><u>Link:</u></strong> <a title="WebPagetest" href="http://www.webpagetest.org/" target="_blank">http://www.webpagetest.org/</a></p>

Blogunuzun Hızını Test Edebileceğiniz Araçlar

Bu aralar blogların hızı ve performansı ile çok ilgileniyorum. Blogunuzu hızlandırmanıza yarayacak ipuçlarını daha önce yazmıştım.O yazıya ...

Devamı »

Kod Yazmak İsteyen Bir Blogger İçin Kendini Geliştirme Yöntemleri

<p><span style="line-height: 18px; background-color: white; font-family: georgia, utopia, 'Palatino Linotype', palatino, serif; font-size: 13px" class="Apple-style-span">Bu yazı f</span><a style="line-height: 18px; background-color: white; font-family: georgia, utopia, 'Palatino Linotype', palatino, serif; color: #4c0000; font-size: 13px; text-decoration: none" title="FiratYalcin.com" href="http://www.firatyalcin.com/">iratyalcin.com</a><span style="line-height: 18px; background-color: white; font-family: georgia, utopia, 'Palatino Linotype', palatino, serif; font-size: 13px" class="Apple-style-span">’dan Fırat Yalçın</span><span style="line-height: 18px; background-color: white; font-family: georgia, utopia, 'Palatino Linotype', palatino, serif; font-size: 13px" class="Apple-style-span"> tarafından </span><a style="line-height: 18px; background-color: white; font-family: georgia, utopia, 'Palatino Linotype', palatino, serif; color: #4c0000; font-size: 13px; text-decoration: none" title="Blog Hocam" href="http://bloghocam.blogspot.com/">Blog Hocam</a><span style="line-height: 18px; background-color: white; font-family: georgia, utopia, 'Palatino Linotype', palatino, serif; font-size: 13px" class="Apple-style-span"> </span><span style="line-height: 18px; background-color: white; font-family: georgia, utopia, 'Palatino Linotype', palatino, serif; font-size: 13px" class="Apple-style-span">için yazılmıştır.</span> </p> <p>Blogunuzda kendi temanızı kullanmak veya özgün HTML kodlar oluşturabilmek için belli başlı program dillerini bilmeniz gerekmektedir. Bu program dilleri hakkında kendinizi geliştirmeniz de şarttır. Peki nasıl geliştirebilirsiniz ne yapabilirsiniz? </p> <div style="text-align: center; clear: both" class="separator"></div> <div style="text-align: center; clear: both" class="separator"><a style="margin-left: 1em; margin-right: 1em" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAKTK5YiB4EF6Q1f6V9H1Mqsz1P7kHUJXEVXwPg5Ryh3B_gsjbfNiV8HY1YUiK4Aj49rvMwFWOpNRDBr5CVM9ypioHFgshPSCV6XPoQ2WEP-rX819Q1Jf9p3pkR8_YH6V2h5mh5zBK8DA/s1600/KOD+YAZMAK.png" imageanchor="1"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAKTK5YiB4EF6Q1f6V9H1Mqsz1P7kHUJXEVXwPg5Ryh3B_gsjbfNiV8HY1YUiK4Aj49rvMwFWOpNRDBr5CVM9ypioHFgshPSCV6XPoQ2WEP-rX819Q1Jf9p3pkR8_YH6V2h5mh5zBK8DA/s400/KOD+YAZMAK.png" width="400" /></a></div> <div style="text-align: center; clear: both" class="separator"> </div> <p><strong>1-Halk Eğitim veya Halk Evi Kursları</strong></p> <p> </p> <p>Sertifikada alabileceğiniz bu kurslar öğreticisinin niteliğiniğine göre size birçok deneyim, önbilgi kazandıracaktır. Halk eğitimden halk eğitime değişen kurslar vardır fakat web programcılığı, web tasarımcılığı, grafik ve animasyon tabanlı web sitesi hazırlama gibi kurslar birçok halk eğitim merkezinde mevcuttur.</p> <p> </p> <p><strong>2- İnternetteki Öğretici Videolar</strong></p> <p> </p> <p>İnternetteki öğretici videolarla herhangi bir kursa gitmeden kendinizi bir nebze geliştirmeniz mümkün. Öğrenmeniz gereken Action Script 3- PHP -HTML gibi temel konuları google da araştırarak birçok eğitmen videosuna ulaşmanız mümkündür. Yine öğrenmeniz gereken programlardan birisi olan FLASH PLAYER  için size milli eğitim tabanlı <a href="http://yazarlikyazilimi.meb.gov.tr/egitim/Flash/index.html" target="_blank"><i>ŞU</i></a> siteyi öneriyorum. O sitedeki videoları upload edip kendi blogumdaki <a href="http://www.firatyalcin.com/2011/12/flash-player-dersleri-indir.html" target="_blank"><i><span style="color: red" class="Apple-style-span">ŞU</span></i></a> yazıda bahsetmiştim. Oradan indirebilirsiniz. </p> <p> </p> <p><strong>3- Gerekli Adobe Programlarını Bulundurun ve Kullanın</strong></p> <p> </p> <p>İnternetten videolarla öğrenme yolunu seçtiğinizde eğitmenlerin genelde adobe programı kullandığını gözlemlersiniz. Gözlemlediğiniz adobe programını bulundurup, eğitmeni taklit ederek kullanmanız sizi geliştirecektir. HTML kod yazma programlarından Adobe dreamweaver, Flash programlarından Adobe Flash CS5 benim önerdiklerimdendir.</p> <p> </p> <p><strong>4- Aşama Aşama İlerleyin</strong></p> <p> </p> <p>Acele etmeyin ve birden öğrenmeliyim psikolojisine kapılmayın. Her şeyi parça parça planlı planlı öğrenin. Kolaydan zora gitmeniz sizin için daha faydalı olacaktır. </p> <p> </p> <p><strong>5- Benzer Sitelerden ve Webmasterlardan Yararlanın</strong></p> <p> </p> <p>Sadece bir videoya veya kursa, öğreticiye bağlı kalmaksızın öğrendiğiniz kodlama dilini içeren websitelerden de yararlanın. Ne kadar farklı kaynak o kadar farklı bilgi demektir.Anlamadığınız veya takıldığınız yerleri ilgili sitelere veya webmasterlarla iletişime geçerek sorun. Bu maddelere daha birçok madde eklenebilir fakat kod bakımından söylüyorum, başkasına muhtaç olup forum forum kod aramaktansa kendi kodunuzu kendiniz üretin. <a style="margin-bottom: 1em; float: right; margin-left: 1em; clear: right" href="http://www.firatyalcin.com/p/kimim-ben.html" target="_blank"><img src="http://signatures.mylivesignature.com/54489/360/19FC95338155B7536A3BAF2B7019E226.png" style="border-right-width: 0px !important; background-color: transparent; border-top-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; background-clip: initial; background-origin: initial" /></a></p>

Kod Yazmak İsteyen Bir Blogger İçin Kendini Geliştirme Yöntemleri

Bu yazı f iratyalcin.com ’dan Fırat Yalçın tarafından Blog Hocam   için yazılmıştır. Blogunuzda kendi temanızı kullanmak veya özgün HTML...

Devamı »