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 blog yazarları arasıda çok yaygın olan misafir blogculuğun …

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 medyanın en önemli parçalarından biri haline geldi. Twitter değ…

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 anasayfada göstermek istiyorum kayıt içine girdigin zaman gözükmesin sade…

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 sizlerle paylaşmak istedim. Scriptin çalışması şu şekilde: Blo…

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? “ gibi sorularca bu güne kadar defalarca karşılaştım ve bundan …

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 kişiye ulaşarak blogunuzun popüleritesini arttırmak için mutl…

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 gibi tanımlıyor.Premium kalitede…   Temanın özelliklerinde…

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ırma yaptım.Arama kutusu stilleri araştırırken Design3Edge si…

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 hazırlanan Myfolio temasını seçtim.Tema oldukça sade ve gözü…

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 yapılan yorumlardan birinde bir ouyucum blogu hızlandırmak içi…

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ı firatyalcin.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 kodlar oluşturabilmek için belli başlı program dillerini bilmeniz…

Devamı »

Bir Blog Yazısının Yaşam Döngüsü

<p>Siz blog yazılarınızı nasıl yazıyorsunuz bilmiyorum ama benim her yazımın bir yaşam döngüsü vardır ve yazının türüne göre ufak tefek değişiklikler göstersede genellikle her yazımda bu döngü işler.Bu yaşam döngüsü 7 temel adımdan oluşuyor.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNtmsFVOI2E4Ze4wemQbOVav0ttMLcj1wSkKyNNhSxOSIQZwtj1M0i672scxxqtgTJPaY2-39Oa8XNRmfqeh6rPno-v0mUgvpYcj28HMwQqBip9uQg2zUd1u3ykFOdJmYbWT8OK8WqyNCT/s1600-h/bir-blog-yazisinin-yasam-dongusu6.jpg" target="_blank"><img alt="Bir Blog Yazısının Yaşam Döngüsü" border="0" height="347" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOehCTNvdo6SIWDX87nNkHQ39XdFZYF2yrF0yuGOzWv_1MdUgWXbIM7BVESTWg5M1XFpW2vkYTcDGXyua5hUfHlL0YTZo7n575BsVQRv9woACjSiG3hgKFwg1weIDzFsEzOkrJYicMyL9a/?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="Bir Blog Yazısının Yaşam Döngüsü" width="531" /></a></p> <p><strong></strong></p> <p><strong>1. Konu</strong></p> <p> </p> <p>Bir blog yazısının yaşam döngüsü elbette yazacağınız yazı için bir konu bulmakla başlar.Bazen okuduğunuz bir yazıdan, bazen başka bir yazınıza gelen yorumdan, bazen de izlediğiniz bir filmden etkilenirsiniz.İşte bir blog yazısının yaşam döngüsü bu etkileşim sonucu aklınıza bir konu gelmesiyle başlar.</p> <p> </p> <p><em><u>Tavsiye yazı:</u> </em><a title="Blog Yazıları İçin Yeni Fikirler Üretmek" href="http://bloghocam.blogspot.com/2011/10/blog-yazlar-icin-yeni-fikirler-uretmek.html" target="_blank"><em>Blog Yazıları İçin Yeni Fikirler Üretmek</em></a></p> <p> </p> <p><strong>2. Araştırma</strong></p> <p> </p> <p>Yazacağınız konuya karar verdikten sonra okuyucunuza en doğru ve en doyurucu bilgiyi vermek için araştırma yapın.Bu araştırma sayesinde yazınızda kullanak üzere ek bilgiler linkler bulabilirsiniz.</p> <p> </p> <p>Araştırma aşaması elbette anahtar kelime araştırmasını da içerir.Yazınıza dolayısıyla blogunuza arama motorlarından ulaşılması için mutlaka yazınızda kullanacağınız anahtar kelimeler için araştırma yapmalısınız.</p> <p> </p> <p><em><u>Tavsiye yazı:</u> </em><a title="Anahtar Kelime Araştırması Rehberi" href="http://bloghocam.blogspot.com/2011/09/anahtar-kelime-arastrmas-rehberi.html" target="_blank"><em>Anahtar Kelime Araştırması Rehberi</em></a></p> <p> </p> <p><strong>3. Yazım</strong></p> <p> </p> <p>Anahtar kelime araştırması yaptıktan sonra yazınızı yazmaya başlayabilirsiniz.Yazınızı belli bir plana göre yazmalısınız.Yazınızda görseller kullanarak yazıya hareket katabilirsiniz.Çok uzun ve düz yazı şeklinde değilde paragraflar ve ara başlıklar kullanarak yazmanız yazının daha rahat ve daha çok kişi tarafından okunmasını sağlar.</p> <p>Yazı başlığını mutlaka yazıyı tamamladıktan sonra yazın ve anahtar kelimeleri kullanmayı unutmayın.</p> <p> </p> <p><em><u>Tavsiye yazı:</u> </em><a title="Etkili Blog İçeriği Oluşturmak" href="http://bloghocam.blogspot.com/2011/04/etkili-blog-icerigi-olusturmak.html" target="_blank"><em>Etkili Blog İçeriği Oluşturmak</em></a></p> <p> </p> <p><strong>4. Düzenleme</strong></p> <p> </p> <p>Çoğu kişi tarafından göz ardı edilen fakat çok önemli bir adımdır.Yazınızı yazdıktan sonra blogunuzda yaayınlamadan önce mutlaka okuyun.Yazım hatalarını ve linkleri kontrol edin.Son olarak eklemeniz gereken ilave bir şey olmadığından emin olun.</p> <p> </p> <p><strong>5. Yayın</strong></p> <p> </p> <p>Yazınızın hazır olduğunu düşünüyorsanız artık okuyucularınızla buluşturmanın vakti gelmmiştir.Yazılarınızı yayınlarken peryoda dikkat edin.Örneğin 1 gün 2 yazı yayınlayıp diğer gün hiç yazı yayınlamamak yerine o yazıları 2 güne bölün.</p> <p> </p> <p><em><u>Tavsiye yazı:</u> </em><a title="Bloguma Hangi Sıklıkta Yazmalıyım?" href="http://bloghocam.blogspot.com/2011/04/bloguma-hangi-sklkta-yazmalym.html" target="_blank"><em>Bloguma Hangi Sıklıkta Yazmalıyım?</em></a></p> <p> </p> <p><strong>6. Tanıtım</strong></p> <p> </p> <p>Yazınızı yayınladıktan sonra işin burada bittiğini düşünüyorsanız yanılıyorsunuz.Sıra yazınızı tanıtmaya ve daha çok kişiye ulaştırmaya geldi.Yazınızı Twitter, Facebook ve Google + gibi sosyal paylaşım sitelerinde paylaşın.</p> <p>Yazınızı okuyanlarında paylaşmalarını sağlamak için yazının başına veya sonuna sosyal payaşım butonları eklemeyi unutmayın.</p> <p> </p> <p><em><u>Tavsiye yazı:</u> </em><a title="Blogunuza Sosyal Paylaşım Butonları Ekleyin" href="http://bloghocam.blogspot.com/2011/05/blogunuza-sosyal-paylasm-butonlar.html" target="_blank"><em>Blogunuza Sosyal Paylaşım Butonları Ekleyin</em></a></p> <p> </p> <p><strong>7. Ölçüm</strong></p> <p> </p> <p>Zaman zaman Google Analytics’i ziyaret ederek yazınızın istatistiklerini kontrol edin, diğer yazılarınızla kıyaslayın ve ne kadar başarılı olduğunuzu kontrol edin.Bir sonraki yazınızdaki başarıyı arttırmak için yazılarınızın performansını mutlaka ölçün.</p> <p> </p> <p>Bu adımlar benim gibi bilgi veren teknik bloglar için %100 geçerlidir ancak kişisel günlük niteliğindeki bloglar için uygun olmayabilir.</p>

