SPAM Yorumlardan Kurtulmak İçin 2 Teknik

<p>Blogların en keyifli ve faydalı yerlerinden biri yorum bölümleri. Blogların yorum bölümleri genelikle iyi niyetli, fayda sağlamayı, iletişim kurmayı veya yazı hakkında düşünceleri belirtmek amamçlı kullanılsa da, SEO yapmak isteyen kişilerin sadece backlink kazanmak için bıraktıkları anchor text üzerinden link içeren yorumlara da rastlıyoruz ne yazık ki. Özellikle de Blog Hocam gibi yorum moderasyonu olmayan, yani yorumların otomatik olarak onaylandığı bir blogunuz varsa, SPAM yorumlarla başınız bir hayli dertte olabilir. <br /> <br />Blogger tabanlı bloglar için SPAM yorumlara çözüm olabilecek 2 teknik paylaşmak istiyorum. Bu teknikler bir yorumun spam olup olmadığını anlamıyor ama yorum bölümündeki tüm linklere müdahele ediyor. Yani anchor text üzerinden link verilerek yapılan yorumlardaki linkleri kaldırıyor. Böylece spammerler emeline ulaşamıyor ve blogunuzu yorum listelerinden çıkarıyorlar. (Umarım…) <br /> <br />Teknikleri blogunuza nasıl uygulayacağınızı ve ne işe yardıklarını örneklerle açıklayayım.</p> <p> </p> <p>Bir spammerın blogunuza “<em>SPAM sitemize gitmek için </em><a href="http://bloghocam.blogspot.com/" target="_blank"><em>buraya</em></a><em> tıklayın</em>” şeklinde bir yorum bıaktığını düşünelim. Burada spammer “<em>buraya</em>” kelimesi üzerinden kendi sitesine link vermiş. Amacımız ise uygulayacağımız tekniklerle spammerın linkini iptal etmek. <br /> <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYQtl0fcbUzN6-DHKC_llahZ5G-qAju99ZSYZG9OclBNpZbsa5YIz88Pkgr0h9Udo47_uKbhDSEKUKUXkusPsBbEoqT7bc8EhZcYpTXXvxKahEfVtWd2NfRceZvWO8hQVYN-b3iggpEsP7/s1600-h/spam-yorum5.png" target="_blank"><img alt="spam yorum" border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr3aL1qqoPjNlN5nlT5HXKu1CHbEW6I7DU9zqZY-KswP7rjkq__g4FoQA-GLAVMTH80RJ428WezRWBRVmPY8WeweLX-o3uuHBu9ZkIHCNBSpG_f2iDcqHKogpzot55mh4ml2EaNxMznYNl/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="spam yorum" width="427" /></a> <br /> <br /><strong><u>1. Teknik:</u> Kelime Kalsın Ama Tıklanabilir Olmasın</strong> <br /> <br />Bu teknikle yorumdaki “<em>buraya</em>” kelimesine dokunmayacağız fakat buraya kelimesinin tıklanabilirliğini ortadan kaldıracağız. Yani yorum, linksiz bir yorum olacak. <br /> <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6mpB5mrbJQq3dz2Lbm7CdBtagNlK16LEqi9_4wpVf-HzO3_vpWDqGgHo6UmxGWjL4b_hCooBdo70pMntX4w0bG9Ra5Wza3pLeaeu4ATMxcMgnWK_d02oQumsfQqYm-eVRjOXRHV0J-nSN/s1600-h/spam-yorum-anchor5.png" target="_blank"><img alt="spam yorum" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPwu0VkJ54qt_eeEe4OYNixZRMGPA4awjJGAfnLm4datfXHA7a5FZyUlmDixgyOV9XR2TsSHOqgwPUKwhZQJxWkUmVeJRb90ziLK_wyrutB00vOZmUiMQoKRDcgcwfBCh8F61XbNMjh1pc/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="spam yorum" width="427" /></a></p> <p> <br />Bu tekniği blogunuza uygulamak için Blogger kumanda panelinde <font color="#4f81bd"><strong>Şablon > HTML’yi Düzenle</strong></font> yolunu takip edin ve <font color="#d20000"><strong></body></strong></font> kodunun üzerine şu kodları ekleyin:</p> <p> </p> <blockquote> <p><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <br /><script> <br />$('.comment-content a[rel$=nofollow]').replaceWith(function(){return ($(this).text());}); <br /></script></p> </blockquote> <p> </p> <p><strong>2. Teknik: Link Ve Kelime Tamamen Kalksın <br /></strong> <br />Bu teknikte ise link ve linkin bağlı olduğu kelimeyi yorumdan tamamen kaldırıyoruz. Yani spam yorum örneğindeki “buraya” kelimesi hiç gözükmeyecek. <br /> <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNtO493YMTJfKYA0mk7TUFkLMwR-Tuk-UhZIbSnlfE3jBtVcaXbvZoPqdFBU5vCbYiJVVrmKimbb3Gh-TX_JerAVwUO4JUMqdXXTWXok8iO7bsEIo8az4L3edbtnx20eMjK8n052sTBEbS/s1600-h/spam-yorum-link5.png" target="_blank"><img alt="spam yorum" border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisZtEa54gGztXSuvUQAs4j4qB6Gt6-83ouwq6ITGKdgR2PWRorL6YxxkbF-ecUVfk9uaslSZzKpZkM9Rbm6NCbb9zKtnryG2TzJbFDi2bCWOk3TRY7lOuLtyUpau12jhVUcRd3p-aoE62_/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="spam yorum" width="427" /></a></p> <p> <br />Bu tekniği blogunuza uygulamak istiyorsanız yine <font color="#4f81bd"><strong>Şablon > HTML’yi Düzenle</strong></font> yolunu takip edin ve <strong><font color="#d20000">]]></b:skin></font></strong> kodunun üzerine aşağıdaki kodları ekleyin:</p> <p> </p> <blockquote> <p>.comment-content a { <br />display: none; <br />}</p> </blockquote> <p> </p> <p><strong><u><font color="#d20000">Not:</font></u></strong> Bu kodları blogunuza uyguladığınız eski ve yeni tüm yorumları etkileyeceğini hatırlatmak isterim. Tabi bu durumda siz de artık yorum bölümünde link pylaşamayacaksınız. </p> <p> </p> <p><strong><font color="#d20000">Herkese bol yorumlu bloglar dilerim :)</font></strong></p>

SPAM Yorumlardan Kurtulmak İçin 2 Teknik

Blogların en keyifli ve faydalı yerlerinden biri yorum bölümleri. Blogların yorum bölümleri genelikle iyi niyetli, fayda sağlamayı, iletişim kurmayı veya yazı hakkında düşünceleri belirtmek amamçlı ku…

Devamı »

Blogspot.Com.Tr İle Gelen Problemler

<p>Blogger kullanıcıları, son günlerde gelen Türkiye’ye özel domain yönlendirmesiyle adeta şok olmuş durumda. 2 gündür e-posta ve sosyal platformlar aracılığıyla gelen soruların yarısı bu konu üzerine. <br /> <br />Daha önce 18 ülkeye bu özelliği getiren Blogger, son olarak Türkiye’de <strong>blogismi.blogspot.com</strong> olan domainleri <strong>blogismi.blogspot.com.<font color="#ff0000">tr</font></strong> olarak değiştirdi. Bununla birlikte sıfırlanan Alexa ve PageRank değerleri ile çalışmamaya başlayan Google Friend Connect yani İzleyiciler gadgetı blog yazarları arasında ciddi sıkıntılara yol açtı. <br /> <br />2 gündür neredeyse tüm mesaimi bu konuyu araştırmaya ve mağduriyetimizi gidermeye harcadım. Sonunda Blogger’ın yaptığı bu güncellemenin "country-code Top Level Domain" (ccTLD) adı verilen bir yönlendirme olduğunu öğendim. Bu yönlendirmeyi de blogumuza küçük bir script ekleyerek engelleyebiliyoruz. Yapmanız gereken şey Blogger kumanda panelinize giriş yaparak  <strong><font color="#4f81bd">Şablon > HTML’yi Düzenle</font></strong> yolunu izleyin ve <strong><font color="#ff0000"><head></font></strong> kodunun altına aşağıdaki script kodlarını yapıştırın.</p> <p> </p> <blockquote> <p><script type='text/javascript'> var str= window.location.href.toString(); if ((str.indexOf('.com/'))=='-1') { var str1=str.substring(str.lastIndexOf(".blogspot.")); if (str1.indexOf('/')=='-1') { var str2=str1; } else { var str2=str1.substring(0,str1.indexOf('/')+1); } window.location.href =window.location.href.toString().replace(str2,'.blogspot.com/ncr/'); } </script></p> </blockquote> <p> </p> <p>Şablonu kaydettikten sonra blogunuzu eskisi gibi blogspot.com uzantısıyla kullanmaya devam edebileceksiniz. Artık Google Friend Connect gadgetı da çalışır ve görünür durumda.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht4HcxmmpmoHYVvt_7tLT19i-yh3nEPIDmSxQFWSFQROnPAIs7buHAwzfySR3mbh3IOwHrdcX74Cqnsz2hCUI1Z-_LLF5dOJ9Xlzupqn3YuaohmDrEpRp4XljgCoX8Ftu-dRt1SsGJM-J9/s1600-h/blogspot-com-tr-cozumu%25255B5%25255D.png" target="_blank"><img alt="Blogspot Com Tr Çözümü" border="0" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwtmsGe2X-i0vnEeymKh91TtWu2BKDTi2yHSdZAGVRAYNLKm1si97QK8xzn7GbPQYssz01n0PPU-reZvcJ4hBYQWFizD0bpKSyddMr3hfoekBvUCjGws-aGPWwXaXcW0WGpX_B0RJ64YKY/?imgmax=800" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; border-left: 0px; display: block; padding-right: 0px; margin-right: auto" title="Blogspot Com Tr Çözümü" width="527" /></a></p> <p> </p> <p>Yapmış olduğumuz bu işlem başka sorunlara yol açar mı bunu bilemiyorum ama ben kullanacağım. İsteyenler bu yöntemi hemen uygulayabilir, isteyenler bir süre Blog Hocam’ı gözlemleyip bir sorun yaşanmadığına emin olduktan sonra uygulayabilir. Kararı size bırakıyorum. </p>

Blogspot.Com.Tr İle Gelen Problemler

Blogger kullanıcıları, son günlerde gelen Türkiye’ye özel domain yönlendirmesiyle adeta şok olmuş durumda. 2 gündür e-posta ve sosyal platformlar aracılığıyla gelen soruların yarısı bu konu üzerine. …

Devamı »

Blogger’da Kategori Oluşturma Ve Yazıları Kategorilere Ayırma

