-->

Sponsor Alanı

Slider

İlgi Çeken Videolar

Sağlık

Teknoloji

Sinema

Televizyon

Ne Nedir?

En5 Konular

ads

Robots.txt Dosyası Düzenleme (blogger)


Robots.txt Dosyasını Blogger'da Nasıl Düzenlerim?


Blogger alt yapısını kullanan milyonlarca insan var ve zaman zaman yenilikleride beraberinde getiren çok iyi bir google güvenceli sistemdir. Onlarca blog açılıyor ancak bazı ayarları yapmakta güçlük çeken kişiler var bunların en önemlisi ve arama motorlarında iyi bir yere gelebilmek için blogger   
Robots.txt dosyasını hatasız olarak düzenlemeyi anlatacağız:

Robots.txt dosyası düzenlerken çok dikkatli olmanız gerekir en ufak  hatada arama motorlarından kaybolabilirsiniz o yüzden aşağıdaki adımları dikkatlice uygulayın.

Robots.txt Dosyası Düzenleme (blogger)


1. Adım:  Blogger yönetim panelinize girin
2. Adım:  Ayarlar >> Arama Tercihlerine tıklayın
3. Adım: Karşınıza çıkan ekranda alt bölümde özel robots.txt bölümünü göreceksiniz. Bunu etkinleştirmemiz gerecek. Düzenle seçeneğinden etkileştirilsin mi seçeneğine evet diyin boş bir alan açılacak.  Aşağıda vermiş olduğum kodları kopyalayın ve yapıştırın.

Eklemeniz gereken kod aşağıda:



Bir önceki yazımız  >>   Çok Yorum Alan Konularınız İçin Eklenti

Facebook Popup Widget Blogger Eklentisi

Facebook Popup Widget Blogger Eklentisi
Sosyal medyanın önemi her geçen gün artıyor. Sitelerinize ziyaretçi çekmek için en etkili yol sosyal medya hesaplarda takipçileri artırmak ve her eklenen içerikten haberdar etmektir. Dünyada en çok kullanıcısı olan sosyal ağ facebook en aktif kullanılan platformdur.

Bu konumuzda facebook sayfanızın sayısını artıracak bir kodu paylaşacağım. Facebook sayfaların sayısı genel olarak reklam vererek çoğaltılmaktadır. Bunun yanı sıra hitli bir siteniz varsa aşağıdaki kodu ekleyerek giren ziyaretçilerin sayfanızı beğenmesini sağlayabilirsiniz. Facebook popup kutusu ufak boyutta ve en önemli özelliği ise tek sefer açılan ve ziyaretçiyi rahatsız etmeyecek şekilde tasarlanmıştır.


Bu yüzden siteleriniz de kullanmanızı tavsiye ederiz.  Kod içerisinde yükseklik ve genişlik ayarlarını dilerseniz değiştirebilirsiniz. Kod içerisinde yapmanız gereken tek değişiklik ise kendi facebook sayfa linkini eklemenizdir.  bu kodun yerine  >>   https://www.facebook.com/iBRaHimFiratFan kendi sayfa adresinizi ekleyin.


Çok Yorum Alan Konularınız İçin Eklenti


Çok Yorum Alan Konularınız İçin Eklenti
Şüphesiz en çok kullanılan blog alt yapısı blogger'dır. Bizlerde elimizden geldiğince sitenize zenginlik katacak ve faydalı olacak eklentileri yer yer paylaşıyoruz.

Bugün ki eklentimiz, en çok yorum yapılmış konuları bir kaç satırda gösteren yararlı eklenti. Eklentinin sizlere sunacağı artılar ise, ziyaretçileriniz en çok yorumlanan konuları görünce ilgisini çekecek ve o konuya giderek yeni ziyaretçilerin yorum yapmasını sağlayacaktır. Seo için yorum çok önemlidir. Bu sitenizin hem güncel kalmasını hemde içeriğinizin üst sıralarda çıkmasına neden olacaktır.