Bir Blog Yazısının Yaşam Döngüsü

Siz blog yazılarınızı nasıl yazıyorsunuz bilmiyorum ama benim her yazımın bir yaşam döngüsü vardır ve yazının türüne göre ufak tefek değişiklikler göstersede genellikle her yazımda bu döngü işler.Bu y…

Devamı »

Bumerang Ödülleri Sahiplerini Buldu

<p>Bir süredir çoğu blogda bumerang’a ait oy verin butonu görüyorduk.Amaç 5 kategoride verilecek olan <strong>Bumerang Ödülleri</strong>’ni kapmaktı.Geçtiğimiz hafta finale kalan bloglar belli olmuştu.Dün (23 Kasım) ise <strong>Sina Afra</strong>, <strong>Serdar Kuzuloğlu</strong> ve <strong>Fatoş Karahasan</strong>’dan oluşan jüri, ödüllerin sahiplerini açıkladı.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjulD-CILfExidCuDY5YkdSO5afDi2cYmSumD1jagg4WntVX9iASTinJI6hdAhWWQemXFZWQnvkrbQbam03PXOQtASWO5RAeNLyklpQEK4E-Ca71E5UEUiWX3dOuhPc4iHt8ASFGMB3j2Y_/s1600-h/bumerang-oduller-sahiplerini-buldu%25255B8%25255D.jpg" target="_blank"><img alt="Bumerang Ödülleri Sahiplerini Buldu" border="0" height="366" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4JhIIwY9wziBxjDtLYo0koOfo8NuBF00r1ZXMlCjel5dLeYyy7RT1z-SpM33kLrCC86NplS2Q9GDDadKU9y8_GU1xwaVRfHVStbD4EoRWdpt19NOl4UMWY0-tPH6vHpgk0EK39LmdhhBC/?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="Bumerang Ödülleri Sahiplerini Buldu" width="536" /></a></p> <p><u><strong>Kazananlar bloglar…</strong></u></p> <p>- En tarz blog : <a title="http://hakancezhifi.stereomecmuasi.com/" href="http://hakancezhifi.stereomecmuasi.com/" target="_blank">http://hakancezhifi.stereomecmuasi.com/</a></p> <p>- En çalışkan blog : <a title="http://egoistokur.com/" href="http://egoistokur.com/" target="_blank">http://egoistokur.com/</a></p> <p>- En sosyal blog : <a title="ttp://www.semiyun.com/" href="http://www.semiyun.com/" target="_blank">http://www.semiyun.com/</a></p> <p>- En bilge forum : <a title="http://www.grafikerler.org/" href="http://www.grafikerler.org/" target="_blank">http://www.grafikerler.org/</a></p> <p>- En iyi yerel site : <a title="http://www.erzurumrehberi.net/" href="http://www.erzurumrehberi.net/" target="_blank">http://www.erzurumrehberi.net/</a></p> <p>- Jüre özel ödülü : <a title="http://www.businessonair.net/" href="http://www.businessonair.net/" target="_blank">http://www.businessonair.net/</a></p> <p>Ödül alan blogları tebrik ediyorum.Bu seneki yarışmaya katılmadım ancak önümüzdeki sene şayet düzenlenirse en çalışkan blog katrgorisinde yarışmayı düşünebilirim.</p>

Bumerang Ödülleri Sahiplerini Buldu

Bir süredir çoğu blogda bumerang’a ait oy verin butonu görüyorduk.Amaç 5 kategoride verilecek olan Bumerang Ödülleri’ni kapmaktı.Geçtiğimiz hafta finale kalan bloglar belli olmuştu.Dün (23 Kasım) ise …

Devamı »

“Bu Yazıyı Beğendiniz Mi?” Eklentisi