<p>Deneyimli Blogger kullanıcıları için çok gereksiz bir konu gibi olsa da Blog Hocam’ın her seviyede blog yazarına hitap ettiğini ve içeriğinin büyük bir kısmının okuycu talepleri ile oluştuğunu unutmayın lütfen. <br /> <br /></p> <p>Blogger’a yeni başlayan kullancıların en çok sorduğu soraların başında geliyor Blogger’da kategori oluşturma mevzusu. Bu sorulara cevap olması ve yeni Blogger kullanacaklara yol göstermesi açısından bu yazıyı yazmak istedim. <br /> <br /><strong>Blogger’da Kategori Nasıl Oluşturulur?</strong> <br /> <br />Blogger’da kategori oluşturma sistemi Wordpress veya diğer CMS’lerde olduğundan farklıdır. Örneğin müzik kategorisinde yazılar için müzik isimli bir sayfa oluşturulup yazılar o sayfanın içine yazılmaz ya da gönderilmez. Blogger’da yazıları bir farklı kategorilere ayırmak için etiketleme sistemi kullanılır.  Şimdi adım adım kategori oluşturmaya geçelim.</p> <p> </p> <p><strong>1. Adım:</strong> Öncelikle yazıları ayıracağımız kategorileri belirleyelim. Bu örneklte ben 4 adet kategori oluşturacağım. Kategoriler spor, kitap, teknoloji ve dans olsun. Şimdi spor ile ilgili bir yazı yazdığımızı düşünelim ve bunu spor kategorisine nasıl göndereceğimze geçelim. <br /> <br /></p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB22-QpeAgnS9szhxIB14URrXjLPoocBg50GN4rgKXmymX1bGp9uoPN1QvwcyP-vI0SY2ziBQZKu0sLjpCzAT0C8OLc-KL2IMUI_gSpun-yHT4CxIsjhzW5Mchr6OftiOWYJbQgFP9mV3e/s1600-h/blogger-kategori5.png" target="_blank"><img alt="Blogger kategori" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEganioV90pq-sZxfvTAzwdIrAnuALLheCW8zvf2CxozaE3KBtSmLFewDxrDqt2r8fcXlc-oV3Nm-O8FGHFVjzRjX9XJe_Y9HfL-ApnkYkhlL1xJ3iUua1dlUp1j6uHdsrwXRR1fvrl5M7fX/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Blogger kategori" width="527" /></a> <br />Resimde gördüünüz gibi yazıyı yazdıktan sonra sağ taraftaki yayın ayarlarında etiketler kısmına yazıyı göndermek istediğim kategori olan spor yazıyorum ve tamamlandı butonuna basıyorum. Artık yazıyı yayınladığımda yazının kategorisi spor olacak. <br /> <br /></p> <p><strong>2. Adım:</strong> Aynı şekilde diğer yazılarımı da kategorilere ayırdıktan sonra sıra bu kategorileri blogun ana sayfasında menü şeklinde göstermeye geliyor. Kategoriler menüsü genellikle 2 yerde kullanılır. Sidebar dediğimiz blogun kenar çubuğuna dikey menü şeklinde ve kayıt alanın üstüne yatay menü şeklinde. İlk olarak yan tarafa dikey menü şeklinde eklemeyelim. <br /> <br />Blogger kyumanda panelinde sağ taraftaki yerleşim sekmesine tıklayıp blogun yan taraflarındaki boş gadget alanlarında birinde gadget ekle yazısına tıklayın ve listeden etiketler isimli gadgetı seçin. <br /> <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpyPHCy84RY0SVK_SGaBs-pYQ855k0i2dktR3HMQUiO1cjZRHFOWW3Fj_mN6tKRVb1Zoas1qgmIe72c1DT6cpjvovVWDddPYXWZR1oPYK0ngR5PzctcE5VyF1dsXlrdGiOU0xr4n_ZiTEx/s1600-h/etiketler5.png" target="_blank"><img alt="etiketler" border="0" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEintnQ0hKKCOXTADgc4TWJNmRsJK4qVj8m9_vT6SAFqjwrmbooXOm3J1sTyJod4KDmGh46kYFPNGxMwHZFcTyeFAftJWnN4D_I7i2I5LG5grJKEn1CYtT0Sr-rrqrKjBnBsplPNm4sMk1kI/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="etiketler" width="327" /></a> <br />Burada gadget başlığı olarak kategoriler yazdıktan sonra kaydedin. İsteğinize bağlı olarak hangi kategoride kaç yazı olduğunu gösterebilir, kategorileri çoktan aza göre sıralayabilir veya gözükmesini istemediğiniz kategorileri kaldırabilirsiniz. Değişiklikleri kaydedikten sonra blogunuzu ziyaret ettiğinizde kenar çubuğunda şuna benzer bir dikey kateoriler menüsünün olduğunu göreceksiniz. <br /> <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeLuEx6tfQ0qlqx44sQxp38w9wPyC70-sYk_wqkDr9TYSpOUOo0Jbqm0toSi-w_dNNOHqWLs-1B5TlC7Od-0xIUz3Ms4XKoXZBiKO6KavIFM_-ivmuzbsVTNQzgxAfbuayHgM4ArjH5sFd/s1600-h/kategori-menu5.png" target="_blank"><img alt="Kategoriler dikey" border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4X1h4QTnCjhno_eYUh80z5l7cO_sehw-1SQldrF2-PiWuLaSgTA_spau_D8nqLKTxWHVW7iG_7SQEYGUCalxyiBwjE39iTAkW_uhz2g-0g16R3JgTNZSBm_vx26FFk6Hqvvv2Q8sA2Mhs/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Kategoriler dikey" width="527" /></a></p> <p> </p> <p>Şimdi de kategorileri yatay bir menü şeklinde blog kayıtlarının üst tarafında göstermeye geçelim. bunun için yapmanız gerken tek şey kenar çubuğunda eklediğimniz gadgetı sürükle bırak yöntemiyle blog kayıtlarının üstündeki boş gadget alanına taşımak. <br /> <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiktb1uvm1GQvqbz5fE5ff9NYV74wU-8w_RxUI1SJfFjbm_Cx0G84pNk2_MFze6J780aAJC_hk_jDhvy63pkCwvr10L6d3QBAdeh_s2Ow5zdeNhDApOSbiS0YX9merER9zoo-FQdgEHhpby/s1600-h/kategori-yatay5.png" target="_blank"><img alt="Kategoriler yatay" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwz_4wjrpR-wNxMJlgMjyQE4ygLQhLuSmD5JeV1rg0jd5hYTeosgj_UGq5-bfeP-Gn_oOjI2xTQ-BywlKl0-52CXJjm0l2RRYk4nmC9UFcm97TqKbqr04TsqYnKG7y5KeF39IlWme_p4XX/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Kategoriler yatay" width="527" /></a></p> <p> <br />Düzenlemeyi kaydettiğinizde aşağıdaki resimde gördüğünüz gibi kategorileriniz yatay menü şeklinde blog kayıtlarının üzerinde gözükecektir. <br /> <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkwKyGSLuuhaxEc18ru__XnfOcLfEIPZf3GVFWbmv_-tk792LqPWg1HeEPyhcAwamwehpzftKUusJ6IyKaiWFgXL0yuMq-uke1cU2u3qK2ykUsq3-StR45Xzpbj8iipCmrZSS-cFyMZ2U-/s1600-h/kategoriler-menusu5.png" target="_blank"><img alt="Kategoriler menüsü" border="0" height="269" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD-kW9qw8dW6LLOr8YSIDrb9vyqcDNQxgWQLAJ7rJDdHDWUs8JQgR4dkuCzvZDxjDbQPnkOpTXs9t6IFWHr7SUaS_qauHAlCfzayXQeRQEa_vbb95Vzc_tKeznuCp0YFkY8fORDjNdj0I1/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Kategoriler menüsü" width="527" /></a></p> <p> <br />Sonuç olarak spor kategorisinde yazdığım yazı, diğer tüm kategorilerdeki yazılarla birlikte ana sayfada yer alır ama kategoriler menüsünden spor kategorisini tıkladığımda sadece spor kategorisindeki yazılar listelenir. <br /> <br />Umarım yeterince açıklayabilmişimdir. </p>

Blogger’da Kategori Oluşturma Ve Yazıları Kategorilere Ayırma

Deneyimli Blogger kullanıcıları için çok gereksiz bir konu gibi olsa da Blog Hocam’ın her seviyede blog yazarına hitap ettiğini ve içeriğinin büyük bir kısmının okuycu talepleri ile oluştuğunu unutmay…

Devamı »

AdSense Reklamlarını Blogger’da Yazı İçine Ekleme

Blogunuza eklediğiniz <a title="AdSense reklamları" href="http://bloghocam.blogspot.com/2013/08/google-adsense-reklamlar-icin-baslangc.html" target="_blank">AdSense reklamları</a>na tıklanma sayısını arttırmanın en iyi yollarından biri reklamı yazı içinde göstermektir. Blog renklerine uygun olacak şekilde tasarlanmış metin reklamları ve banner reklamları blog yazısının içerisine gömüldüğünde tıklanma ihtimali çok daha fazla olacaktır. Bu da daha fazla kazanç demektir. <br /> <br />Yaklaşık 1 senedir takip ettiğim blogger arkadaşım <a class="g-profile" href="http://plus.google.com/115763108082316712889" target="_blank">+evde yazar</a>  Adsense reklamlarını Blogger’da yazı içine eklemekle ilgili yardım isteyince bu bilginin başka AdSense yayıncısı olan blog yazarlarının da işine yarayacağını düşünerek blogda paylaşmaya karar verdim. <br /> <br /> <br /><strong>AdSense Reklam Kodlarını Convert Etme</strong> <br /> <br />Blogunuzun sidebar yani kenar çubuğuna eklediğiniz AdSense kodlarını yazı içerisine eklemeden önce convert etmeniz gerekir. Bunun için pek ücretsiz online araç mevcut. Google’da “adsense code converter” diye bir arama yaparsanız onlarca araç bulabilirsiniz. <br />Bunlardan birini açarak kutuya adsense reklam kodlarınızı yapıştırdıktan sonra “convert” butonuna bastığınızda kodlarda ki bazı karakterlerin değiştiğini göreceksiniz. Convert edilmiş reklam kodu artık blog yazısına eklemeye hazır hale gelmiştir. <br /> <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIol784dbtzCGnEUOzkJx77DBqqBQUfkgi-tSC5-rbpkyP9okYMyxriHTV0afoSHdNAFiT7jVwyKYiioaQa_cqZSF5mi7RArMv-1Qkrfb-cXgzxPIkF9phi7Ptu9OK1IfME1xbHkqjfhek/s1600-h/adsense-convert9.png" target="_blank"><img alt="Adsense reklam kodlarını convert etme" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEharDQDYEf_EhC-WsOdrKpcKBYgDbreIJFY9XQc1XAPFiRhDqpj_9TmqvSF4-PMwOUNNoAKlY7LGQSnl89QdTyF76UtxnQBDcjig-tH_-BOdRs7-awlzqXvRlgykOpr0jI_Tmu5QImwu6-n/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Adsense reklam kodlarını convert etme" width="525" /></a> <br />Sıra reklam kodlarını yazının içerisine gömmeye geldi. <br /> <br /><strong>1. AdSense Reklamını Yazının Solunda Gösterme</strong> <br /> <br />Bunun için yazının HTML sekmesini açarak reklamın gözükmesini istediğiniz yere aşağıdaki kodu ekleyin. <br /> <br /> <blockquote><span style="color: blue"><strong><b:if cond='data:blog.pageType == "item"'></strong></span>  <br /><div style="float:left;<strong><span style="color: red">margin-right: 5px</span></strong>;"> <br /><em>Convert edilmiş adsense kodları buraya gelecek</em></div> <br /><strong><span style="color: blue"></b:if></span></strong>  </blockquote> <br /> <br /><strong>2. AdSense Reklamını Yazının Sağında Gösterme </strong> <br />Bunun için yazının HTML sekmesini açarak reklamın gözükmesini istediğiniz yere aşağıdaki kodu ekleyin. <br /> <br /> <blockquote><span style="color: blue"><strong><b:if cond='data:blog.pageType == "item"'></strong></span>  <br /><div style="float:right;<strong><span style="color: red">margin-left: 5px</span></strong>;"> <br /><em>Convert edilmiş adsense kodları buraya gelecek</em></div> <br /><strong><span style="color: blue"></b:if></span></strong>  </blockquote> <br /> <br /><strong>3. AdSense Reklamını Yazı Başlığının Altında Gösterme </strong> <br />Bunun için Şablon > HTML’yi Düzenle yolunu takip ederek Ctrl + F tuş kombinasyonunun yardımıyla <strong><div class='post-header'></strong> kodunu bulun ve bunun hemen altına aşağıdaki kodları ekleyin. <br /> <br /> <blockquote><span style="color: blue"><strong><b:if cond='data:blog.pageType == "item"'></strong></span>  <br /><div style="text-align:center;<strong><span style="color: red">margin-bottom: 5px</span></strong>;"> <br /><em>Convert edilmiş adsense kodları buraya gelecek</em></div> <br /><strong><span style="color: blue"></b:if></span></strong>  </blockquote> <br /> <br /><strong>4. AdSense Reklamını Yazının Sonuna Ekleme</strong> <br /> <br />Bunun için Şablon > HTML’yi Düzenle yolunu takip edereke Ctrl + F tuş kombinasyonunun yardımıyla <div class='post-footer'> kodunu bulun ve bunun hemen üstüne aşağıdaki kodları ekleyin. <br /> <br /> <blockquote><span style="color: blue"><strong><b:if cond='data:blog.pageType == "item"'></strong></span>  <br /><div style="text-align:center;<strong><span style="color: red">margin-top: 5px</span></strong>;"> <br /><em>Convert edilmiş adsense kodları buraya gelecek</em></div> <br /><strong><span style="color: blue"></b:if></span></strong>  </blockquote> <br />İlgili kodlar eklendiğinde reklam yerleşiminin nasıl olacağını şu grafikte göstermeye çalıştım: <br /> <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLYxX_Pn4cMMH-nbepa-SecvzjvnLRdtOMJDJgAkz320KSOIk3Ggh7TMts8YB8oZFgHiZdkMR5jjRODVHbtUAJlHPewEiie5woseCSoNatSPHas8LIq_vQKRgcEuIYyA4oamCVNHkms3TW/s1600-h/blogger-adsense-ekleme6.png" target="_blank"><img alt="adsense reklam kodlarını yazının içerisine gömme" border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVTasXWNBK1MbRJsRe7UvLJ6cfi9dR01d5CnSt-LepT57kjqL5nA_kL0lCtcisHsORF3QpzzxXHpHXzbIWJBIbXfoy7oF60gbqBDXSjh76yrKPCIQXxIMrMMd6JcwTPyVuPeH9T5RgndSj/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="adsense reklam kodlarını yazının içerisine gömme" width="325" /></a> <br /> <br />Son olarak kodlarda renkli gösterdiğim yerlerim anlamlarını işlevlerini paylaşmak istiyorum. İsteğinize göre onları da değiştirebilirsiniz. <br /> <br />- <strong><span style="color: red">Kırmızı</span></strong> renkle gösterdiğim değer reklam yazı arasındaki boşluğu belirler. Dilerseniz 5px yerine başka bir değer girebilirsiniz. <br /> <br />- <strong><span style="color: blue">Mavi </span></strong>renkle gösterdiğim kodlar reklamların ana sayfada değil sadece yazı başlığına tıklayıp yazının içerisine girince gözükmesini sağlar. Eğer ana sayfada yazıların tamamını gösteriyorsanız mavi renkle yazdığım kodları silebilirsiniz. <br /> <br /><strong>Herkese bol kazançlar!</strong>