Sitenizin yönetim paneline girerek Gadget Ekle >> HTML/JavaScript seçeneği kısmından devam ederek açılmış olan kutucuğa aşağıdaki kodu eklemeniz yeterli olacaktır.

 

Kod içinde yapmanız gereken tek değişiklik  "http://www.ibrahimfirat.net" yazan yere kendi site adresinizi yazmanızdır.

Blogger Animasyonlu Resim Eklentisi

Sitenize özellik katacak çok güzel bir eklenti.  Blogspot sitelerinizde kullanabileceğiniz dinamik resim eklentisi.

Blogger Animasyonlu Resim Eklentisi

Eklentinin ön izlemesi için aşağıdaki bağlantıyı kullanabilirsiniz.

http://eklentilerideneme.blogspot.com.tr/2012/03/dinamik-resim-deneme.html

Eklentinin özellikleri, mouse ile resmin üzerine gelindiğinde sağ ve sol tarafa oynama yapar bu şekilde resme güzel efekt verilmiş olur.

Kurulumu:

Blogger Kumanda paneli > Yerleşim > Şablon kısmından aşağıdaki kodu bulun 

]]></b:skin>

Yukarıdaki kodun bir satır üstüne aşağıdaki kodu ekleyin ve kaydedin. 


Kullandığım Benzer Yazılar Eklentisi (2014)

Blogger  Resimli Benzer Yazılar Eklentisi


Bloglar için en önemli eklentilerden biri benzer yazılardır. Bu sayede daha fazla içerik gösterebilirsiniz, ilgisini çekecek bir konu gördüğünde ziyaretçiniz siteniz içinde gezinti yapacaktır. Bunun seo'ya olumlu yönde çok etkisi vardır.

Kurulum içim aşağıdaki adımları izleyin

Kumanda Paneli → Şablon → HTML’yi Düzenleye kısmından devam ederek Ctrl + F tuşlarına aynı anda basılı tutarak aşağıdaki kodu bulmanız için, açılan arama formunda </head>   kodunu bulun. Genel olarak blogger temaların en üst bölümünde olan koddur.

Aşağıdaki konu  </head> kodunun üstüne ekleyin.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css"> 
#related-posts{text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px;}
#related-posts h2{background:transparent;font-size:1.4em;font-weight:700;color:#000;font-family:Georgia,"margin-bottom:.75em;margin-top:0;padding-top:0;}
#related-posts a{color:#000;}
#related-posts a:hover{color:#000;background-color:#ddd;}
</style> 
<script src='http://meftunmede.github.io/javascripts/Benzer_yazilar.js' type='text/javascript'/>
<script type='text/javascript'>
var defaultnoimage=&quot;http://2.bp.blogspot.com/-yRSXWDTHZlA/T6s8tkMqNnI/AAAAAAAAA7w/SEgoiBELIF4/s1600/no-photo-available.jpeg&quot;;
var maxresults=5;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Bunlarda ilginizi çekebilir&quot;;
</script>
</b:if>

2. Aşamada <data:post.body/> kodunu aynı şekilde aratarak bulun ancak bu koddan bazı temalarda birden fazla olabilir her birini deneyerek yapın.    Bulduğunuz   <data:post.body/> kodunun alt kısmına aşağıdaki kodu ekleyiniz.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'> <b:loop values='data:post.labels' var='label'> 
<b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> 
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/>
</b:loop>
<script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); 
</script> 
</div>

</b:if>

Kırmızı ile belirttiğim 5 sayısını temanıza göre çoğaltabilir veya azaltabilirsiniz ben sayıyı 10 olarak kullanıyorum demosu sitemizdedir. 


Kullandığım Benzer Yazılar Eklentisi (2014)

Video Demo




Kodlama bana ait değildir. Kodların alındığı site ve coderi   meftunmede.blogspot.com.tr

Blogger Yukarı Çık Butonu Eklentisi