<p>Blogunuzda yayınladığınız yazıların altında o yazıyı okuyanların blogunuzu çeşitli kanallardan takip etmelerini sağlayacak eklentiler göstermek, blogunuzun abone ve takipçi sayısını arttırmak için çok etkili bir yöntemdir.Bu sebeple daha önce <a title="Yazının Altına E-Posta Abonelik Formu Ekleme" href="http://bloghocam.blogspot.com/2011/08/yaznn-altna-e-posta-abonelik-formu.html" target="_blank">Yazının Altına E-Posta Abonelik Formu Ekleme</a> başlıklı yazımda blog yazılarının altına insanların  blogunuzu e-mail ile takip etmelerini sağlayacak bir form eklemeyi anlatmıştım.Ancak bu form çok basit olduğundan geçtiğimiz günlerde daha dikkat çekici bir eklentiyi <a title="Yazının Sonuna E-Posta Abonelik Kutusu Ekleme" href="http://bloghocam.blogspot.com/2011/10/yaz-sonuna-e-posta-abonelik-kutusu.html" target="_blank">Yazının Sonuna E-Posta Abonelik Kutusu Ekleme</a> başlıklı yazımda paylaşmıştım.Bu eklentideki eksik ise e-posta aboneliğinin yanında diğer takip kanallarının olmamasıydı.Sonunda hem e-mail aboneliği hem de diğer sosyal medya kanallarının ikonlarının bulunduğu şık bir eklentiyi paylaşıyorum.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKXylHLVaGJAnJ1zStD4bmYP5L4O2nbYPfAadPcRo_Wbx-5ZqUjOww7CyoXBBczK9GjNQMe16mtWIZJHjKtcyY7idB6fQBYI6cianMT0IbL4W-PUfJooaoTN8_t4ONZTsv-LSHl1o39cpa/s1600-h/bu-yaziyi-begendinizmi-eklentisi7.png" target="_blank"><img alt="Bu Yazıyı Beğendiniz Mi? Eklentisi" height="337" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj78q5zVYzP3dDiyl4H_jrXVWSMFMTPQnbS-AeFtsdg1oxlET_-_2Rnmlkgr7DKr3cXWQ8K0e6CPXdGyeyjn19ZuzHZ6tw3Me0RBh-hXbE8AjLB4-KQylIG8wl5JzNXBE5DBAZSMn4MR6YK/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Bu Yazıyı Beğendiniz Mi? Eklentisi" width="527" /></a></p> <p>Resimde györdüğünüz “Bu Yazıyı Beğendiniz Mi?” eklentisibni blogunuza eklemek istiyorsanız blogunuzun şablonundan <strong><data:post.body/></strong> kodunu bulun ve hemen altına aşağıdaki kodları 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: 94.64%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; height: 1023px; 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;item&quot;'><br /><style> <br />form.emailform{ <br />margin:20px 0 0; <br />display:block; <br />clear:both; <br />} <br />.mbttext{ <br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5wG8f2sRKfSpi4svgH8nJcuM9VADuvomehd3ntZFc7ENQo7Lvu1u4q6-6bAfy3kcFLdqr_tkJxYK0Bb5b4OIggRDgDp3TFoogvXvUgeIvf3VEnGIkbJmO70C3TlMXN0OuymrVv5bLO4b_/s28/w2b-mail.png) no-repeat scroll 4px center transparent; <br />padding:7px 15px 7px 35px; <br />color:#666; <br />font-weight:bold; <br />text-decoration:none; <br />border:1px solid #D3D3D3; <br />-moz-border-radius: 4px; <br />-webkit-border-radius: 4px; <br />border-radius: 4px; <br />-moz-box-shadow: 1px 1px 2px #CCC inset; <br />-webkit-box-shadow: 1px 1px 2px #CCC inset; <br />box-shadow: 1px 1px 2px #CCC inset; <br />} <br />.mbtbutton{ <br />color:#666; <br />font-weight:bold; <br />text-decoration:none; <br />padding:6px 15px; <br />border:1px solid #D3D3D3; <br />cursor: pointer; <br />-moz-border-radius: 4px; <br />-webkit-border-radius: 4px; <br />-goog-ms-border-radius: 4px; <br />border-radius: 4px; <br />background: #fbfbfb; <br />background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%); <br />background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4)); <br />background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); <br />background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); <br />background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); <br />filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 ); <br />background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); <br />}<br />#doulike-outer { <br />-moz-border-radius: 10px 10px 10px 10px; <br />-webkit-border-radius: 10px 10px 10px 10px; <br />-goog-ms-border-radius: 10px 10px 10px 10px; <br />border-radius: 10px; <br />background: none repeat scroll 0 0 transparent; <br />border: 1px solid #D3D3D3; <br />padding: 8px; <br />-moz-transition: all 0.3s ease-out; <br />-o-transition: all 0.3s ease-out; <br />-webkit-transition: all 0.3s ease-out; <br />-ms-transition: all 0.3s ease-out; <br />transition: all 0.3s ease-out; <br />width:480px; <br />} <br />#doulike-outer:hover{ <br />background: none repeat scroll 0 0 #FFF; <br />-moz-box-shadow: 1px 1px 2px #CCC inset; <br />-webkit-box-shadow: 1px 1px 2px #CCC inset; <br />box-shadow: 1px 1px 2px #CCC inset; <br />} <br />#doulike-outer td{ <br />padding:3px 0; <br />} <br /></style><br /><div id='doulike-outer'> <br /><div id='doulike'> <br /><table width='100%'> <br /><tbody> <br /><span style='font-style: italic; font-size: 30px; font-family: arial,sans-serif, verdana; color:#FF683F;'>Bu yazıyı beğendiniz mi?</span> <br /><tr> <br /><td><br /><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='300'/><br /></td><br /></tr><br /><tr><br /><td align='left'> <p style='color:#666; font-style:italic; margin:0px 0px 5px 0px; '>Yeni yazılar e-mail adresinize gelsin!</p> <br /><form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bloghocam&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'> <br /><input name='uri' type='hidden' value='bloghocam'/> <br /><input name='loc' type='hidden' value='en_US'/> <br /><input class='mbttext' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;E-mail adresiniz...&quot;;}' onfocus='if (this.value == &quot;E-mail adresiniz...&quot;) {this.value = &quot;&quot;}' type='text' value='E-mail adresiniz...'/><br /><input alt='' class='mbtbutton' title='' type='submit' value='Submit'/> <br /></form> <br /></td><br /><br /><td><p style='color:#666; font-style:italic; margin:0px 0px 5px 0px; '>Takip Edin!</p> <br /><a href='http://feeds.feedburner.com/bloghocam' rel='nofollow' target='_blank' title='RSS ile takip edin'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4nJHSj_ispJtBS6g-AqVP7seUwyWtbrGAQ_L7CB_fGY6W5SM5mlzgssI-MlUXaqF4YhCWtK9-rizXM1kiGh6jkAP1jWiZ42hq97RaRGTTNytzRXC6IitQ3cV19nMbEV8MKQUFTbZkQy-_/s40/w2bRSS+.png'/></a><br /><a href='http://twitter.com/bloghocam' rel='nofollow' target='_blank' title='Twitterda takip edin'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4KlYxfK7enYU9MObjn9RvN97ooGybJXDQyVu2iED8NBtzttoO_ujihaLdZvNEduSUiuUTnTF2qxCdbXRKBqVr6kCNiVJFeQ-9bxEVmtXFKHrYkOKN-2sr4XChR23mZpM5JL4M0rNWBYAP/s40/w2bTwitter.png'/></a><br /><a href='http://www.facebook.com/bloghocam' rel='nofollow' target='_blank' title='Facebookta takip edin'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgubOlcSI-AuWrzmwwu00qgUiNXr9lwPbq8XZ1G80p7ZWPuc7IW9MhBlJtzcsTsMxQPkeabS5OfrY1Omz8Hm0y7QYpOcRQfR_-WA_tyZapoSzPFsrR8RIBYPuqGBtC-m4FM6iYt33UxfZkS/s40/w2bFaceBook.png'/></a> <br /></td><br /></tr><br /></tbody></table></div></div> <br /></b:if> <br /></code></pre><br /><br /><p><strong><u>Değiştirmeniz gereken yerler</u></strong></p><br /><br /><p>http://feedburner.google.com/fb/a/mailverify?uri=<font color="#ff0000">bloghocam</font>&apos  yazan yerde bloghocam yerine kendi feedburner ID’nizi yazın.</p><br /><br /><p>input name='uri' type='hidden' value='<font color="#ff0000">bloghocam </font>yazan yerde bloghocam yerine kendi feedburner ID’nizi yazın.</p><br /><br /><p>http://feeds.feedburner.com/<font color="#ff0000">bloghocam</font> yazan yerde bloghocam yerine kendi feedburner ID’nizi yazın.</p><br /><br /><p>http://twitter.com/<font color="#ff0000">bloghocam</font> yazan yere kendi twitter adresinizi ve http://www.facebook.com/<font color="#ff0000">bloghocam</font> yazan yere kendi facebook adreswinizi yazın.</p>

“Bu Yazıyı Beğendiniz Mi?” Eklentisi

Blogunuzda yayınladığınız yazıların altında o yazıyı okuyanların blogunuzu çeşitli kanallardan takip etmelerini sağlayacak eklentiler göstermek, blogunuzun abone ve takipçi sayısını arttırmak için çok…

Devamı »

Filigran İle Blogunuzda Paylaştığınız Resimleri Koruyun