AdSense Reklamlarını Blogger’da Yazı İçine Ekleme

Blogunuza eklediğiniz AdSense reklamlarına tıklanma sayısını arttırmanın en iyi yollarından biri reklamı yazı içinde göstermektir. Blog renklerine uygun olacak şekilde tasarlanmış metin reklamları ve …

Devamı »

Facebook Ve Twitter Gönderilerini Blog Yazısına Eklemek

<p>Bir süre önce yurt dışındaki kullanıcıları için, gönderileri blog yazısının içine gömme yani embed özelliğini aktifleştiren Facebook, sonunda bu özelliği Türkiye’deki kullanıcılarına açtı. Bu işlemi nasıl yapacağınızı anlatan bu yazıyı hazırlıyordum ki aklıma Tweetleri blog yazılarını gömmeyi anlatmak da geldi. Hazır elim değmişken ikisini birden bu yazıda paylaşayım dedim : )</p> <p> </p> <p> </p> <p><strong>Facebook Gönderilerini Blogger’a Gömmek</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqU5KaH93CpQb_7kZdSah9nZMskgbjCGctWBYivPlctIt6-AZv63DMA474JZXtN1w3XExWAnlWUpWPnosSpE0DWB43XWE7k624Bt2NDtIV7xTlkRkaXYGjLRI3TJgVis_-5l3cgWld3bVx/s1600-h/facebook-embed6.png" target="_blank"><img alt="Facebook embed özelliği" border="0" height="435" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1TfqFZufghSZjy5uVAD6_HCkoK9HLMSRGcr0ppzEC487RTX_jC41b0uQvsJ4hNG-wCQ7YMazHF998rrrcf7qTVECB6Cgu7NLm9of1BXn4zIiNhBXJDTcvTpzS_sNztT7THiwZatSvy82J/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Facebook embed özelliği" width="327" /></a></p> <p> </p> <p>Öncelikle taze bilgi olan Facebook gönderilerini gömme işlemi ile başlayalım. Facebook sayfanızdaki her hangi bir gönderinin sağ üst köşesindeki işarete tıkladıktan sonra açılan seçeneklerden <strong><font color="#4f81bd">Gönderiyi Göm</font></strong> seçeneğine tıklayın. </p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfERFWUmvzzv70aOLSf4ITYJ5WTCcUL-Kjf0RFGxRESNSceN0QiUUcNnxHJPZSr1a4oLG_ecpBRqWzHhYVqTgzdWE0aJf6S-TNM7AZ9F0y_YQ6z2nXtGoAaNHJ8dBqrLrvoaRooeeHnBW4/s1600-h/facebbok-embed-kod7.png" target="_blank"><img alt="Facebook embed kodu" border="0" height="394" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf1Vh7pXlwQjtyLa32gnONjDNnFIIi49jOhrZR1hF9cMV5QoOK7efhY4GIGzm_5TWpLqF-20aUTzpsPy4mSYZpjdiotaWzZyzjV1L7P_2xiCwv951UYZvbBdPM6Djxq8bu60RxYl_NNIPS/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Facebook embed kodu" width="327" /></a></p> <p> </p> <p>Açılan pencerede üst tarafta yazının içerisine ekleyeceğiniz kodu göreceksiniz. Bu kodun tamamını kopyaladıktan sonra Blogger kumanda panelinde yazının HTML bölümünde istediğiniz bir yere yapıştırın. Canlı örneğini de bu yazıda test etmiş olalım:</p> <p> </p> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-post" data-href="https://www.facebook.com/photo.php?fbid=679749248720164&set=a.222718874423206.68839.196713297023764&type=1"> <div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/photo.php?fbid=679749248720164&set=a.222718874423206.68839.196713297023764&type=1">Gönderi</a> by <a href="https://www.facebook.com/bloghocam">Blog Hocam</a>.</div> </div> <p> </p> <p> </p> <p><strong>Tweetleri Blogger’a Gömmek</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrLIW29lZ2pYwMpbJq2XlQKPEfaONlmDL3B0LumP_nTQdeU_ePDNmNoEqEqasbQ6yHKNlkdKFLr-K2VXdrtDP-HwUUi7YiuFfO_3XRKXyBEQf2AcJxvS0sXQ4VFmwsy8yJZ7RSjTHh13FQ/s1600-h/tweet-embed5.png" target="_blank"><img alt="Tweet embed" border="0" height="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggENjQZNgTuge7C0gJw802yWRT4dlRke9i_yHsk8RVuBC9oq2BGfY1rEItuS_-xToTcVu6MM37sQuDYZA_zU0jQFq2wawDvOw1mL37jETk8ok7oySBQkqTCBpUzCHEtfg82q6A4VoktPrR/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Tweet embed" width="327" /></a></p> <p> </p> <p>Şimdi de Twitter’da herhangi bir tweet blog yazınıza nasıl gömeceğinize gelelim. Bunun için tweetlerden birinin altındaki Daha fazla yazısına tıklayarak <strong><font color="#4f81bd">Tweeti yerleştir</font></strong> seçeneğine tıklayın. </p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk_1uf5kaZMvCra5pJeEJ0Y4C2zrnmVYPDOe3hOXkhdK4m6NRShgZ9yFCk8nvsrMel-AQtemvJql2x_1-PtAd8dLKvfdPfqkskHUDPxQItX4cr0zv9ZlhvIHCtjJ4d7qdToSVQe-YrsOHP/s1600-h/twitter-embed-kodu5.png" target="_blank"><img alt="Twitter Embed Kodu" border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglGBh8j_gwwWH58uRRH7rcxpaxcB-8MWtT6hrmmPCUny4dGoZW9q0QXXExg5bAHUfuxFHsGUiMpCv4wCWjMgrLuL7gioN6RRKCHpHjMgFNYAZEGwSBimbedSjZOhEOOC9rNiacybveTk3E/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Twitter Embed Kodu" width="327" /></a></p> <p> </p> <p>Aynı Facebook’ta olduğu gibi bir pencere açılacak ve üst tarafta yazıya eklenecek kod gözükecektir. Bu kodun tamamını kopyaladıktan sonra Blogger kumanda panelinde yazının HTML bölümünde istediğiniz bir yere yapıştırın. Canlı örneği:</p> <p> </p> <blockquote class="twitter-tweet"> <p>Hangi konuda blog yazarsanız yazın diğerlerinden bir şekilde ayrılmayı, fark yaratmayı bilin.</p> — Blog Hocam (@BlogHocam) <a href="https://twitter.com/BlogHocam/statuses/359597383803351042">July 23, 2013</a></blockquote> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> <p> </p> <p> </p> <p>Sosyal medyanın, iletişimin ve etkileşimin öneminin giderek arttığı bu dönemde  Facebook ve Twitter gönderilerini bloglara gömmenin, etkileşimi arttıracağı bir gerçek. </p>

Facebook Ve Twitter Gönderilerini Blog Yazısına Eklemek

Bir süre önce yurt dışındaki kullanıcıları için, gönderileri blog yazısının içine gömme yani embed özelliğini aktifleştiren Facebook, sonunda bu özelliği Türkiye’deki kullanıcılarına açtı. Bu işlemi n…

Devamı »

Blogger’a Google+ Yorumlarını Ekleme