Uzun zamandan beri blogspot eklenti paylaşımlarını yapmıyorduk. Zamanımızda en çok aranan ve sitelerinde uzun yazılar yazan ve çok yorum alan siteler için gerekli olan yukarı çık eklentisi tam aradığınız kalitede çalışan ve sitenin hızını yavaşlatmayan iyi bir eklentidir.

1- Blogger: Kumanda Paneli > Tasarım > HTML’yi Düzenle kısmına gelin.

2- Aşağıdaki kodu Ctrl + F ile aratıp bulun.

]]></b:skin>

3- Bulunan kodun bir üst kısmına , aşağıda yer alan kodu kopyalayıp, ekleyin


#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}

4- Hemen sonrasında, aşağıdaki kodu Ctrl + F yardımı ile aratın ve bulun.

</body>

5- Hemen yanına aşağıda eklenmiş  olan  kodu kopyalayıp, yapıştırın.

<a href="#" id="backtotop"><img src="RESİM ADRESİ EKLE" alt="back to top" /></a>

Üstteki kodda, ”RESİM ADRESİ EKLE” yazan bölüme  eklemek istediğiniz aşağıdaki resimlerden birini seçerek ekleyebilirsiniz
1

2

3

4

5

6

7








Neden Blogger ?

Bu yazımda “Blogger” kullanmanın yararlarından bahsetmek istiyorum.Blogger kullanmak sizlere birçok şey kazandıracaktır bunları maddelemek gerekirse ;

Neden Blogger ?

·        Blogger , Google ‘ nin bir ürünü olduğu için güvenlik konusunda bir sıkıntı çekmezsiniz sitenizin hacklenmesi neredeyse imkansızdır.

·         Blogger , Google ‘ nin ürünü olduğu için Google dostudur buda sitenizin hızlı gelişmesine , sıralamalarda yukarı çıkmasına yardımcı olacaktır.

·         Blogger kullanırsanız sitenizi barındırmak için bir hosting almanıza gerek olmaz bu şekilde para vermeden sınırsız ve daha kaliteli bir hostinge sahip olabilirsiniz.


·         Basit arayüzlü paneliyle sizlere sıkıntı çıkarmadan hizmet verir ve arayüz kolay olduğundan panelini kısa sürede kavrayabilirsiniz.


Yazan: Alperen Eymen Özcan

2014 Blogger Teması

Blogspot Teması 2014 - Singl Blogger Template

2014 Blogger Teması

2014 yılına ait şık bir tema ile karşınızdayız. Gün geçtikçe kaliteli temaların sayısı artıyor. 

Temanın Özellikleri:


Temanın Adı: Singl
Tama Yazarı / URL:NewBloggerThemes | http://newbloggerthemes.com/
Tasarımcı / URL:Automattic | http://automattic.com/
Yayınlandığı Tarih:17 haziran, 2014
Kategoriler:1 Sütun 3 Sütun Altbilgi ndan Uyarlanan Wordpress, Siyah, Zarif, Sabit genişlik, Taze, Yeşil, Gri, Dergi, Minimalist, No Sidebar, Photolog, Duyarlı, Üst Gezinti Çubuğu, Web 2.0, Beyaz,
Gelişmiş Detaylar: http://newbloggerthemes.com/singl-blogger-template/

Demo ve indirme bağlantısı aşağıda:

http://newbloggerthemes.com/singl-blogger-template/

Bir önceki yazımız >> Blogger Teması ( 2014 )

Blogger Teması ( 2014 )

Post Blogspot Teması


Blogger tema paylaşımlarımıza kaldığımız yerden devam ediyoruz. Bugün ki temamız oldukça  şık ve 2014 yapımı temadır. Görsellik ve seo açısından gayet iyi kodlanmış hızlı tema.

Blogger Teması ( 2014 )




Demo >> http://post-template.blogspot.com.tr/

İndir >> http://www.soratemplates.com/2013/12/post.html