<p>Bu yazım blog yazılarında kendine ait görseller kullananları ilgilendiriyor.Blogunuzda kendi çektiğiniz bir fotoğrafı ,oluşturduğunuz bir çalışmayı yada ekran görüntüsünü paylaşmak istediğinizde başkalarının bu çalışmalarınızı izinsiz ve kaynak göstermeden kullanması kaçınılmazdır.Bu çalışmanızın size ait olduğunu ve kaynağının kendi blogunuz olduğunu göstermenin bir yolu vardır: Filigran…</p> <p> </p> <p><strong>Filigran ( Watermark ) Nedir?</strong></p> <p> </p> <p>Filigran yani watermark resmin bir köşesine eklenen yazı veya logodur.Bu yazı veya logo o resmin kaynağını gösterir.Genellikle şeffaf olurlar ve orjinal resmin görünmesini engellemezler.</p> <p> </p> <p><strong>Resimlerde Neden Filigran Kullanmalıyım?</strong></p> <p> </p> <p>Blogunuzda yayınladığınız resimlerde filigran varsa  bu blogunuzun özgün ve orjinal çalışmalar içerdiğini gösterir.Ayrıca filigranlı resimleriniz izinsiz kullanılsa bile resminde yazan blogunuzun adresi sayesinde blogunuzun ziyaretç sayısı artacaktır.</p> <p> </p> <p><strong>Resimlerime Nasıl Filigran Ekleyebilirim?</strong></p> <p> </p> <p>Filigran eklemek için çok sayıda program var ama ben size hem online hem de çok kolsay olan bir aracı tavsiye edeceğim… <a title="PicMarkr" href="http://picmarkr.com/" target="_blank">PicMarkr</a></p> <p> </p> <p>Bu ücretsiz online araç ile resimlerinize kolayca filigran ekleyebilirsiniz.Şimdi denemek için bilgisayraımdaki bir resme bu araç ile filigran ekleyeceğim ve nasıl yaptığımı adım adım anlatacağım.</p> <p> </p> <p><strong><u>1.Adım:</u></strong> <a title="PicMarkr" href="http://picmarkr.com/" target="_blank">PicMarkr</a> sitesine gidin ve filigran eklemek istediğiniz resmi seçin.Bilgisayarınızda bulunan resimlerden birini seçeceğiniz gibi Flickr, Facebook veya Picasa hesaplarınıza bağlanarak burada bulunan resimlerinizi de seçebilirsiniz.Resmi seçtikten sonra <strong>Go To Step2</strong> butonuna basın.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkulITgPxyt8RsECYEzPy-cUINVvJD4qsLax9oC1J86wC2yC8TJXygQ3lcqEjMwc9GcCAhrV1PzNdjnJ1J6pPlPcDiLzF6cg30ub6d_FdLNp1lQ12PJ0T1jDDA7QqEbcSms3Nv4eEwDFPE/s1600-h/picmarkr-ile-resimlere-filigran-ekle%25255B5%25255D.png" target="_blank"><img alt="Resimlerime Nasıl Filigran Ekleyebilirim?" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqmPRthKhayubauw1kimOCTLyZf5JPNz0JFvfvAAxM_DTu9b5GCpC-VnhI4SBYfIgi9FsaQtV9C3QOJAD-VrGpWzFmgoeo8jRBygxcNPAb54X8oUoMN3wn-hBbvX2GqexrYCNJG8vpO_gs/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Resimlerime Nasıl Filigran Ekleyebilirim?" width="521" /></a></p> <p><strong><u>2.Adım:</u></strong> Bu adımda resminizde görünmesini istediğiniz filigran türünü seçin.İstediğiniz yazı veya logoyu resmin istediğiniz bir köşesine yerleştirebileceğiniz gibi tüm resme dağılmasını da seçebilirsiniz.Yandaki örnek resimde görüntünün nasıl olacağı gösteriliyor.Filigranınızı belirledikten sonra <strong>Continue</strong> butonuna basın ve işlemi tamalayın.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyErv406nv9qfuycPQlrh-FLdtD7gpfdawta7wtZzP1MhF573rrxwcjKH0noEJIXbUOfs_x_GVP90kmISdfRUTPEMOm-BZxiFmZIf4B9PGRzi2YWpnyHlsyT7wXPPIjsCwZXdY5sKeP4wu/s1600-h/picmarkr-ile-resimlere-filigran-ekle%25255B3%25255D.png" target="_blank"><img alt="Resimlerime Nasıl Filigran Ekleyebilirim?" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyOfNHL7Nb-aXXCNMoanhW0DqIvJwkzU0VUKhfcQRfx1Wwbs-h-oF4CM9h0WOiMXLQ-pVV9_YMKg-BV2RyHzUMn9v_qmtxztG0q6-SE4_wieO4jojUXN7-T3YFh6PEpK75hI-1Tx0GcZtS/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Resimlerime Nasıl Filigran Ekleyebilirim?" width="527" /></a></p> <p><strong><u>Sonuç:</u></strong> Kısa süre sonmra resminizin filigran eklenmiş hali ekranda gözükecektir.Artık resmi bilşgasayırınıza indirebilir veya direk Facebook, Flickr veya Picasa albümlerinize gönderebilirsiniz.İşte benim örnek olarak kullandığım koala resminin filigran eklenmiş hali…</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHySd4DtcVvbfmUa85IwW0gtUflEkNGO1110V5DFg6Yz7tUXwivuHSZDvFsuXM4Eddo4Gp7GXoHa51eaPxw15Bmmj8A5N5yJgGFz3sAIeE7qzXzy_BGPdwZy77D2-SYyiAHHQyKREF27t_/s1600-h/koala7.jpg" target="_blank"><img alt="koala" border="0" height="406" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJJYIxJdGIXiOVBtToKlp3E-TyCFnPQZ4XPUcDQdaR2gHR9s2HTRlm2oK_8PVkMHoF6DcC3vjsWjGJLFMA_0uZwaEteYiq2FXQxxqWE1fV9byu1Ayl0URMSSrPSQRdGfb5pOx86nzSdHIb/?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="koala" width="523" /></a></p>

Filigran İle Blogunuzda Paylaştığınız Resimleri Koruyun

Bu yazım blog yazılarında kendine ait görseller kullananları ilgilendiriyor.Blogunuzda kendi çektiğiniz bir fotoğrafı ,oluşturduğunuz bir çalışmayı yada ekran görüntüsünü paylaşmak istediğinizde başka…

Devamı »

Son Google Güncellemesi Ve Etkileri