<p>Yazılara gelen yorumları okumak ve onlara cevap vermek blog yazarlığının en keyifli taraflarından biri. Yorumlar okuyucularla iletişim kurmanın yanı sıra benim sıklıkla yaptığım gibi yeni yazı fikirleri için ilham kaynağınız da olabilir. Daha önce <a title="Blogger Dişli Yorumlar" href="http://bloghocam.blogspot.com/2012/01/blogger-yorumlara-yant-ozelligini.html" target="_blank">dişli yorum</a> özeliğini getiren Blogger, yorum konusuna verdiği önemi belli etmişti. Son olarak <a title="Yeni Şablon HTML Editörü" href="http://bloghocam.blogspot.com/2013/04/blogger-sablon-html-editoru-yenilendi.html" target="_blank">şablon HTML editöründe</a> yeniliğe giden Blogger, şimdi de Blogger’ın yorum bölümüne Google+ yorumları taşıyabileceğimizi <a href="http://buzz.blogger.com/2013/04/bringing-google-comments-to-blogger.html" target="_blank">duyurdu</a>. <br /> <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirM10g10rkIn0RGkco9MT4cZaUx_NgWU_t7chZLxuOSPyMPTQhigmpk46PL67FMEvajpipko5gHLWlXFSj7MJmJ-3yyoOBFaxBhHbpGL8-FF6TFPPrOhN8BSWjGrf4VQwjtu_U18b4Z0Sz/s1600-h/blogger-google-yorumlar%25255B9%25255D.png" target="_blank"><img alt="Blogger'da Google+ Yorumları" border="0" height="345" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ5oNQqPAhRqO_OvfW8IId7dJmjuGDp9uYzBv03VEvmJkz3Dw-Qm4UXqKO9oT2rUNfLg1vLtN9kflVGVl9kUVGrQz8qMxvTNJ2Bbok0xTGTPzwsL5O2xDfgvso7OSONCDmZ5vZrH5uAYYq/?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'da Google+ Yorumları" width="527" /></a> <br /> <br /><strong>Blogger’da Google+ Yorumlarını Kullanma</strong></p> <p> </p> <p>Blogunuzda Google+ yorumlarını kullanmak istiyorsanız yapmanız gereken şey Blogger kumanda panelinize giriş yaparak soldaki menüden <strong>Google+</strong> sekmesine tıklamak ve açılan sayfadaki <strong>Bu blogda Google+ yorumlarını kullan</strong> seçeneğini işaretlemek.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnEDUxf6oiiw6a2NSDsSgXz_syZKlu4i14N1bdpwA03dZ512zM4dTagahEHRVUgLe2EG9NO-dpVJZIe_7lEkAOtzdhOJWMok7cKlfVvaJioYXRNSOcNdaI16iV5mrvAJr_w4DpkmjPYDDm/s1600-h/google%25252Byorumlar%25255B5%25255D.png" target="_blank"><img alt="Blogger'da Google+ Yorumlarını Kullanma" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji9h31xOMcz3Xf8OykZdQAMSLLYJ9g_mGSow0yqJrQSi3VBZBEbHbKiAbqLdVad-mC6xLjHS7hgL_zwhRsJpAMW8CnWIEtLE8EdYtxB3MaJtTxvtTJ1I4bz4ckPQFHVWf9OYhx1OV8UxZn/?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'da Google+ Yorumlarını Kullanma" width="527" /></a></p> <p> </p> <p>Google+ yorumlarını kullanmaya başladıktan sonra yazılarınızın yorum bölümünde, direkt blog ziyaretçileriniz yaptığı yorumların yanında Google+ üzerinde yazınıza yapılan yorumlar da gözükmeye başlayacak. <br /> <br />Ziyaretçileriniz aynı Google+ da olduğu gibi yorumlarını ister herkese açık, isterlerse de seçtikleri çevrelere görünür şekilde yapabilecekler. Ayrıca yazıya yapılan yorumları okurken sadece çevrelerinizde olan kişilerin yaptığı yorumları da görünteleyebileceksiniz. <br /></p> <p> </p> <p>Bakalım sıradaki yenilik ne olacak?</p> <p> </p> <p> </p> <p><strong><font color="#ff0000">(GÜNCELLEME)</font></strong> <strong>Özel Temalarda Google+ Yorumlarını Gösterme</strong></p> <p> </p> <p>Ben bu özelliği test blogumda denediğim için Blogger’ın kendi şablonları dışındaki özel şablonlarda çalışmadığını fark edememiştim. Ta ki buraya yapılan yorumlara kadar. Böyle olunca özel şablonlara Google+ yorumları eklemek için yaılması gereken ufak değişikliği paylaşmak istedim. <br /> <br />Şablonnuzda şu kodu bulun:</p> <p> </p> <blockquote> <p><b:includable id='comment-form' var='post'></p> </blockquote> <p> </p> <p>Kodu bulduktan sonra sol taraftan <font size="4">▶</font> ikonuna basarak kod bölümü genişletin ve hemen yanına şu kodları ekleyin:</p> <p> </p> <blockquote> <p><div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/></p> </blockquote> <p> </p> <p>Artık özel şablonunuzda Google+ yorumlarını kullanabilirsiniz.</p>

Blogger’a Google+ Yorumlarını Ekleme

Yazılara gelen yorumları okumak ve onlara cevap vermek blog yazarlığının en keyifli taraflarından biri. Yorumlar okuyucularla iletişim kurmanın yanı sıra benim sıklıkla yaptığım gibi yeni yazı fikirle…

Devamı »

Blogger Şablon HTML Editörü Yenilendi

<p>Blogger şablonlarını düzenleek isteyenler genellikle Blogger kumanda panelinde Şablon > HTML’yi düzenle sekmesindeki kod penceresini kullanırlar. Fakat bu kodpenceresi pek kullanılışlığı olmadığı için düzenlemede, bir kod ekleyip silmede çok sık sorun yaşanırdı ve kimi zaman şablon berbat edilirdi.</p> <p> </p> <p>Bu gün RSS okuıyucumu açıp yeni yazıları okurken resmi Blogger blogunda HTML editörünün düzenlendiği duyuran bir <a href="http://buzz.blogger.com/2013/04/improvements-to-blogger-template-html.html" target="_blank">yazıyla</a> karşılaştım. Hemen Blogger HTML editörünü açtım ve çok kullanışlı bir hale geldiğini gördüm. Öyle ki tema kodlarken Notepad++ kullanmaya bile gerek kalmayacaktır artık. </p> <p> </p> <p>Şablonları düzenlemenizi oldukça kolaylaştıracak olan yeni Blogger HTML editörüne getirilen özellikler şunlar:</p> <p> </p> <p><strong>1. Widget’a Atla</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7pgXd38dVP7py0BnLW-HqBT3jrp534vHOnHy2qhldtgs0a5ladBYa3M8aLAZFHPTCap_NTfgSwxaORcXXO_7oLPG_Zxat2GFFO30YQ1Izoh9BaZicAMC3-1AJEMqJOJh60__p3r3Tmf8_/s1600-h/widget-atla%25255B6%25255D.png" target="_blank"><img alt="Widget'a Atla" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrEr6AhL9OBd_C7AVY5ccA-zXMHWnFXRENSMWHk6SOaj8AldbxV0VzzoKzTcftBFDQZ99anTg7MsdJGViVQzlnfhIhy1kt-bkBZ77CFsBQ45-ef6UCopryJSp4de8XbN95u8IzGph8-YLP/?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="Widget'a Atla" width="527" /></a></p> <p> </p> <p>Bu sayede belli widgetlara ait kodları bulmak çok daha kolay oldu. Açılır menüden kodlarını görmek istediğiniz widgetı seçtikten o widget kodlarının olduğu blok anında açılıyor. </p> <p> </p> <p> </p> <p><strong>2. Genişletilebilir Kod Bölümleri</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiNU0qpIb6dbruIWNy6KDgSFMRK-WMMaOE2fnrhwID5wInWhTf8dmnH8ZtGyi6w9joUcmfLljh5NicHDdilZAEi-M3aszfD6giJuthpxwNJ1fLl-1nu1xkK-ms0Zcg36tWVV6D_WH6-pTh/s1600-h/genisletilebilir-kod-bolumleri%25255B10%25255D.png" target="_blank"><img alt="Genişletilebilir Kod Bölümleri" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gLwpus9Jzdqt-4hBjIw-jmuYch7Yn2ffBK4vABuoqq7qxeg8umt1zFZp26Q-_HwmYkgbIVMZhVt5_Ei9Xs3PRTvWaN9KvnyexCzM-xUw_XL-l646Qunwd2tzNeqUqp_zbMtpTA8WDNfQ/?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="Genişletilebilir Kod Bölümleri" width="527" /></a></p> <p> </p> <p>Kod bölümlerinin açılır – kapanır olması HTML editöründeki karmaşıklığı azaltmış ve daha temiz bör görünüm sağlamış. </p> <p> </p> <p> </p> <p><strong>3. Çerçeve İçi Önizleme</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoMgvbfn-DtYQz0IiDyBPixgoRXt5-F6IrDe7cIUP6IpziMIRxW70rSJIF3voSodDJo8GXVe-_GJoojF4LWyNlq1PcZ0W9rnFFcht53WxSlduxyA_nxJd4B3-My74iTDo4PxuxpP4tEaQa/s1600-h/sablonu-onizle%25255B5%25255D.png" target="_blank"><img alt="Şablonu Önizle" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxtMvHjhG1Tv0H-23AXXh2nt3qeQhD9Icpq4HDAE4NyWu1Kp0BZA6yfF4ZL3j6shtmKeOOM-lCLId9FZSTWA1mXz9dBHoF0qJwxsqdU4wB5q09NIh-nSCnmPuAROhEVOrcB2PS3Ccbw0s0/?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="Şablonu Önizle" width="527" /></a></p> <p> </p> <p>Hatırlayacağınız gibi daha önce önizleme yaptığınızda yeni pencere açılırdı. Yeni HTML editöründe önizleme yaptığınızda şablon aynı pencerede gözüküyor. Hemen yanındaki Şablonu düzenle butonuna bastığınızda ise kod editörüne dönüyor. </p> <p> </p> <p> </p> <p><strong>4. Şablonu Biçimlendirme</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc1Ezb7wgRqz8ncCwdkIY5kBSpqpZKfRI5Hcl9vheYML0xiKuXndXRXQtQ0A10t6eCZK2X7wLCLRA_2VeCaessaR1nQzwEpHddYRkffgHB2HNgQ2QpSbZ0jruYxvZSslAoz0JgVAGAh9tb/s1600-h/sablonu-bicimlendirme%25255B4%25255D.png"><img alt="Şablonu Biçimlendirme" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9FEXNfTwihfuI9JHnuYTYVkD7rgiRanmO5sBiWqJrKsjvktVWCveHW0JUB4GdoUeQeaK9INnM0vY_Qd7TtR1xLwDwh6VN8DpR9tVHqT8D39PTrcHIqxw3UDFKOl9c98bV-sq7f0Zpd238/?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="Şablonu Biçimlendirme" width="527" /></a></p> <p> </p> <p>Şablonda değişiklik yaparken kodlar birbirine bitişikse ve beyaz alan hiç kalmadıysa bu buton imdadınıza yetişecek. Şablonu biçimlendir diyerek kodların belli bir düzene göre dizilmesini sağlayabiliyorsunuz.</p> <p> </p> <p> </p> <p><strong>5. Kelime Değiştirme</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB2BTIxRPTiCCGHrQt7c49mqWxmT75-KevjgE56ePQUgi2-d8DLDqirFBHdKNiwDZtFz4UDPj_TXcOnMrk_uGOs_6fKyf-EgFatAjQTTmpSAIR-Sb0unUeJBR71Grc3bbVGDH0KVDCnFb0/s1600-h/kelime-degistirme%25255B5%25255D.png" target="_blank"><img alt="Kelime değiştirme" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNZoWgtszXWJR4KDgpMVks4lyBXEBVEgVvgjjrGuShiTJJbQ2x7boY68V_ys0ShtlDAG5jb6JEdb5CZbAT5xS6QsbWZ1s8vXcY-fXKhvKHUqK2q6Nkx9dyml1Yp0XLuRd2OmVCCE5eAzzQ/?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="Kelime değiştirme" width="527" /></a></p> <p> </p> <p>Bu özellik yabancı şablonları Türkçeleştirmek isteyenlerin çok işine yaracak. Eski HTML editöründeki <strong>Ctrl + F</strong> ile arama kutusu açma özelliği bunda da mevcut.Ayrıca Ctrl + Shift + F tuş kombinasyonunu kullanarak kelime değiştirme kutusunu da açabiliyorsunuz. Böylece yabancı şablonları pratik bir şekilde Türkçeye çevirebilirsiniz.</p>