En İyi Blogger Tema ( 2014 )

Blogspot En iyi Teması ( 2014 )


Bugün ki konumuzda blogger kullanıcılarının çok hoşuna gideceği bir temayı sizlere tanıtacağım.  Uzun zamandan beri iyi bir temaya denk gelmemiştim. Farklı ve çok kullanışlı temadır. Kendim bir sitemde kullanmaktayım.



En İyi Blogger Tema ( 2014 )


Tema iF tarafından Türkçeleştirilmiştir. Temanın adını tam olarak bilmiyorum nette gezinirken bulduğum ve düzenlemeler yaptığımdan dolayı Türkçeleştirilmiş  halini sizlere sunuyorum.  


XML belgesi olarak iletişim bölümünden bana  ulaşarak isteyebilir  ibo.firat@gmail.com adresinden ulaşarak veya skype narko-@hotmail.com ekleyerek temayı sizlere verebilirim. 

Temanın Demosuna Bakmak için TIKLA demo iptal edilmiştir.

Tema ile görüşlerinizi yorum yazarak açıklamanızı rica ederiz.

Bir önceki konumuzu okumak için >>  Haber Teması ( Blogger )



Google Webmaster Tools ( Site Kayıt )

Google Webmaster Tools Site kayıt etmek

Webmaster ve site sahipleri için çok önemli yeri olan google'ın webmaster aracı "Webmaster Tools" a  kayıt olmayı anlatacağız.

Site hakkındaki bir çok bilgileri görebileceğiniz, backlinkleriniz, en çok hangi kelimelerden arandığınız ve daha fazlasını bu araçla öğrenebileceksiniz. 


Google Webmaster Tools'a site kayıt etmek için öncelikle bir gamil hesabınız olması gerekmektedir. Gmail hesabınızda online olarak. 

1. Adım:  https://www.google.com/webmasters/tools/ adresine giriniz.

2. Adım:  Sağ bölümde kırmızı renkli "site ekle" bölümü var ona tıklayın ve aşağıdaki gibi pencere açılacaktır. site adresinizi www. koyarak başına yazınız. 

webmaster

3. Adım:  Sitenizi doğrulamanız için yöntemler çıkacaktır. Hızlı ve basit şekilde doğrulamak isterseniz alternatif yöntemler sekmesine gelerek HTML etiketi yöntemini işaretleyin.

Size buna benzer bir kod verecek  <meta name="google-site-verification" content="zQ5gvMnqqokOqZ99bY" />

Yukarıdaki kodu  <head>  kodunun altına ekleyin.

Bir diğer yöntem ise; HTML dosyası yükleme seçeneği. Bu seçenekle de kolayca doğrulama yapabilirsiniz.

Yapmanız gereken:  1. Adımda size verilen HTML dosyasını indirmek ve 2. adımda indirdiğiniz dosyayı doğrulamak istediğiniz site adresinize yükleyin.  Son aşamada doğrula butonuna tıklayarak işlemleri bitirin.

Herhangi eksik bir şey yapmadıysanız doğrulamanızı kısa sürede halletmiş olacaksınız.

Aşağıda videolu kısa anlatım var ben blogger ile yaptım.

Blogger İnfobar Eklentisi

Blogspot kullanıcıları için gerekli eklentilerden bir tanesi. Ziyaretçiyi bilgilendirme çubuğuda diyebiliriz. Sayfa ile birlikte hareket eden ve alt kısımda yer alan hoş bir bilgilendirme çubuğu.  Kurulum için aşağıdaki talimatları takip edin..

blogger


Blogger  Yönetim Paneli  >> Yerleşim + Şablon yolunu takip ederek Kod kısmına gelin ve aşağıdaki kodu Ctrl + F tuşlar yardımı ile bulun.

]]></b:skin>

Bulduğunuz ]]></b:skin> kodunun üst kısmına gelecek şekilde aşağıdaki kodu ekleyin..