<p>Bir süre önce Google, resmi blogunda yeni algoritmasını <a title="Yeni Google Algoritması" href="http://googleblog.blogspot.com/2011/11/giving-you-fresher-more-recent-search.html" target="_blank">duyurmuştu</a>.Bu algoritmaya geçmeden önce Google geçtiğimiz yıl ki davranışlarını incelemkte fayda var.</p> <p>Google 8 ay önce duyurduğu <strong>Caffeine</strong> güncellemesinde arama sonuçlarında kaliteli vegüncel sitelere öncelik vermeyi hedeflemişti.Devamında gelen <strong>Panda</strong> güncellemesi ile de sadece AdSense geliri elde etmek amaçlı kurulan düşük kaliteli sitelerin trafiğini azaltmak istemişti.</p> <p> </p> <p>Google’ın bbu son güncellemesi de bu iki agüncellemenin devamı niteliğinde gözüküyor.Google’ın hedefi güncel ve değerli içeriğe sahip siteleri arama sonuçlarında üst sıralarda göstermek.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDTBXDF0IwdpRJS8jCAtYGQVL2R7qXy4fMcuuQAiN6YL4N3GfpJOZiRDA3Jo_FOhFGX3y65SFX4Lrw3nKezyx1SmD0rrW6OE0lERGRiCAm9yNyvFIae5eLzSTDSReOcgEAA-Eyk_UWhao_/s1600-h/son-google-guncellemesi-ve-etkileri5.jpg" target="_blank"><img alt="Son Google Güncellemesi Ve Etkileri" border="0" height="259" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZZ8HKrJlkWGQF522clmSJdGaj2y7PEt9DQrOB5ssBMkEcZkCTrco7zU49s52nblkzHitkBmpaEtZse2jhVpG6mETJdjT9H-jh0CeYCBRpG07Go4Rsz7U5UX5jInb7Fxo08nRci7wklDgC/?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="Son Google Güncellemesi Ve Etkileri" width="510" /></a></p> <p><strong>Google Güncellemesi Site Trafiğine Nasıl Etki Edecek?</strong></p> <p> </p> <p>Öncelikle bu güncelleme ile SEO uzmanları tarafından sürekli vurgulanan ve benimde yazılarımda sık sık belirttiğim <strong>arama motoru için değil insanlar için yazın</strong> tavsiyesi tdaha da önem kazanacak gibi duruyor.Bu güncellemeden orjinal ve yeni içerik yayınlayan siteler kazançlı çıkarken, başkalarının içeriğini kopyalayan ve sadece arama motoru ile AdSense geliri hedegleyen siteler büyük darbe görecek.</p> <p> </p> <p>Örneğin arama motoruna Sergen Yalçın yazdığınızda onun biyografisi veya resimleri yerine son yaptığı röportajlar ve onunla ilgili yapılan son haberler karşiımıza çıkacak.</p> <p>Google’ın bu algoritma güncellemeleri kısa zamanda ani değişimler göstermez.Bu yüzden etkilerini yavaş yavaş göreceğiz.</p>

Son Google Güncellemesi Ve Etkileri

Bir süre önce Google, resmi blogunda yeni algoritmasını duyurmuştu.Bu algoritmaya geçmeden önce Google geçtiğimiz yıl ki davranışlarını incelemkte fayda var. Google 8 ay önce duyurduğu Caffeine günce…

Devamı »

Jquery İle Dikey Sabit Açılır Menü