Blogger Şablon HTML Editörü Yenilendi

Blogger şablonlarını düzenleek isteyenler genellikle Blogger kumanda panelinde Şablon > HTML’yi düzenle sekmesindeki kod penceresini kullanırlar. Fakat bu kodpenceresi pek kullanılışlığı olmadığı için…

Devamı »

Blogger’da Google+ Arkadaşlarından Bahsetme Özelliği

<p>Blogger’ın yazılım mühendisi Malte Ubl, resmi  Blogger blogunda yapığı bir <a title="Mention people in your posts with Google+" href="http://buzz.blogger.com/2012/12/mention-people-in-your-posts-with-google.html" target="_blank">açıklamayla</a> yeni bir özelliği bizlere tanıttı. Artık blog yazılarında çevrelerinizde bulunan her hangi bir Google+ profiline veya sayfasına mention gönderebiliyorsunuz. </p> <p> </p> <p>Bunun için Blogger yazı editöründe mention göndermek istediğiniz kişinin ismin başına <strong>+</strong> işaret koymanız yeterli. + işareti koyup bir isim yazmaya başladıktan sonra çevrenizdeki kişiler listelenecektir. Böylece listeden mention göndermek istediğiniz kişiyi seçebilirsiniz.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3h57ogkmc1jov7HCKR19SCJ1buNBKXzCP_uDmO73eRtDgrNTGP5sXYBCaTSWSAuHmlTWMSoql4Sz0QNUfaYQnDdnPoXbknJT1WubgTu-H2g0ZDsu3Cd9H6aYAKfPt0rJKc_OmCcy8FaUH/s1600-h/googlemention11.png" target="_blank"><img alt="Blogger'da Google+ Çevrelerine Mention Gönderme Özelliği" border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ-GeQEYnBDPU8Jb9a1cBKTCn6cck254lw3RlC4ahivh_i5y3RY11YmthyA0pBFWqIVc6d3c7iWc-w1yyTyYR7wz5k_WgO3JTIjn9GtgLhdPqlgvA8R41xMp6dSlkMNUZKapjK9i7wMoH8/?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'da Google+ Çevrelerine Mention Gönderme Özelliği" width="527" /></a></p> <p> </p> <p>Bu özelliği kullanabilmek için blogunuzu Google+ profilinize bağlamanız gerekiyor. Blogger gelişmeye ve devam ediyor. Bakalım sıradaki yenilik ne olacak…</p>

Blogger’da Google+ Arkadaşlarından Bahsetme Özelliği

Blogger’ın yazılım mühendisi Malte Ubl, resmi  Blogger blogunda yapığı bir açıklamayla yeni bir özelliği bizlere tanıttı. Artık blog yazılarında çevrelerinizde bulunan her hangi bir Google+ profiline …

Devamı »

Blogger’dan Yeni Özellik: Özel Permalinkler

<p>Blogger kullanıcılarının gelişmesini en çok istedikleri şeylerin başında şüphesiz SEO kontrolü ve deneyimi geliyor.Blogger da kullanıcılarının bu beklntisini kraşılayacak adımları atmaya devam ediyor.<a title="Blogger Draft" href="http://draft.blogger.com/home" target="_blank">Blogger Draft</a>’ta kullanılmaya başlanan ve çok yakında normal kumanda panelinde de aktifleşecek olan son özellik ise özel permalink ayarları.</p> <p> </p> <h4>Permalink Nedir?</h4> <p> </p> <p>Blogunuzda yer alan her hangi bir yazının  başlığına tıkladığınızda tarayıcınızın adres satırında gözüken URL’ye permalink ya da permanent link ( kalıcı bağlantı ) denir.</p> <p> </p> <p>Blogger’da biryazı yayınladıktan sonra Blogger o yazınızın permalinkini 35-40 karakter olacak şekilde otomatik olarak belirler.Eğer başlıkta türkçe karakterler kullandıysanız oluşturulan bu otomatik permalinkanlamsız bir URL olur ve arama sonuçlarında sizi 1 adım geriye iter.</p> <p> </p> <p>Daha önce bloguma misafir yazar olan <a title="Burak Göç" href="http://www.facebook.com/profile.php?id=100001545840688" target="_blank">Burak Göç</a>, Blog Hocam için yazdığı <a title="SEO Dostu Url Oluşturalım" href="http://bloghocam.blogspot.com/2012/04/seo-dostu-url-olusturalm.html" target="_blank">SEO Dostu Url Oluşturalım</a> başlıklı yazısında bu konudan bahsetmiş ve bu sorun için meşakkatli de olsa bir çözüm bulmuştu.Artık o yazıda anlatılan ve çoğumuzun üşendiği için uygulamadığı bu hileye gerek kalmayacak çünkü Blogger, Draft panelinde özel permalink ayarını kullanıma açtı.</p> <p> </p> <h4>Özel Permalink ( Kalıcı Bağlantı ) Nasıl Oluşturulur?</h4> <p> </p> <p>Yukarıda da söylediğim gibi özel permalink ayarı şu an için sadece Draft panelde mevcut.Bunun için öncelikle <a title="Blogger Draft" href="http://draft.blogger.com/home" target="_blank">Blogger Draft</a> paneine giriş yaparak yeni bir kayıt oluşturun.Yazınıın başlığını yazdıktan sonra sağ taraftaki Kalıcı Bağlantı seçeneğine tıkladığınızda yazı başlığınıza göre oluşturulan otomatik URL’yi göreceksiniz.</p> <p> </p> <p>Örneğin ben yazı başlığına <strong>Özel Kalıcı Bağlantı Ayarı</strong> yazdım ve otomatik URL şu şekilde oldu: <strong>http://bloghocam.blogspot.com/2012/06/ozel-kalc-baglant-ayar.html </strong></p> <p><strong></strong></p> <p><img alt="Blogger Özel Kalıcı Bağlantı Ayarı" border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCxm4mvU66QbiCZUMlx_BY-Q3sWrt0EC6f7bLcJNGrLaAYMqoZigloKCnxeq-PNUibH1ADSWEocy7HZ7HZLMdvldLbTvE2c7oc9fyKRID931N1PBvSe8oOXMvhKZ9ArUTsNZifMjFDtFhi/?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="Blogger Özel Kalıcı Bağlantı Ayarı" width="232" /></p> <p> </p> <p>Gördüğünüz gibi otomatik oluşturulan permalink türkçe karakterleri içermediği için oldukça anlamsız oldu ve beni Google aramasında bir adım geri attı.</p> <p> </p> <p>Şimdi buradaki Özel URL seçeneğini işaretleyip SEO dostu bir permalink oluşturacağım.Özel URL olarak Ozel-Kalici-Baglanti-Ayari yazarsam türkçe karakterlerden kurtulmuş olurum böylece permalinkim daha anlamlıı bir hale dönüşür: <strong>http://bloghocamtest.blogspot.com/2012/06/Ozel-KaliciBaglantiAyari.html</strong></p> <p> </p> <p><img alt="Blogger Özel Kalıcı Bağlantı Ayarı" border="0" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUD32xPHx56ss3M0DsYqvop6PDR8rnUAN0FH0KoJz3dcSIdL4EbeSOdE78qcl2Oe8XXf3BDRPpImss__J47mrbUhiA-xgP2vmzNEMixJSBvlMWtSK50eabSGFDaP6do317NCsg4pKVUgeK/?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="Blogger Özel Kalıcı Bağlantı Ayarı" width="232" /></p> <p> </p> <p>Blogger eski arayüze alışan kullanıcılarını (ben de dahil) yeni arayüze geçmeye bir türlü ikna edemediği için tüm eski arayüzü tammamen iptal etme kararını aylar öncesinden almasına rağmen sürekli erteliyordu.Bu sırada kullanıcılara yeni arayüze geçmeleri içinyeni sebepler üretmeye devam etti.Son sebebimiz de bu özel permalink ayarı.Bakalım yeni arayüze geçmeye ne zaman mecbur bırakılacağız.</p>

Blogger’dan Yeni Özellik: Özel Permalinkler

Blogger kullanıcılarının gelişmesini en çok istedikleri şeylerin başında şüphesiz SEO kontrolü ve deneyimi geliyor.Blogger da kullanıcılarının bu beklntisini kraşılayacak adımları atmaya devam ediyor.…

Devamı »

Blogger’dan +1 Düğmesi ve Google+ Rozeti Gadgetları

<p>Bugün test blogmda bir eklenti denerken HTML/JavaScript gadget’ı eklemek için gadget listesini açtığımda Blogger’ın listeye 2 yeni gadget eklediğini farkettim.Neler mi?</p> <p> </p> <h4>+1 Düğmesi</h4> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPXtZoBWcpZZw5Wspkfj7pCVAy7EzeFgviIafzeftwRpwUsi3c56mk3Rzi9WvZZXHraxeqaz6iCy4qF29DvLDPdP69KFHQOCf5bNQfBogvJpf8CRagXLIf4poiNwlhikl3h2qF9RlaN0tY/s1600-h/%25252B1gadget%25255B5%25255D.png" target="_blank"><img alt="+1 Düğmesi" border="0" height="59" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZRxxIaTIAabZDLmDSg0XrC8UjMsoAEEiSWDjeL50zEl35oQHRE8x2DZ39BaxK1GDwpVY6NTTsUdl42iSB5mwixiOpmm2c6vDDK77Rl5B4_gT0ArH_5tqcwHfS65Z6zttvGcSP7y5oSiJk/?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="+1 Düğmesi" width="525" /></a></p> <p> </p> <p>Ziyaretçilerin, içeriğinizi Google Arama'da önermesine ve Google+'da paylaşmasına izin vermelerini sağlayan buton.</p> <p> </p> <h4>Google+ Rozeti</h4> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6qRa1TaQfLE866VWsQuwDxLnR6cfL5N50kM05Tyd2Jpohrl8ecXh_SbE7cUFu6byfBeitdWgPE7LNyqd1iRaIbLVTUktS2w7Yfa8jHX2brSbjnmgSpk7f3svP_WUmuIj6uth2dvRkWwG9/s1600-h/rozetgadget%25255B5%25255D.png" target="_blank"><img alt="Google+ Rozeti" border="0" height="52" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigAkYwU-gqtsCdkUmaRJJTcBAtId8n7LBvcdOVY4zuLvZg1e4lPOlckivCqrDikTBO9rMfCbAjaGQttU1Do7KeBPX46lomhce9bU8ibeDP-4W2xK27JB9hrYAiUs_-haMfVoq-dMJULWuD/?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="Google+ Rozeti" width="525" /></a></p> <p> </p> <p>Ziyaretçilerinizin Google+ profilinize veya blogunuz için oluşturduğunuz Google+ sayfanıza ulaşarak sizi çevrelerine eklemelerini sağlayan rozet.</p> <p> </p> <p>Bunlar yeni özellikler değil ama çoğu blogcu bu butonları bloguna elerken kodlarda yaptığı hatalar nedeniyle sıkıntı yaşayabiliyordu.Bu ayede herkes +1 düğmesini ve Google+ rozetini zahmetsizcer bloguna ekleyebilecek.</p>

Blogger’dan +1 Düğmesi ve Google+ Rozeti Gadgetları

Bugün test blogmda bir eklenti denerken HTML/JavaScript gadget’ı eklemek için gadget listesini açtığımda Blogger’ın listeye 2 yeni gadget eklediğini farkettim.Neler mi?   +1 Düğmesi     Ziyaret…

Devamı »

Özel Yönlendirmeler İle Kendi URL’lerinizi Oluşturun