Bir sonraki aşamada </head> kodunu bulun. Aşağıdaki kodu </head> kodunun üstüne ekleyin.




Bir sonraki aşamada  </body> kodunu bularak aşağıdaki kodu </body> kodunun alt kısmına ekleyin.

 

En son eklediğiniz kod içindeki  http://www.ibrahimfirat.net/ yazan yere kendi site adresiniz ve Duyuruda görünmesini istediğiniz yazı kısmına kendi iletinizi yazmanız yeterli olacaktır.

Oy Verme Eklentisi ( Blogger )

Bir süredir blogger eklenti paylaşımımız olmuyordu. Bugün en çok aranan eklentilerden biri olan blogspot yıldızlı oy verme eklentisinin kurulumunu anlatacağız.

blogger


Bir çok sitede denk gelmişsinizdir yıldız oy vermeyi konuların hemen altında bulunan okuyucular tarafından oylanma sistemini. şimdi kurulumuna geçelim.

1. Aşama:  bu siteye giriş yapın.  Eklentiyi kullanmanız için üyelik işlemlerini tamamlayınız. sonrasında ilgili linke giderek  Create account butonuna tıklayın.

2. Aşama: Stil seçme ve ayarlar bölümü burada  Yıldızlı veya +/- oy verme gibi stilleri seçmeniz gerekmektedir.

3. Aşama:   Blogger kumanda paneli kısmına girin  sonra Şablon > HTML’yi düzenle bölümünü izleleyerek Ctrl + F tuşlarını kullanarak şu kodu  </body> bulun. ilgili siteden aldığınız oy verme  kodlarını bulduğunuz kodun üstüne ekleyin..

Hemen sonrasında  <div class='post-footer'> kodunu aratarak bulun. Bu kod temanıza göre bir kaçtane olabilir hepsinde deneyin.  Aşağıdaki kodu bulunan kodun üstüne ekleyin.

<div class="rw-ui-container"></div>

Haber Teması ( Blogger )

Blogspot Haber Teması

Haber siteleri için kullanışlı bir tema ile karşınızdayız. Tema gayet şık ve kullanışlıdır. 

Bu tema tümüyle etiket sistemi ile çalışmaktadır. İçerikleriniz ana sayfada belirli bölümlerde görünmesi için etiketlere ihtiyaç duyulacak.

DEMO "http://bloggerhabertemasi.blogspot.com/"  & İNDİR "http://www.mediafire.com/download/pe42z39uwinlbkm/blogokuluhabertemasi.xml"

Slayt bölümünü oluşturmak için  Blogger >> Yerleşim + Gadget ekle bölümünden HTML JavaScript  gelerek aşağıdaki kodu ekleyin

Kod:

<div id='featuredContent'>
<div class='sliderwrapper' id='featured-slider'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Slayt?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</div>
<div id='paginate-featured-slider'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/Slayt?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<div class='clear'></div>
</div>
<script type='text/javascript'>
featuredcontentslider.init({
id: "featured-slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.4], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</div>

Yukarıdaki kodda kırmızı ile işaretlenmiş "Slayt" yazısına hangi etikete ait konuların manşette gözükmesini istiyorsanız o etiketin ismini yazın.

3 Adet Blogger Slider ( Slayt ) Kodları

webmaster

1. Slayt: Oldukça sade bir  manset alanı sitenize görsel anlamda iyi bir görünüm verecektir. Eklemesi gayet basit HTML JavaScript Gadget ekle bölümünden aşağıdaki kodu ekleyin..



webmaster

2. Slayt: Harika bir yatay manset eklentisi blogger sitenizde rahatlıkla kullanabilirsiniz. Gene aynı şekilde aşağıdaki kodu ekleyebilirsiniz.





webmaster

3. Slayt: Siyah arka plan yatay açıklamalı manşet alanı aynı şekilde gadget ekle kısmından aşağıdaki kodu ekleyiniz.