<p>Jquery adı verilen Java Script kütüphanesini çok seviyorum.Jquery sayesinde bloglarımızın görselliğini ve işlevselliğini bir hayli arttırabiliyoruz.Bu yazıda vereceğim örnek te blogunuzun görselliğini ve kalitesini arttırmaya yönelik bir menü.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJCuIKGsNvB_Ar-RrGNBJGYUT-YQ07OaKbSa0lYtT_XiPYWN2mciUcuWO7vBmpHOd-Wr6JbaMzbCcxXekCEN9hqwz5fZpX5QgkzXOo7ESdCUyV124-wGB1umyTcO5iYhvsNh0orykkkSCJ/s1600-h/jquery-acilir-menu9.png" target="_blank"><img alt="Jquery İLe Dikey Sabit Açılır Menü" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ntRE418MNVnDqH37OqHBIQa5dQRfiMfwmUY1VOPyAzxMtye_Ao3b99Nqc9s5Z9hTzw9CoJKxtD5Y5SDukZPYvCZlDWIqpIAEkC7Dq5bcqrj17oVM-mkfLvbgK9qT3r_ha1i9rHp4v5rY/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Jquery İLe Dikey Sabit Açılır Menü" width="489" /></a></p> <p>Resimde gördüğünüz dikey menü Jquery ile yapılmıştır ve sabittir.Yani sayfayı aşağıya kaydırsanız bile o menü hep gözükecektir.Ayrıca menüdeki butonların üzerine geldiğinizde sağa  doğru slide efektiyle açılır.Menünün nasıl göründüğünü ve nasıl çalıştığını resme bakarak anlamak zor.Bu yüzden aşağıdaki videoyu hazırladım.Videoyu izleyerek daha net anlayabilirsiniz.</p> <div style="padding-bottom: 0px; padding-left: 0px; width: 448px; padding-right: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-top: 0px" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:4931aee6-394a-426d-ac9f-450806250f8e" class="wlWriterEditableSmartContent"><div id="594623d3-d1a5-48d1-9f15-56d43357feb1" style="margin: 0px; padding: 0px; display: inline;"><div><a href="http://www.youtube.com/watch?v=ktUWQwPZkzc" target="_new"><img alt="" galleryimg="no" onload="var downlevelDiv = document.getElementById('594623d3-d1a5-48d1-9f15-56d43357feb1'); downlevelDiv.innerHTML = "<div><object width=\"448\" height=\"277\"><param name=\"movie\" value=\"http://www.youtube.com/v/ktUWQwPZkzc?hl=en&hd=1\"><\/param><embed src=\"http://www.youtube.com/v/ktUWQwPZkzc?hl=en&hd=1\" type=\"application/x-shockwave-flash\" width=\"448\" height=\"277\"><\/embed><\/object><\/div>";" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-rue56BSIIdm8mmXvLQDRhjt8n0BAJoPD57BRkYNkh1A1hdX2vOatoeJAGu46I3WB3gdqtp8SeM1fjOPktEXwz1mErsZmjtWfovczttFRoI0ZdLCH6Heyq8EfZ6yFxUhv4P4pB_h696zo/?imgmax=800" style="border-style: none"></a></div></div></div> <p>Şimdi menüyü blogunuza nasıl ekleyeceğinize geçelim.</p> <p><strong><u>1.Adım:</u></strong> İlk olarak şablonunuzdan <strong><font color="#ff0000">]]></b:skin></font></strong> kodunu bulun ve bunun hemen üstüne aşağıdaki kodları 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: 93.69%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; height: 510px; color: #000000; font-size: 12px; overflow: auto; border-top: #999999 1px dashed; border-right: #999999 1px dashed; padding-top: 5px"><code>ul#menusisi {<br />position: fixed;<br />margin: 0px;<br />padding: 0px;<br />top: 50px;<br />left: 0px;<br />list-style: none;<br />z-index:9999;<br />}<br />ul#menusisi li {<br />width: 100px;<br />}<br />ul#menusisi li a {<br />display: block;<br />margin-left: -50px;<br />width: 100px;<br />height: 55px; <br />background-color:#141414;<br />background-repeat:no-repeat;<br />background-position:48px center;<br />border:1px solid #cfcfcf;<br />-moz-border-radius:0px 10px 10px 0px;<br />-webkit-border-bottom-right-radius: 10px;<br />-webkit-border-top-right-radius: 10px;<br />-khtml-border-bottom-right-radius: 10px;<br />-khtml-border-top-right-radius: 10px;<br />/*-moz-box-shadow: 0px 4px 3px #000;<br />-webkit-box-shadow: 0px 4px 3px #000;<br />*/<br />opacity: 0.8;<br />filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);<br />}<br />ul#menusisi .beranda a{<br />background-image: url(http://lh6.ggpht.com/_xcD4JK_dIjU/S9BJaBfhOhI/AAAAAAAAD_0/nV3ITEV9d3M/d/nav_home.png);<br />}<br />ul#menusisi .tentang a{<br />background-image: url(http://lh4.ggpht.com/_xcD4JK_dIjU/S9BJaX0yaqI/AAAAAAAAD_4/GZhfUKvK588/d/nav_info.png);<br />}<br />ul#menusisi .cari a{<br />background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJejnwlAI/AAAAAAAAEAE/B_LZd63vGeI/d/nav_search.png);<br />}<br />ul#menusisi .komentar a{<br />background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJaFyqDGI/AAAAAAAAD_w/pNO6TUSigBg/d/nav_comment.png);<br />}<br />ul#menusisi .rssfeed a{<br />background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJaabJhzI/AAAAAAAAEAA/Oo4mhwCwzbI/d/nav_rss.png);<br />}<br />ul#menusisi .alat a{<br />background-image: url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJelocqyI/AAAAAAAAEAI/6SmP-UHv-eg/d/nav_tools.png);<br />}<br />ul#menusisi .kontak a{<br />background-image: url(http://lh6.ggpht.com/_xcD4JK_dIjU/S9BJaVZkksI/AAAAAAAAD_8/g5fo6OKT5wE/d/nav_mail.png);<br />}<br /></code></pre><br /><br /><p><strong><u>2.Adım:</u></strong> Şablonunuzdan <strong><font color="#ff0000"></head></font></strong> kodunu bulun ve hemen üstüne 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: 94.6%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; height: 252px; color: #000000; font-size: 12px; overflow: auto; border-top: #999999 1px dashed; border-right: #999999 1px dashed; padding-top: 5px"><code><script src='http://www.google.com/jsapi'/><br /><script><br />google.load(&quot;jquery&quot;, &quot;1.3.2&quot;);<br /></script><br /><script type='text/javascript'><br />$(function() {<br />$(&#39;#menusisi a&#39;).stop().animate({&#39;marginLeft&#39;:&#39;-50px&#39;},1000);<br />$(&#39;#menusisi &gt; li&#39;).hover(<br />function () {<br />$(&#39;a&#39;,$(this)).stop().animate({&#39;marginLeft&#39;:&#39;-2px&#39;},200);<br />},<br />function () {<br />$(&#39;a&#39;,$(this)).stop().animate({&#39;marginLeft&#39;:&#39;-50px&#39;},200);<br />}<br />);<br />});<br /></script><br /></code></pre><br /><br /><p><strong><u>3.Adım:</u></strong> Son olarak şablonunuzdan <strong><font color="#ff0000"></body></font></strong> kodunu bulun ve hemen üstüne 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: 94.58%; padding-right: 5px; font-family: andale mono, lucida console, monaco, fixed, monospace; height: 133px; color: #000000; font-size: 12px; overflow: auto; border-top: #999999 1px dashed; border-right: #999999 1px dashed; padding-top: 5px"><code><ul id='menusisi'><br /><li class='beranda'><a href='http://bloghocam.blogspot.com' title='Ana Sayfa'/></li><br /><li class='tentang'><a href='http://bloghocam.blogspot.com/p/hakkmda.html' title='Hakkımda'/></li><br /><li class='cari'><a href='http://bloghocam.blogspot.com/p/arsiv.html' title='Arşiv'/></li><br /><li class='alat'><a href='http://bloghocam.blogspot.com/p/kaynaklar.html' title='Kaynaklar'/></li><br /><li class='rssfeed'><a href='http://bloghocam.blogspot.com/p/takip-et.html' title='Takip Et'/></li><br /><li class='komentar'><a href='http://bloghocam.blogspot.com/p/misafir-blogculuk.html' title='Misafir Blogculuk'/></li><br /><li class='kontak'><a href='http://bloghocam.blogspot.com/p/iletisim.html' title='İletişim'/></li><br /></ul><br /></code></pre><br /><br /><p><strong><u>Düzenlemeniz Gereken Yerler</u></strong></p><br /><p>3.Adımdaki kodlarda menüdeki butonlara linkler verilmiştir.Ben örnek olması açısından blogumdaki sayfaların linklerini ekledim ( hakkımda, iletişim, takip et…vs.). Buradaki linkleri ve yanınlarındaki açıklamaları kendinize göre değiştirin.</p>

Jquery İle Dikey Sabit Açılır Menü

Jquery adı verilen Java Script kütüphanesini çok seviyorum.Jquery sayesinde bloglarımızın görselliğini ve işlevselliğini bir hayli arttırabiliyoruz.Bu yazıda vereceğim örnek te blogunuzun görselliğini…

Devamı »

Blogunuz için Google Plus Sayfası Oluşturun