<p>Geçtiğimiz günlerde Blogger’a eklenen yeni <a title="Blogger Arama Tercihleri" href="http://bloghocam.blogspot.com/2012/03/yeni-arama-tercihleri-ile-bloggerda-seo.html">SEO ayarlarını</a> sizlerle paylaşmıştım.Henüz çok yeni olduğu için biraz kurcalayıp ayarlardaki değişiklikleri yaratacağı sonuçları görmeden sizlere detaylı bilgi vermemiştim.Uğraştıkta bu ayarların marifetlerini öğrenmeye başlıyorum ve sizlerle paylaşacağım ilk ipucu özel yönlendirmeler ile ilgili olacak.</p> <p> </p> <p>İlk kontrol ettiğimde özel yönlendirmeleri eski bir yazıyı, aynı konuda ki daha güncel olan başka bir yazıya yönlendirmek için kullanabildiğimizi düşünmüştüm ancak farklı bir şekilde daha kullanabileceğimizi gördüm.Nasıl mı?</p> <p> </p> <p>Özel yönlendirme ayarı sayesinde <strong>blogunuz.blogspot.com/sayfa</strong> şeklinde özel bir adres oluşturabiliyorsunuz.Bu adrese tıklandığında ise belirlediğiniz her hangi bir sayfaya yönlendirme yuapabiliyorsunuz.Hemen bir örnekle açıklayayım.</p> <p> </p> <p>Test blogum için bir iletişim sayfası oluşturdum ve adresi şu şekilde:</p> <p><a href="http://bloghocamtest.blogspot.com/p/iletisim-formu.html" target="_blank">http://bloghocamtest.blogspot.com/p/iletisim-formu.html</a></p> <p> </p> <p>Ancak ben bu adresi çok uzun ve karışık bulduğum için <a href="http://bloghocamtest.blogspot.com/serdar" target="_blank">http://bloghocamtest.blogspot.com/serdar</a> yazdığımda iletişim sayfasının açılmasını istiyorum.</p> <p> </p> <p>Bunun için güncellenmiş Blogger arayüünde <strong>Ayarlar </strong>> <strong>Arama tercihleri</strong> > <strong>Özel Yönlendirmeler</strong>‘i açıyorum ve yeni yinlendirme oluşturuyorum.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglNiqGIJN49uGvtbPdAsLZTbuU1MaZDrQbOdLTMJQIynxBysjoMkIeD3qmjwnD8JHZ29P3PhAUttlTF8zGlpggzTegRP_9bvcT68cgbx16BNXD-XqkXreMURTPCtADsxh3-iv5Abqqxcsy/s1600-h/ozel-yonlendirme%25255B5%25255D.png" target="_blank"><img alt="Özel Yönlendirme" border="0" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHHOuAKG19naKCKKu7_PU2Hv4SExu35IdSajHuBaMJmSmAJbjJmrMo8YBiiSp0Ih7UAYy9BmVPDt4XTwEYnfPF9_fEj4pTcFAsfzgusIw1BJwpSK1SVbagTHrMzexY1NivBqlp3FL0LgVY/?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="Özel Yönlendirme" width="527" /></a></p> <p> </p> <p><strong><u>Kaynak:</u></strong> /serdar </p> <p><strong><u>Hedef:</u></strong> /p/iletisim-formu.html</p> <p> </p> <p>Bu şekilde ayarladıktan sonra kaydediyorum.Artık tarayıcının adres satırına <a href="http://bloghocamtest.blogspot.com/serdar" target="_blank">http://bloghocamtest.blogspot.com/serdar</a> yazdığımda otomatik olarak iletişim sayfası açılacak.</p> <p> </p> <p>Blogger’da etiketlere ait URL’ler bildiğiniz gibi çok uzun.Özellikle o konuda çok işimize yarayacağını düşünüyorum.</p>

Özel Yönlendirmeler İle Kendi URL’lerinizi Oluşturun

Geçtiğimiz günlerde Blogger’a eklenen yeni SEO ayarlarını sizlerle paylaşmıştım.Henüz çok yeni olduğu için biraz kurcalayıp ayarlardaki değişiklikleri yaratacağı sonuçları görmeden sizlere detaylı bil…

Devamı »

Yeni Arama Tercihleri İle Blogger’da SEO Daha Kolay

<p>Google’dan Blogger kullanıcılarına iyi haberler gelmeye devam ediyor.Son olarak “<strong>Arama tercihleri</strong>” ayarları kumanda paneline eklendi.Blogger’ın bu yeni özelliği sayesinde meta etiketleri, robots.txt dosyası, yönlendirmeler, 404 hata sayfaları ve görseller için alt etiketleri daha kolay yönetilebilecek.</p> <p> </p> <p>Güncellennmiş Blogger arayüzünde <strong>Ayarlar </strong>> <strong>Arama tercihleri</strong> bölümünde bulabileceğiniz yeni özellikler şunlar:</p> <p> </p> <p><strong><u>Açıklama:</u></strong> Arama sonuçlarında blog başlığının altında gözükmesini istediğiniz açıklamayı buradan değiştirebilirsiniz.Maksimum 150 karakterlik kısa bir açıklama yazmalısınız.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx3QKzVOL9vUIVy4LSsvsf7dumqIN1CPX_wltaahEuexjsd0F21e0b-jkTW1olZhnRyc419hHPwnS1Zac4Hos-lmmSx8efAk9Vp3ptIofLQu9U2GLdZ3AViUU7pOiLtAW0l463II5DX1Y4/s1600-h/aciklama%25255B5%25255D.png" target="_blank"><img alt="Açıklama" border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0wNR-OZSEgQw1N-ax-G8AGgzuVa1bRJocQ7-2dp23MwalTmxEwGZB9X5DgObDYRNkOEIUIX2H5sEdj2NRiWZEQlDqSMS18vlBaTM7fhTKV3egzS7O0WzYkYSz4R3NCruiE97rxn5Ji1IW/?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="Açıklama" width="527" /></a></p> <p> </p> <p><strong><u>404 Hata Sayfası:</u></strong> Blogunuzda silinen bir sayfaya gidildiğinde görüntülenen Blogger’ın sıradan hata sayfası buradan değiştirebilirsiniz.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-E35LaiM1g5dsq4I7tPVWHFlVbw3MxKuscWs2f-H_aO83yiEIpzvy1KdkdKidhyE7yk_JMMpoU_d3D3DkbcZBs8DOr2ZeuJglgH781wSNC1WfmavWHHxW96cta67ntdipydG0-8LeJ7IG/s1600-h/404%25255B5%25255D.png" target="_blank"><img alt="404 Hata Sayfası" border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAVqdvQs2rxT0hKdsH0mCe00q9gpas0ueZVBrcXHwLziWFdpkCP4hBJBK64KGok7BfMtXN2FzLRisBvz55eIZygREOhQRZQcJec07K1apcikmE_uDB0Fxf6pT3f7XFViPz498CJ2oDp1aw/?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="404 Hata Sayfası" width="527" /></a></p> <p> </p> <p><strong><u>Yönlendirme:</u></strong> Bu özellik sayesinde blogunuzdaki bir sayfayı başka bir sayfaya kolayca yönlendirebilirsiniz.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTC0zWgSjCRzKFNThwQJ2nCD6FxoJ_WYRXI_2mlSMhCMRjl9sfFC0lGu5I41Iprr-Pf9TPOi7KtAqOKUNlgc6q8k9us7_8U7DmwgUdxvZhaR8EWT5j6C5ZgW1IbwAo6jarqxJVTo4KpyR3/s1600-h/yonlendirme%25255B5%25255D.png" target="_blank"><img alt="Yönlendirme" border="0" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMbuI60o-rkKyXNznliwVUMUkzEupiJgpW7lKK8eY6Creeh9D_LOHU9NJ2hzdhLkZ5ntfcBCbKC0z_cyj_oxs7eZTL8TvypiZS_BTDLMuWFo_b09grawnNvFjONSW3iKZJpPR8Q1u4UYv5/?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="Yönlendirme" width="527" /></a></p> <p> </p> <p><strong><u>Robots.txt:</u></strong> Bu dosya arama motoru botlarının blogunuzda nasıl hareket edeceklerini gösteren çok önemli bir dosyadır.Önceden tüm Blogger bloglarının robots.txt dosyası aynıydı ve dışarıdan müdahele şansı yoktu.Artık bu konuda uzman kişiler robots.txt dosyasını düzenleyerek arama motoru botlarını istedikleri gibi yönlendirebilecekler.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5lAaOxMKXdM1anuwhisv8IqUTYXNcZ54UoIf_0BT_30IJx7BjupqnSHQSY6Bua9IOQovJPzgaeyddPBu_CXdP8w_fU2Q2kcwsO_wVTubw7jNECGq9KI78gYdt_QHLCQUalRcoQTZmfyMX/s1600-h/robots-txt%25255B5%25255D.png" target="_blank"><img alt="Robots.txt" border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbrrIOwFTQ-loWNKz9cW60bS4s0-uDNkPCX-SfDh4oO3Sxa76ruhDfOAhx5xNdIoc71MaiPvC92n_O8WJGUxhmTQf5PpJAaWi5r3jcsZcg7JtEpQWu3YnBaB8nkmEskoNSBJb9HF4VC-W3/?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="Robots.txt" width="527" /></a></p> <p> </p> <p><strong><u>Robot Başlık Etiketleri:</u></strong> Arama motoru botlarının ana sayfada, arşiv sayfasında, arama sonuçları sayfasında, kayıt sayfalarında ve statik saygfalarda nasıl davranacaklarını bu bölümden ayarlayabilirsiniz.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0XYmmgi2nWgTlc9o5r1DLIjIUq3i-0EDSprAvqWKgWf4klrIz-zXMTAnUr1YoQ0qQQSqchapTcQ68IfLwkx2QOymU2OTU8YUj_1YE7VKGh90gSg9bzIWd7fow7xm2jKzYyRUu4OTxyeym/s1600-h/robot-baslik-etiketleri%25255B5%25255D.png" target="_blank"><img alt="Robot Başlık Etiketleri" border="0" height="348" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_nlw91PaDe9yADLJf7arR7rDBHEEn_yBb48OjTsJUr60ASep_YiIE2gcN8aI6huHCD0P6eAZ3jCWDmBb7RxBf51-4f41rma_dJHI5CfV_qidqdNtMuG7gLaD-80sXpFxLobgIW-rKDzW/?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="Robot Başlık Etiketleri" width="527" /></a></p> <p> </p> <p><strong><u>Her Kayıt için Ayrı Arama Açıklaması:</u></strong> Meta description dediğimiz arama açıklamasını her kayıt için ayrı ayrı ayarlayabilirsiniz.Yeni kayıt oluşturma sayfasında, sağ tarafta <strong>Arama Açıklaması</strong> bölümünden o kayda ait arama açıklamasını ayarlayabilirsiniz.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-J-aAOVg-3TPcXaSNzR5sRM30cbOejSy3UCY0rQM_x6GyJbAoqb81GBkzIgy6aO9XGk3Z0GYHApMe6lRbqJNDnQjVUNgg0RTVpepR7u8kFwSYEGhin-LKe1VDgDRGZN0VA4iAb4olCpGO/s1600-h/arama-aciklamasi%25255B280%25255D.png" target="_blank"><img alt="Her Kayıt için Ayrı Arama Açıklaması" border="0" height="343" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1ZFpF4X3MSl8eRHfzTaNZ4YrMc9fA_R8Re2JFtry-n7677ahw5K3QEpGlAhnQQaNaPcItq5qnCy4F__i_SOqCELIfuYl7x9JiAiMj8QlZi9Mq__Ia8XOA8NdeoUfkR7G9wM-C3FEnRL0B/?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="Her Kayıt için Ayrı Arama Açıklaması" width="252" /></a></p> <p> </p> <p><strong><u>Her Kayıt için Ayrı Robot Etiketleri:</u></strong> Arama motoru botlarınaher kayıt için ayrı komutlar vermek için yine yeni kayıt sayfasındaki sağ tarafta bulunan <strong>Özel Robot Etiketleri</strong> seçeneğini kullanabilirsiniz.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqZkSUiigu_gjb96pUPQqmRJyALvwlDK1cjsV-jZrqOGtSveLgB1Rf_2EF4y_Xt9umSecEeqMuUVO0graPU2rI3DQhxZu3Tlf_3xAWSafdcVyyNvtAl7VdtrPOtJs9hpsKkiFvjlp0W5pM/s1600-h/ozel-robot-etiketleri%25255B5%25255D.png" target="_blank"><img alt="Her Kayıt için Ayrı Robot Etiketleri" border="0" height="437" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj9ToNURmjg7ZG7D_EGZnlQr7JlsnBewQRCsZX5j3rw4MzfWdY8dEaRPVLz33phnKusM-AD2xZH9rq0Fn1JvniwwYev9z1ld8eEd4whPKfc3BmqUePMIjNYtcVlZzsNO9Q-i6V8ZTmvdaq/?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="Her Kayıt için Ayrı Robot Etiketleri" width="252" /></a></p> <p> </p> <p><strong><u>Görseller İçin Title Ve Alt Etiketi:</u></strong> Yeni kayıt oluştururken yazınıza bilgisayarınızdan bir resim eklediğinizde resmin üzerine tıkladığınızda <strong>Properties</strong> seçeneğini göreceksiniz.Buradan resme title ve alt etiketleri ekleyerek görsel aramalardan ziyaretçi kazanabilirsiniz.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCLKoaI6pB540QU_31BGR_JbjZ6LrOHFR7nBlLvNYlj-xAnhLLCEZjWEOthIuY70SYrH5UykULR8UuAcolGOXOfImsIN0Pyw9H6ygC5BxR3fbmBzAxnk2SUZQMhgI7kY_Olz7cR8L1tTDZ/s1600-h/alt%25255B5%25255D.png" target="_blank"><img alt="Görseller İçin Title Ve Alt Etiketi" border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTVdMDsp-xOZpZWT4weJkJk9P5nsAwaTnrzLPzLEdeSF-7SJhPOLrw_efAe5yGGtMm3aLJZCv3htH-mz0g3wNU2UOxQdj0vCSFa9FGq_xRgMdzMq7REz0KnRbwOasJkS3s0-rLiDaPguOG/?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="Görseller İçin Title Ve Alt Etiketi" width="527" /></a></p> <p> </p> <p><strong><font color="#ff0000">Önemli Hatırlatma</font></strong></p> <p><strong><font color="#ff0000"></font></strong></p> <p>Robots.txt ve robot etiketleri ile ilgili ayarlar uzmalık gerektirir.Bilginizden emin değilseniz bu ayarları değiştirmeyin.Blogunuzun arama sonuçlarında hiç gözükmemesine sebep olabilirsiniz.</p>

Yeni Arama Tercihleri İle Blogger’da SEO Daha Kolay

Google’dan Blogger kullanıcılarına iyi haberler gelmeye devam ediyor.Son olarak “Arama tercihleri” ayarları kumanda paneline eklendi.Blogger’ın bu yeni özelliği sayesinde meta etiketleri, robots.txt d…

Devamı »

Blogger, Dinamik Şablonlar İçin Sidebar Ve Gadget’ları Duyurdu

<p>Bildiğiniz gibi Google geçtiğimiz sene <a title="Yeni DinamikBlogger Şablonları" href="http://bloghocam.blogspot.com/2011/09/yeni-dinamik-blogger-sablonlar.html" target="_blank">Dinamik Blogger şablonnlarını</a> kullanıma sunmuştu.Görsellik ve hızlı çok tatmin etmesine rağmen kullanılabilirlik açısından zayıf olması nedeniyle pek rağbet görmemişti Blogger kullanıcıları tarafından.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHc4td4Mvnxq7ipMhqiYDGJTkugF5Yko-NWK3d67_EXtXeDzdZRPiHSW0wLmJptup5tI1ITl_uI7py-dYz3LKlDrHBpHdzUaZXyEsiwdyvCDS7uOZNXnsVF4wdfmUaXM2EQHhB15POFNnl/s1600-h/blogger-dinamik-sablonlar-sidebar%25255B6%25255D.png" target="_blank"><img alt="Blogger, Dinamik Şablonlar İçinSidebar Ve Gadget’ları Duyurdu" border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOrPgIIUVh6rciTho_NyQZpDWm4ktOAAjH7-RK9hsrMa3o5T0priTuYIOx88FMjCxj4Ui9VMDeHImFQaCv4mpihstQ5zRBIlGc93kWbytT_ZrCHR2QH9fM9uiWF9tw03sNdqmNRyp8pVsw/?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="Blogger, Dinamik Şablonlar İçinSidebar Ve Gadget’ları Duyurdu" width="532" /></a></p> <p> </p> <p>Blogger’ın dinamik şablonları geliştirmesi bekleniyordu ki ilk hamle atıldı.Google yaptığı <a title="Dynamic Views: Update #3 - Gadgets!" href="http://buzz.blogger.com/2012/02/dynamic-views-update-3-gadgets.html" target="_blank">açıklamayla</a> dinamik şablonlarda açılır kapanır bir sidebar ile bazı gadgetların kullanıma açıldığını duyurdu.Sidebar’a ekleyeileceğiniz gadgetlar ise şunlar:</p> <p> </p> <ul> <li>Blog Arşivi</li> <li>İzleyiciler</li> <li>Etiketer</li> <li>Profil</li> <li>Bağlantı listesi</li> <li>Abonelik Bağlantıları</li> </ul> <p>Bakalım bundan sonra dinamik şablonlar ile ne gibi yenilikler gelecek.Ben bu kadar yaygara yapılarak duyurulan dinamik şablonlar ile ilgil çalışmaların bununla sınırlı kalacağını düşünmüyorum.</p>

Blogger, Dinamik Şablonlar İçin Sidebar Ve Gadget’ları Duyurdu

Bildiğiniz gibi Google geçtiğimiz sene Dinamik Blogger şablonnlarını kullanıma sunmuştu.Görsellik ve hızlı çok tatmin etmesine rağmen kullanılabilirlik açısından zayıf olması nedeniyle pek rağbet görm…

Devamı »

Blogger, Yorumlara Yanıt Özelliğini Duyurdu

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

Blogger, Yorumlara Yanıt Özelliğini Duyurdu

Blogger’ın en sevmediğim yanlarından biri oldukça basit olan yorum bölümüydü.Blogger geliştiricileri nihayet buna bir çözüm üretti ve yorumlara yanıt verme özelliğini duyurdu.   Eğer Blogger’ın kend…

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ı »

Yeni Dinamik Blogger Şablonları

<p>Google son Blogger güncellemesini farkettiniz mi? Dinamik Blogger şablonları…Bu yeni Ajax tabanlı şablonlar sayesinde iblogunuzdaki yazılar arasında sayfa yüklemeden geçiş yapabiliyorsunuz.Yani adres çubuğundaki adres değişmiyor.</p> <p> </p> <p>Bu yeni Blogger özelliği hakkındaki görüşlerimi yazayım, kullanıp kullanmamak size kalmış…</p> <ul> <li>Google blogunuzu indekslerken scriptleri okuyamadığı için SEO dostu değil. </li> <li>Sidebar olmadığından herhangi bir widget ekleyemiyoruz.Şimdilik. </li> <li>Google AdSense reklamlarını görüntüleyemiyoruz.</li> </ul> <p>Şimdilik. </p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8oDWfDm-ph7S_VAKNcATlrFniEOkm66_Ohr0ixmIorm8zqXLGLYsA7MpeNzWuV45ojzFaCzwAJ0yuXJEv4zLJPxLfaCJZdQ370l8twaYkAsJ_6nLJZd0FysKwFs2rQeYAGgY4Hg5mE2Ye/s1600-h/blogger-dynamic-views%25255B9%25255D.png"><img alt="blogger-dynamic-views" border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSaInLU9LYI88I5XMgQGjA2TL-iDBAcuXAGgxR7-MtGmfvvWaZPtFmzVz1hobOtqiHAtR4PXsBYryu2S6woO4T_HRZl5h2cnpEZ_tybdsJs5v9nYixQHA851w8-GtNHCjNz5HHpbKsI9S6/?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-dynamic-views" width="497" /></a></p>

Yeni Dinamik Blogger Şablonları

Google son Blogger güncellemesini farkettiniz mi? Dinamik Blogger şablonları…Bu yeni Ajax tabanlı şablonlar sayesinde iblogunuzdaki yazılar arasında sayfa yüklemeden geçiş yapabiliyorsunuz.Yani adres …

Devamı »

Blogunuzun Mobil Versiyonunu Yapın

<p>İnsanların blogunuzu mobi telefonları aracılığı ile okumalarını istiyorsanız, blogunuzu mobil telfonlarda gezmeye uygun olacak şekilde hızlı ve kolay yapmalısınız. Blogger kumanda panelindeki bir ayarı aktifleştirerek blogunuzun şablonunu mobil telefonlara uygun hale getirebiliyorsunuz.Bu sayede insanlar blogunuzu mobil telefonları  ile ziyaret ettiğinde, görsel öğelerden arınmış, sade, basit ve hızlı bir blog ile karşılaşacaklar.</p> <p><img alt="Blog Hocam Mobil Şablon" border="0" height="330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAe_6B6Plej3S6tsVb-HLPQ8mi206tvm_Wu-oMfqTvcPKtCv0ZgHaR4MZFg02iH6CbOUQJ18DCjzmWcERqbCL21klKlB63AJNsrJ0MwDM3Jl66G5kMN3FBisiLiLYFkbrORkjXDXmLyMCp/s576/bloghocam-mobil-sablon.png" style="background-image: none; border-right-width: 0px; margin: 0px auto 5px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Blog Hocam Mobil Şablon" width="186" /></p> <p>Örneğin Blog Hocam’ın mobil telefon ayarını aktifleştirdikten sonra mobil telefonlardaki görüntüsü resimde ki gibi oldu. <br /> <br />Şimdi Blogger için mobil şablon ayarını nasıl aktifleştireceğinize geçelim… <br /> <br />Blogger kumanda panelinize giriş yaptıktan sonra <strong>Şablon </strong>><strong> Mobil Şablonu Özelleştir </strong>yolunu takip edin ve mobil şablonları aktifleştirerek kaydedin. <br /> <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH5-8x9ztdh5KFoDwoXtpVCOxoAWqoKEMvVyPXnG1IdB4kMMc4oyBevXUs2PKFagfbeUqq-Ach6YrwQV4bJlBHL6mVdii3TmA3O5SfJ07oT8Q0_av4BzDTs-q7hRMjm7dpyNGnEyTjTF9r/s1600-h/blogger-mobil%25255B5%25255D.png" target="_blank"><img alt="blogger-mobil" border="0" height="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAxhxgy4XOnMT6FiD8gfs0FD1g3RcH5O4LwMQhSOy_tks9blOhGn7Nb_WxQyf6udBJZNSljDW4tVieed3devRWCFVerD5zPp-Me8I3g44sgYRACaZd933JqH6Rwc_HffRH2v89oUMyHrHk/?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="blogger-mobil" width="484" /></a></p> <p> </p> <p><strong>Önizle</strong> butonuna basarak blogunuzun mobil telefonlarda nasıl görüneceğini kontrol edebilirsiniz.</p>