<p>Bayramda aile büyüklerini ziyaret etmekten RSS okuyucuma gelen yeni yazıları okuma fırsatı bulmuştum.Bu 3 günlük arada <a title="Google Plus" href="http://plus.google.com" target="_blank">Google Plus</a>’ın merakla beklenen sayfalar özeliğini duyurduğunu farkettim.Peki Google Plus’ta sayfa nasıl oluşturuluyor?</p> <p> </p> <p><strong><u>1.Adım:</u></strong> Google Plus’ın sayfa oluşturma adresi olan <a href="https://plus.google.com/pages/create">https://plus.google.com/pages/create</a> sayfasını ziyaret edin.Bu sayfada sizden kategori seçmeniz isteniyor.Siz blogunuz için bir sayfa oluşturacağınız için <strong>Other</strong> kategorisini seçin.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinKKwm9ZGdU1sRs7y1SMaYryilgSvd-llwShMJoQFDV1sny-98y4OIV0BZfSq9egdJOBBJ5qLCvwZ6oojAWMOlmpV0NpE6qG0NRpeLh3iDA3zoPd7k4wMgPuDm-fGe_UUNYNE8uFVyXp00/s1600-h/google-plus-sayfa-1%25255B6%25255D.png" target="_blank"><img alt="Google Plus Sayfa Oluşturma" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0YR0KSjqVVST0UvHanCu0tWt5Kkwrad-TRh-KskhTqY9FnX-zTfTmwuxgzTZzKZg2sA2TTW1lU3voBuLBPI1ZzaqI3M4D77mJn2Ru1pwDem1NTYIA4hXfRPw5W7kkTWkiv9Clbl4hugdm/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Google Plus Sayfa Oluşturma" width="519" /></a></p> <p><strong><u>2.Adım:</u></strong> Kategoriyi seçtikten sonra sizden bazı bilgiler istenecek.İlk kutuya b-sayfanızın adını, ikinci kutuya blog adresinizi yazın.Üçüncü seçenekte sayfanız için yaş sınırı koyup koymayacağınızı belirttikten sonra hemen altındaki kutucukları ( ilki yenilikleri hakkında bilgilendirilmerniz için, ikincisi sayfa şartlarını kabul etmeniz için) işaretleyin ve <strong>Create </strong>butonuna basın.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8T2zX2FnQVkdMaEiW7utnc2WkLftZGktyCA0DBQ4dU0QxHgZm_pSod5yWHZ5tOgo4GPfGVZ369eXfkRDSnK8i3A6HNJ-Y2N2StuhgKVqFWqr4nBDY0aghltf8huF3tJ5CHclAGusPWM8g/s1600-h/google-plus-sayfa-2%25255B5%25255D.png" target="_blank"><img alt="Google Plus Sayfa Oluşturma" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd1EybhEw5vQFonmykWxgfZK5fiVzpcVAlHgKEFpM4d_xCAYRYI2peZXvedhdsFMQAtISB8zs4ixO4snkCRlRWtXGr03l10DtIk8EF6g0_2d2wcUrmoNHRbNQZ3PVJ0msDA2Dv75f0RF5M/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Google Plus Sayfa Oluşturma" width="536" /></a></p> <p><strong><u>3.Adım:</u></strong> Sayfanızı oluşturduktan sonra sıra biraz düzenleme yapmakta.<strong>Tagline</strong> kısmına bir tanım cümlesi yazın.Daha sonra sayfanız için bir profil resmi seçin ve Continue butonuna basın.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOGsGLtJzegvormqierCqOg_QF8W_-pZvsCsI3vvpRKeNSejM99FY2087gh6RaSQSf5zZpDcs7Vje8pPwwfpUlw8y5zKq35XEy-yC1TmkMsSnQwL-m0f1a6jE3GoK-Z_Ie4bkx2uyxhKsN/s1600-h/google-plus-sayfa-3%25255B10%25255D.png" target="_blank"><img alt="Google Plus Sayfa Oluşturma" height="319" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOReFZCCHHquQtFcMGh-FN_lvYmrBR9Spiu-QNVKT_T2hCfoK5r8e5R0089sXIOt1Ww8aRUnzbwgYK7gXQNXtCNbDvYe09n3ZtZcEZL4p8eClI6w3N057b-6hDpiEaUX5ybl7BBvojK4pV/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Google Plus Sayfa Oluşturma" width="536" /></a></p> <p><strong><u>4.Adım:</u></strong> Sıra sayfanızı Google Plus çevrelerinizdekilere duyurmaya geldi.Sayfanızı duyurmak istediğiniz çevreleri seçtikten sonra Finish butonuna basın.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOsJxIxjCzJg7mnuQI17JrWUECdU-dNPgim_fUabQaYz5ri5LPSIbk_XRL43alvNVr6f68ArTUCBxJH7O2KlceMk9rPZkzF-guMmfL3ztFasY8We54ozOEGiupbg7j2Jq57NzGWdrICml5/s1600-h/google-plus-sayfa-4%25255B5%25255D.png" target="_blank"><img alt="Google Plus Sayfa Oluşturma" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEkSu9fbdTRzrVrQqJp1xKBOyJBt_Nm59hpOvDZTkwUCrXcqWKYNFZU2PSoqL1PqafjpVKziYj3PrI8j9DBQUp_SAtIM08gLhIDs4UfVZXaoKdA9fFGTPgYU6-peJbvA6_qxUQMlDPAiXM/?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Google Plus Sayfa Oluşturma" width="530" /></a></p> <p>Tebrikler Google Plus sayfanız hazır.</p> <p> </p> <p><strong><font color="#ff0000">Blog Hocam’ı Google Plus’ta Çevcrelerinize Ekleyin</font></strong></p> <p>Google Plus sayfalar özellilği güncelliğini kaybetmeden blogumda paylaşmak istedim.Bu yüzden detaylı bir şekilde inceleme fırsatı bulamadım.Kısa bir süre sonra Google Plus sayfalarla ilgili daha detaylı bir yazı hazırlayıp blogda yayınlarım.</p> <p> </p> <p>Bundan sonra blogumla ilgili güncellemeleri <a title="Blog Hocam Google Plus Sayfası" href="https://plus.google.com/b/108761595756468128383/108761595756468128383" target="_blank">Blog Hocam Google Plus Sayfasından</a> da takip edebilirsiniz.Eğer Google Plus hesabınız varsa <a title="Blog Hocam Google Plus Sayfası" href="https://plus.google.com/b/108761595756468128383/108761595756468128383" target="_blank">Blog Hocam</a>’ı çevrelerinize eklemeyi unutmayın.</p>

Blogunuz için Google Plus Sayfası Oluşturun

Bayramda aile büyüklerini ziyaret etmekten RSS okuyucuma gelen yeni yazıları okuma fırsatı bulmuştum.Bu 3 günlük arada Google Plus’ın merakla beklenen sayfalar özeliğini duyurduğunu farkettim.Peki Goo…

Devamı »

Blogger Profilinizi Google Plus Profilinizle Değiştirdiniz Mi?

<p>Google’ın tüm servislerini birbirine entegre etme süreci devam ediyor.Geçtiğimiz günlerde bunlara bir yenisi daha eklendi.Artık <a title="Google Plus profilleri Blogger’a entegre edilebiliyor" href="http://buzz.blogger.com/2011/10/use-your-google-profile-with-your.html" target="_blank">Google Plus profilleri Blogger’a entegre edilebiliyor</a>.</p> <p>Bildiğiniz gibi herkesin bir Blşogger profili var.Blogger’da bu profille yaptığınız yorumlarda isminize tıklandığında bu profl sayfası açılıyor.Google’ın bu yeni hamlesinden sonra insanlar yorumlardaki isminize tıkladığında doğrudan Google Plus profilinize yönlendirilecek.</p> <p> </p> <p>Blogger profilinizi Google Plus  profilinizle değiştirmek için <a title="Blogger'da Google Plus profili kullanmak" href="http://draft.blogger.com/switch-profile.g" target="_blank">http://draft.blogger.com/switch-profile.g</a> adresine gidin ve onay kutucuğunu işaretledikten sonra <strong>Şimdi Geçiş Yapın</strong> butonuna basın.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGlewj085Qdv5gQ5FXQfxaj486UNffYbYS8nzl0MgcGsbOCv8iTORTd-WHL4zsboy33krARM3cAHFsfDa6QPgX1J9Gmy-j6A6y7J9izsqx_aucfEc-Y3vinCD4dn8te64-VEYwD1awIgTv/s1600-h/bloglarda-google-plus-profili-kullan%25255B1%25255D.png" target="_blank"><img alt="Blogger profilini Google Plus profilli ile değiştirme" border="0" height="299" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjkKGGWyQFUSHgMX6O6fONTnKvYiE19piZic5MlRDnRAKz8yy1iPAEJynQ2VImo8rhI0XslLelE6bUHwCK-030KnvLQLlXzMYTqM_vuhC1lEK3jOIcT0HbJK4N98Mrl3Nj8_yLXcHYH2Or/?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 profilini Google Plus profilli ile değiştirme" width="516" /></a></p>