Blogunuzun Mobil Versiyonunu Yapın

İnsanların blogunuzu mobi telefonları aracılığı ile okumalarını istiyorsanız, blogunuzu mobil telfonlarda gezmeye uygun olacak şekilde hızlı ve kolay yapmalısınız. Blogger kumanda panelindeki bir ayar…

Devamı »

Blogger’da Yazıyı İleriki Bir Tarihte Nasıl Yayınlarım?

Bayramda blogumda yayınlamak için bir yazı yazdım ama bayram günü müsait olmayacağım.Okuyucularımın bayramını nasıl kutlayabilirim? <br /> <br />Blogumda yayınlamak üzere birkaç adet makale yazdım ama yarın tatile çıkıyorum ve tatilde internet erişimim olmayacak.Ben tatildeyken bu yazılarımı blogumda nasıl yayınlayabilirim? <br /> <br />3 tane makale yazdım ama bunların hepsini 1 günde yayınlamak yerine her güne 1 makale olacak şekilde nasıl paylaştırabilirim? <br /> <br />Bu 3 sorunun da ortak bir cevabı var.Blog yazılarını zamanlamak… <br /> <br />Peki Blogger’da blog yazılarını nasıl zamanlayacağınızı biliyormusunuz? <br /> <br />Bilmiyorsanız yazıyı okumaya devam edin… <br /> <br />Blogger hesabınıza giriş yapıp, yazı editöründe yeni bir kayıt oluşturduktan sonra yazınızı yayınlamayın ve<strong> </strong>sağ taraftaki yayın ayarlarından Program Yap seçeneğini açın.Buradan tarih ve saati yayınlamak istediğiniz tarihe ayarlayarak tamamlayın.  <br /> <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGAl2DYnmP5SJF_pR0b3k4GNL3gS7wImzRmN7n4SOsdsJX_mttX6LvH09YZ-yAbh8dN5sWvoruhrNRNPg6XH7QV7Uu4DFhmdNA5A3FMgT5c2B4gHmdGhIZXbD-Dmc2JBFlHS50r0G33BwR/s1600-h/kayit-zamanlama%25255B5%25255D.png" target="_blank"><img alt="kayit-zamanlama" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF8EH3dSHTajXCVXtJleea5zBeyQkOvA-bnb5cDHosBKY6xWfbPWb0ChFGX0Xm9Bs7Wp-cQFARGwrK74EzlAX0LW40xnaSbf9sNHlI7AHOIlybExXYUDsMSzZiBethXHxLEQMF-hze6olB/?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="kayit-zamanlama" width="527" /></a> <br /> <br />İşlem bu kadar.Yazınız kayıtlarınız arasında planlamış olarak görünecek ve belirlediğiniz tarihte blogunuzda yayınlanacaktır. <br /> <br /><strong><u>Not:</u></strong> Yazınıda istediğiniz zaman değişiklik yapabilir ve yayınlanma tarihini değiştirebilirsiniz.

Blogger’da Yazıyı İleriki Bir Tarihte Nasıl Yayınlarım?

Bayramda blogumda yayınlamak için bir yazı yazdım ama bayram günü müsait olmayacağım.Okuyucularımın bayramını nasıl kutlayabilirim? Blogumda yayınlamak üzere birkaç adet makale yazdım ama yarın tat…

Devamı »

Blogger için Daha Dikkat Çekici Yorum Formu İletisi

<p>Daha önce yazdığım <a title="Blogger İçin Yorum Formu İletisi Ayarı" href="http://bloghocam.blogspot.com/2011/05/blogger-icin-yorum-formu-iletisi-ayar.html" target="_blank">Blogger İçin Yorum Formu İletisi Ayarı</a> başlıklı yazımda Blogger’da yazılarınızın sonundaki yorum formunun hemen üstüne Yorum Kuralları gibi ileti koymayı anlatmıştım.Ancak bu iletinin yeteri kadar dikksat çekmediğini düşündüm ve bu iletiyi daha dikkat çekecek duruma getirmek için bir CSS kodu armaya başladım ve sonunda buldum.Bu CSS kodları ile yorum formu iletiniz aşağıdaki gibi görünecek:</p> <p><img alt="Blogger yorum formu iletisini düzenleme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEr8AmR2FrYoWNpTBVRZ63kXwb5FQ2I2-zwhzCLqG2GTAq7V2Y2Wm_PXIFFG5ddM_ZwcughSw81uxIbCrlUBHucGLHKSprkOhFV5TcwmryjYOw2u6iHDYBsCFqWPAk8bKKXkyYzcfJpRnN/" style="background-image: none; border-right-width: 0px; margin: 0px auto 5px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Blogger yorum formu iletisini düzenleme" /></p> <p>Nasıl? Bence yeterince dikkst çekici ve şık  görünüyor.Renkler ve dikkat ikonu hoşunuza gitmediyse onları da nasıl değiştireceğinizi anlatacağım.</p> <p> </p> <p>Yorum formunun üzerinde resimdeki gibi yorum kuralları veya istediğiniz her hangi başka bir iletiyi nasıl yazacağınızı daha nce anlattığım için tekrar anlatmayacağım.Şimdi bu iletiyi yukarıdaki resimdeki gibi renklendirecek koflara geçelim…</p> <p>Öncelikle Blogger şablonunuzdan aşağıdaki kodu bulun,</p> <p> </p> <blockquote> <p>]]<span class="kwrd">></</span><span class="html">b:skin</span><span class="kwrd">></span></p> </blockquote> <p> </p> <p>ve bu kodun hemen üstüne aşağıdaki kodları ekleyerek şablonunuzu kaydedin.</p> <p> </p> <blockquote> <p>.comment-form p { background-image: <br />url(http://s2.postimage.org/2cvmn5xes/alert_icon.gif) <br />; background-position: 1em 1em; background-repeat: <br />no-repeat; background-color: #FDD; width: 100%; border: <br />#C72B2C dashed thin; padding: 1em; padding-left: 70px; <br />color: #D24E50; }</p> </blockquote> <p> <br /></p> <p><strong><u>Kodları Özelleştirmek</u></strong></p> <p><strong>background-image: </strong>Dikkat ikonu <br /><strong>background-color: </strong>Arka plan rengi <br /><strong>width:</strong> İleti kutusunun genişliği <br /><strong>border:</strong> Çerçeve dekorasyonu <br /><strong>color:</strong> Kutu içindeki yazıların rengi</p>

Blogger için Daha Dikkat Çekici Yorum Formu İletisi

Daha önce yazdığım Blogger İçin Yorum Formu İletisi Ayarı başlıklı yazımda Blogger’da yazılarınızın sonundaki yorum formunun hemen üstüne Yorum Kuralları gibi ileti koymayı anlatmıştım.Ancak bu iletin…

Devamı »

Blogger'da RSS Yayınını Yönetmek

<p>Artık her blogcu biliyordur diye düşünüyorum <strong>RSS</strong>’in anlamını ve faydalarını.Eğer hala RSS hakkında bilgi sahibi değilseniz daha önce yazdığım <a title="RSS Nedir?" href="http://bloghocam.blogspot.com/2011/04/rss-nedir.html" target="_blank">RSS Nedir?</a> yazımda detaylı bir şekilde anlastmıştım, okumanızı tavsiye ederim.</p> <p> <br />RSS’i öğrendiyseniz beslemelerinizi yakmak için <strong>Feedburner</strong> sevisini kullanmanızı öneririm.Feedburner’a nasıl kayıt olacağınızı ve nasıl kullanacağınızı ise <a title="Feedburner Kurulumu Ve Ayarları" href="http://bloghocam.blogspot.com/2011/04/feedburner-kurulumu-ve-ayarlar.html" target="_blank">Feedburner Kurulumu Ve Ayarları</a> yazımda anlatmıştım.Bu yazımdan da faydalanarak feedburner hesabınızı oluşturduktan sonra artık ziyaretçileriniz bu feed adresinden blogunuzu kolayca takip edebilecekler.</p> <p> <br />Şimdi de Blogger kullanıcıları için RSS yayınlarınının ayarlarını nasıl yapacaklarından bahsedeceğim.Blogger RSS ayarları için Blogger hesabınıza girip <strong>Ayarlar > Diğer > Site içerik Takibi</strong> ayarlarını açın.Blogunuzun RSS yayınlarını bu sayfadan yöneteceksiniz. </p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWa8gshgBSjNmy8fIpRr_EE6ErgOlYEjtfwZpzxL5waEnya1Kty4XDCwhmIEEjRR1wsvdS5SypfhPZUHBjrkzbRXckTGyBBUsd8O7yL8coahor7aeEE96peEUzqmf6U6OCCeOhQ3x5-paS/s1600-h/rss-ayarlari%25255B6%25255D.png" target="_blank"><img alt="Blogger RSS Ayarları" border="0" height="313" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYW1gdD7Zj9nSZJgD3njOBmERY-ry-QGTnxyuM1AEJdV8YCxP_8jBH_PLhzZf9mT2MLCL2deyPOSVJJiX7JiiSsNMj6RCn6nsSei6os2BFo5bD5KKJcNjH6hOsdVu9fO9uzQBX_4KF2u9X/?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="Blogger RSS Ayarları" width="527" /></a> <br /></p> <br /> <h4>Ayarlar</h4> <p> </p> <p><strong><u>1. Blog İçerik Takiplerine İzin Ver:</u></strong> <br /> <br />-Eğer <strong>Tüm</strong> seçeneğini seçerseniz takipçileriniz yeni yazılarınızın tamamını RSS okuyucularında görürler.</p> <p> <br />-<strong>Kısa </strong>seçeneğini seçerseniz yazınızın yaklaşık 400 karakterlik bir bölümünü görürler. </p> <p> <br />- <strong>Atlama Aralığına Kadar</strong> derseniz de more tagıyla oluşturulan devamını oku yazısından öncesini görürler.</p> <p> <br /><strong><u>2. Kayıt İçerik Takibi Yeniden Yönlendirme URL'si:</u></strong> <br /> <br />Bu kutucuğa <a href="http://feeds.feedburner.com/BlogHocam">http://feeds.feedburner.com/BlogHocam</a> gibi Feedburner adresini yazın.Böylece Internet Explorer gibi RSS okuma özellliği olan bazı tarayıcılar beslemelerinize feedburner adresinden hızlı bir şekilde ulaşırlar.</p> <p> <br /><strong><u>3. Kayıt İçerik Takibi Altbilgisi:</u></strong> <br /> <br />Buraya yazacaklarını tüm blog yazılarınızın sonunda sadece RSS yayınlarında gözükür.Burayı ister boş bırakın isterseniz de reklam veya sosyal paylaşım butonları kodu ekleyin.</p> <p> </p> <p><strong><u>4. Başlık Bağlantılarını ve Ek Bağlantıları Etkinleştirme:</u></strong></p> <p> </p> <p>Bu, yayın düzenleyicisine başlık bağlantısı ve ek bağlantı seçeneklerini ekler. Başlık bağlantıları yayınınızın başlığı için özel bir URL ayarlamanıza olanak tanır. Ek bağlantılar ise yayınlarınızda, RSS ve Atom gibi özet akışlarda oynatılabilecek podcast'ler, MP3'ler ve başka içerik oluşturmak için kullanılır.</p>

Blogger'da RSS Yayınını Yönetmek

Artık her blogcu biliyordur diye düşünüyorum RSS’in anlamını ve faydalarını.Eğer hala RSS hakkında bilgi sahibi değilseniz daha önce yazdığım RSS Nedir? yazımda detaylı bir şekilde anlastmıştım, okuma…

Devamı »