Blogger Profilinizi Google Plus Profilinizle Değiştirdiniz Mi?

Google’ın tüm servislerini birbirine entegre etme süreci devam ediyor.Geçtiğimiz günlerde bunlara bir yenisi daha eklendi.Artık Google Plus profilleri Blogger’a entegre edilebiliyor. Bildiğiniz gibi …

Devamı »

Blogunuzu Hızlandırmak İçin İpuçları

<p>Blogger yardım forumlarında sık karşılaştığım sorulardan biri “<strong>Blogumu nasıl hızlandırabilirim?</strong>” sorusu.Bu yazıda sizlere blogunuz aççılış hızını arttıracak bazı ipuçları vereceğim.Ancak ipuçlarına geçmeden önce blogunuzu neden hızlandırmanız gerektiğinden bahsetmek istiyorum.</p> <p> </p> <p>Öncelikli neden ziyaretçi kaybetmemek.Sabırsız ziyaretçiler yavaş açılan bir blogunuz varsa sayfanın yüklenmesini beklemeden sayfayı kapatabilirler.Yani yavaş ayüklenen bir ana sayfa ziyaretçi kaybına neden olabilir.</p> <p> </p> <p>İkinci neden ise Google.2010 yılındaki güncellemeden itibaren Gooogle arama sonuçlarını etkileyen kriterler arasına site açılış hızınıda ekledi.Eğer Google arama sonuçlarında üst sıraları hedefliyorsanız, blogunuzun açılış hızına dikkat etmelisiniz.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOKg5eRjQc4jI4km8P8w9vPl1Lr4mDno4tYzkcxmUJbrXmMuLcBnaCFIQf46uyhjTxJw8M-VIHq_dGjgnjzqpnCrBwF5MIKOUQWDUc70z8xixglrrWz9AhybRRg1emN5ql85fHVg2DauhI/s1600-h/blogunuzu-hizlandirmak-icin-ipuclari%25255B2%25255D.jpg" target="_blank"><img alt="Blogunuzu Hızlandırmak İçin İpuçları" border="0" height="357" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYfLv9rvDWfkm_SnMH9llP8_i0qetn66jXNLLLtA3D-C40UDfNnm1cyT7SuLHU7xSpSmXHEf_gR3-ZvgIvxcPoir3YNMd8yDG5U92u_Qh4HNLdXRtqKMTe07OhETpvNdjHGrK6-8guCODZ/?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="Blogunuzu Hızlandırmak İçin İpuçları" width="522" /></a></p> <p> </p> <p>Şimdi blogunuzun yüklenme hızını arttıraccak ipuçlarına geçelim…</p> <p> </p> <p><strong>1. Çok Fazla Grafik Kullanmayın</strong></p> <p> </p> <p>Grafikler,ikonlar ve butonlar blogunuzun tasarımı açıdsından önemlidir ancak bunlar yüklenmesi zaman alan öğelerdir ve aşırı kullanımı blogunuzun açılış hızını ciddi şekilde etkiler.<daha hızlı bir blog için aşırı grafik kullanımından kaçının.</p> <p> </p> <p><strong>2. Grafikleri optimize Edin</strong></p> <p> </p> <p>Blogunuzda kullanacağınız görselleri optimize ederek dosya boyutunu düşüren bazı çevrim içi araçlardan faydalanarak grafklerin daha hızlı yüklenmesini sağlayabilirsiniz.Grafikleri potimize etmek için ücretsiz bir çevrimiçi araç olan <a title="Dynamic Drive Image Optimizer" href="http://tools.dynamicdrive.com/imageoptimizer/index.php" rel="nofollow" target="_blank">Dynamic Drive Image Optimizer</a>’i kullanabilirsiniz.</p> <p> </p> <p><strong>3. Flash İçerik Kullanmayın</strong></p> <p> </p> <p>Flash ile oluşturulmuş öğelerinde yüklenmesi uzun sürdüğünden blogunuzda flash kullanmayın.Flash içeriğin SEO açısından da zararlı olduğu bilinmektedir.</p> <p> </p> <p><strong>4. Çok Fazla Reklam Almayın</strong></p> <p> </p> <p>Blogunuza çok fazla reklam almak ta blogunuzun yüklenme süresini arttıracaktır.Özellikle popup ve flash reklamlar yerleştirmeyin.Blogunuzda reklam yayınlayarak para kazanmak istiyorsanız öncelikli tercihiniz Google AdSense olsun.</p> <p> </p> <p><strong>5. CSS Ve JavaScript Dosyalarınızı Optimize Edin</strong></p> <p> </p> <p>Hepimiz bloglarımızın işlevselliğini arttırmak amacıyla CSS ve JavaScriptlerden yoğun bir şekilde faydalanıyoruz.Kullandığımız bu kodlar bazen gereksiz boşluklar ve fzla etiketler içerebiliyor.Bunları ortadan kaldırarak kodların daha hızlı yüklenmesini sağlayabilirsiniz.JavaScriptleri sıkıştırmak için <a title="JavaScript Compressor" href="http://javascriptcompressor.com/" rel="nofollow" target="_blank">JavaScript Compressor</a>, CSS kodlarını sıkıştırmak için ise <a title="CSS Optimizer" href="http://www.cssoptimiser.com/index.php" rel="nofollow" target="_blank">CSS Optimizer</a> araçlarını kullanabilirsiniz.</p> <p> </p> <p><strong>6. Ana Sayfadaki Kayıt Sayısını Azaltın</strong></p> <p> </p> <p>Ana sayfada gösteren kayıt sayısını azaltmakta, blogunuzun açılış hızını arttırması açısınızdan çok basit fakat faydalı bir yöntem olabilir.Örneğin blogunuzun  ana sayfasında 10 kayıt gözüküyorsa bunu 7’ye yada 5’e indirerek blogunuzun yüklenme süresini kısaltabilirsiniz.</p> <p> </p> <p><strong>7. Ana Sayfada Yazı Özetlerini Gösterin</strong></p> <p> </p> <p>Bahsettiğim şey devamını oku özelliği.Blogunuzda devamını oku özelliğini kullanarak yazının tamamının göstermek yerine belli sayıda karakter gösterek ana sayfanın daha hızlı açılmasını sağlayabilirsiniz.</p> <p> </p> <p><strong>8. Sidebar Ve Footer’daki Öğeleri Azaltın</strong></p> <p> </p> <p>Blogunuzda en çok widget ve gadget eklediğiniz yerler footer ve sidebar bölümleridir.Bu bölümlere sadece gerekli gördüğünüz öğeleri yerleştirin ve gereksiz öğeleri kaldırın.</p>

Blogunuzu Hızlandırmak İçin İpuçları

Blogger yardım forumlarında sık karşılaştığım sorulardan biri “Blogumu nasıl hızlandırabilirim?” sorusu.Bu yazıda sizlere blogunuz aççılış hızını arttıracak bazı ipuçları vereceğim.Ancak ipuçlarına ge…

Devamı »