-->

Sponsor Alanı

Slider

İlgi Çeken Videolar

Sağlık

Teknoloji

Sinema

Televizyon

Ne Nedir?

En5 Konular

ads

Blogger Esnek Slider Manşet Eklentisi

Blogger kullanıcıları için vazgeçilmez olan eklentiler arasında manşet eklentisi yer almaktadır. Blogger slider manşet eklentisi ile sitenizi daha şık hale getirebilir ve daha fazla okunma oranını artırabilirsiniz.  Sitenizin temanıza göre uygun bir yere  blogger manşet eklentisini eklemeniz mümkün. Esnek bir yapıya sahip olan bu eklenti sitenizin hemen hemen her yerine koyabilirsiniz. Fakat bunu header kısmına yani en üst kısma eklemeniz daha iyi olur.  Eğer üst kısımda slider var ise temanıza göre daha alt taraflara ekleyebilirsiniz seçim size kalmış. 


Blogger Esnek Slider Manşet Eklentisi


Blogger manşet eklentisinin özellikleri arasında siteyi  hiç kasmaması ve diğer  slider mansetlerle  uyumlu olması. Örnek vermek gerekirse, herhangi bir  javaScript kodu ile oluşturmuş eklentiyi eklediğiniz zaman bazı durumlarda temanız yer alan manşet çalışmaz hale geliyor. Bunun nedeni js. kodlarının çakışmasından kaynaklıdır. Bu gibi sorunları  halletmek aslında basit ama benim bu önerdiğim eklenti de hiç bir ayar yapmanıza gerek yok. 

Blogger esnek manşet eklentisi eklemek

İlk olarak Blogger > Kumanda Paneli > Tema > HTML'yi düzenle kısmından kod bölümüne gelin ve CTRL + F tuşlarının yardımı ile arama yaparak </head> kodunu bulun ve hemen üstüne altta vermiş olduğum kodu ekleyin.




2. adım olarak aynı şekilde arama yaparak  </body> kodunu bulun ve bir satır üstüne aşağıdaki kodu ekleyin ve kayıt edin. 




Yapmanız gerekenler bu kadar. Son bir ekleme daha yapacağız oda  manşeti nerede göstermek isterseniz oraya ekleyeceğiniz koddur. Kodu daha sonra vereceğim şimdi bu yukarı vermiş olduğum kod içinde değişliklikler yapmanız gerekecek. 

blogURL: "http://www.ibrahimfirat.net/", Buraya kendi site adresinizi yazınız.
MaxPost: 12, burada ne kadar yazı gösterecekseniz o kadar sayı belirleyiniz.
idcontaint:"#myslidepost",
ImageSize:500,
interval: 10000, Slider hızı bunu hızlandırmak için 10000 rakamını azaltın örnek olarak 5000 ve yavaşlatmak için ise rakamı çoğaltmanız gerekecektir.
autoplay:true,

tagName: false Burası en önemli kısımdır. Bu şekilde eklendiği zaman son yazılar gözükecektir. Ancak tagName kısmına dilediğiniz  bir etiketinizi yazarsanız o etikete göre yazılar ekranda çıkacaktır. Örnek olarak şöyle olabilir. 

tagName: false yerine "sağlık" etiketi olduğunuzu düşünerek sağlık etiketini ekleyeceğiz yani tagName: yazan yer sağlık: olmuş olacak. Ben küçük  harf kullandım sizin etiketinizin başlangıç harfi küçük ise küçük şekilde yazın, büyük ise büyük harf ile başlayın o zaman başarılı olacaksınız. 

Şimdi manşetimizi ekleyeceğimiz son kod. 

Bu kodu ( <div id="myslidepost"></div> ) gadget şeklinde herhangi bir yere kumanda panelinden ekleyebilirsiniz.  Nereye eklerseniz manşet orada gözükür. 

Örnek görüntü için iF sitemizin ana sayfasına bakabilirsiniz.


Bir önceki blogger eklentileri konumuzda "Blogger Widget'ları Mobilde Görünür Yapma (Reklam Gösterme)" ile ilgili çok detaylı bilgi içeren konumuzu okumanızı tavsiye ederiz

Blogger Widget'ları Mobilde Görünür Yapma (Reklam Gösterme)

Mobil Tema Düzenleme, Adsense Reklamlarını Mobil cihazlarda göstermek. Gadget'ları Mobilde Göstermek.

Mobil kullanım sayısı her geçen gün daha fazla artmaya başladı. Bu nedenle mobil duyarlı temalar da artık daha çok kullanılır hale geldi. Ancak blogger'da gadget gösterimi mobilde olmuyor. Yani  eklediğiniz herhangi bir  gadget mobilde gözükmüyor. Özellikle sidebar kısmına eklediğimiz eklentiler vs. Bunları göstermek aslında oldukça kolay. Nasıl yapılır,  nasıl etkin hale getirilir bunları yazımızın devamında anlatacağız. 

Blogger   Widget'ları Mobilde Görünür Yapma (Reklam Gösterme)


Mobil görünüm ile masaüstü görünüm arasına çok büyük fark vardır. Bu farkları en aza indirmek için  uğraşacağız. Kendimizin oluşturmuş olduğu Gadgetlar (widget), öne çıkan yayın, popüler, yazılar, en son eklenen içerikler, benzer yazılar, adsense reklamları, sabit reklam, banner vs.  Eklediğimiz halde bunlar mobilde gözükmez. Tabi ayarları yapmayınca. Ayaları yaptıktan sonra çok net şekilde masaüstü bilgisayardan nasıl görüyorsanız mobil cihazlarda da aynı şekilde mobile  uygun biçimde görünecektir.  

Blogger için "Widget - Gadget" Mobil Sayfalarda Nasıl Görünür Hale Getirilir.

Tek bir kod ile bunu yapacağız. Aşağıda ki adımları takip edin. 

Ben sizlere örnek olması açısından "Widget - Gadget" herhangi bir eklentinin nasıl mobilde görünür hale getirildiğini anlatacağım. Aşağıdaki anlatım örnektir. ve siz kendi sitenize göre gaget düzenlemesi yapabilirsiniz. Hangi   Widget - Gadget görünmesini isterseniz onun üzerinde değişiklik yapın. 

  • İlk olarak blogger yönetim paneline girin ve ardından sol sekmede bulunan 'Tema' kısmına tıklayın ve buradan kod kısmına girin. 
  • HTML'yi Düzenle" ye tıklayınız.
Blogger   Widget'ları Mobilde Görünür Yapma (Reklam Gösterme) 1

Blogger   Widget'ları Mobilde Görünür Yapma (Reklam Gösterme) 2

  • Mobilde hangi Widget görünmesini istiyorsanız onu aratın ve bulun. Bunun en basit yolu ise 'widget'a atla' kısmından düzenleme yapmak istediğiniz  widget'i seçebilirsiniz ve kod bölümünde direk karşınıza çıkacaktır.
  • Ben popüler yayınlar  widget'ine ekleme yapacağım. Diğer widget'lar için ise 'Yerleşim' bölümünden gadget düzenle diyerek üstte bulunan gadget adresinin en son kısmında bulunan kaçıncı  gadget olduğunu örnek olarak HTML2  gibi benzeri sayılar vardır. Bunu aratarak onun üzerinde kod eklemesi yapacaksınız.
  • Ve sadece şu kodu ekleyeceksiniz  mobile='yes'  aşağıdaki videodan da izleyebilirsiniz ben resimleri de ekledim. 
Blogger   Widget'ları Mobilde Görünür Yapma (Reklam Gösterme)

  • Daha sonra  şablonu kaydedin ve mobil görünümde test edin. Bu kodu eklediğiniz takdirse sorunsuz şekilde mobilde gözükecektir. Oldukça basittir. Bu kadar detaylı anlatıma ve yazının uzunluğuna bakıp karamsarlığa düşmeyin az çok kod bilgisi olan herkes bunu yapabilir. 
  • Bu şekilde örnek gösterdiğimiz popüler gadget'i artık mobilde görünür hale gelecektir. Örneği videoda görebilirsiniz. Ve dikkat ederseniz videoda yazarlar, yorumlar ve kategori kısımlarına mobile='yes' kodunu eklemedim o yüzden gözükmüyorlar.

Blogger Widget'ı Sadece Mobilde Görünür Nasıl Yapılır?


Birde önemli olanlardan biri özellikle adsense için hem masaüstü bilgisayarlarda açıldığında  adsense reklamları çıkıyor zaten ancak mobilde çıkmıyor bu ayarlar ile mobilde hem masaüstü olarak hemde mobil olarak gösterebilirsiniz.  Ama eğer her iki seçenek arasında  masa üstünde başka reklamlar, mobil sürümde başka reklamların çıkmasını istiyorsanız o zaman yapacağınız işlem gene tek bir kod yardımı ile yukarıda anlattığım şekilde ki örnekteki gibi Widget'inizi seçip sadece şu mobile='only' kodunu eklemeniz yeterli olacaktır. bu sayede sadece widget'iniz sadece mobilde görünecek masaüstünde görünmeyecektir. Örnek olarak ben videoda gösterdim. Hem masa üstü hem mobil cihazda google adsense reklamlarını farklı olarak gösterme  yolu ile sonuca  ulaştım. 

Eğer takıldığınız herhangi bir yer olursa sorularınızı yorum bölümünden bize iletin cevaplayalım yardımcı olalım. 


Blogger Mobil Cihazlarda Widget Göstermek Video izle




Bir önceki blogger eklentileri konumuzda "Slider (2016 - 2017)" çok güzel sitenizi daha şık gösterecek bir eklenti. Bu konu için sayfamızı ziyaret edebilirsiniz.

Slider (2016 - 2017)

Blogger Slider Manşet Alanı

Slider, görsellerinizin kayarak çeşitli şekillerde bir başka resme doğru gitmesine denir kısaca.  Bu slider kodları İnternet sitelerinde manşet alanı olarak da kullanılabilir. Genel olarak resimler için kullanıldığını belirtelim.


Slider (2016 - 2017)


Aynı zamanda bu uygulama ile resimlerde geçiş yapan kişinin o görsele tıkladığında herhangi bir sayfanızın bağlantısını eklediğinde direk oraya yönlenmesini  sağlar.  

Slider en pratik ve kolay bir  uygulama olduğu için genel olarak neredeyse artık bu zamanda birçok sitede görmüş olabilirsiniz. Örnek olarak iF sitemizde birkaç tane manşet alanı vardır. Ancak bendeki manşet alanı etikete göre çalışmakta ve temaya ait özel bir kodla oluşturmuştur. 

Bu konuda sizlere çok basit bir yöntemle ekleyeceğiniz  resimlerinize link ekleyerek ve açıklama yazarak ziyaretçilerinizin ilgisini çekeceği aynı zamanda sitenize görsellik açısından zenginlik katacağını düşündüğümüz çok güzel bir slider ile karşınızdayız. 

Uzun zamandan beri  Blogger tabanlı sitelere eklenen bu tür uygulama bulmak zor oluyordu.  Bazıları artık çalışmıyor Javascript ile yapılmış ve CSS ile desteklenmiş olan bu kod  tek hamlede sitenize ekleyebiliyorsunuz. Eski olan uygulamalarınız şuan belki  çalışmıyor olabilir. Bunun nedenlerinden  biri js kodunun artık işlevselliği  gitmiş olması silinmesi veya servisin kapanmış olması durumu söz konusu olabilir.

Blogger Yeni Slider Uygulamasını Panele Ekleme İşlemi...


İlk olarak  Blogger'e giriniz. Ve buradan  yerleşim sekmesine giderek  "Gadget Ekle" kısmından "HTML/JavaScriptEkle"  seçeğine tıklayın ve kutucuk açılacak aşağıda vermiş olduğumuz kodu buraya ekleyin tamam diyin.  Fakat bundan önce  düzenlemeniz gereken yerler vardır. 

Aşağıdaki gibi kodlar vardır bunlarda birini ele alıp düzenleme işlemini göstereceğim.

<li>     <a href="Link ekle">    <img src="Resim ekle" title="açıklama ekle" />      </a>

Şeklinde resmin gitmesini isteğiniz bir bağlantıyı link ekle yazan yere ekleyin. Bu kısım kodun üst bölümündedir. Alt bölümde de buna benzer yerler vardır. Ancak orada "#" bölümüne link eklemiyoruz sadece aynı resmi eklemeniz yeterli ve yukarıda ki kod sadece 6 tanedir. Bunu dilediğiniz kadar çoğaltabilirsiniz.  Şimdi diğer kısmın düzenlemesine geçelim.

Yukarıda kodların bitişinde şu şekilde "<div class="jslider_thumbs">" kod göreceksiniz bunun hemen altında aşağıdaki gibi resimlerin ekleyeceği bölüm vardır. Ve hepsi alt alta 6 tane bulunmaktadır.  

<div class="jslider_thumbs">
                <div>
                    <a href="#" title="resim1"><img src="http://1.bp.blogspot.com/-EV9QJIgCZVs/Uc2sZ302fAI/AAAAAAAAB5c/aw2ncIBTWPI/s85/sample1.jpg" /></a>
                    <a href="#" title="resim2"><img src="http://4.bp.blogspot.com/-ScQ2WF7eUb4/Uc2saKrS2_I/AAAAAAAAB5g/QacTeCtKU-c/s85/sample2.jpg" /></a>
                    <a href="#" title="resim3"><img src="http://1.bp.blogspot.com/-zQzvkfDsyzg/Uc2sbpceU3I/AAAAAAAAB5s/PN7wNSrydbM/s85/sample3.jpg" /></a>
                    <a href="#" title="resim4"><img src="http://3.bp.blogspot.com/-R4gOTYCU9dQ/Uc2sbxFqTqI/AAAAAAAAB50/ESHZD7VlnXY/s85/sample4.jpg" /></a>
                    <a href="#" title="resim5"><img src="http://1.bp.blogspot.com/-b5dbnH0-dMg/Uc2scRDvV4I/AAAAAAAAB54/4P9RYqtJdDM/s85/sample5.jpg" /></a>
                    <a href="#" title="resim6"><img src="http://3.bp.blogspot.com/-L8rLW2XCv7I/Uc2sdkpcx8I/AAAAAAAAB6E/uRfT9gYb5rM/s85/sample6.jpg" /></a>
                </div>

Yukarıdaki bölüme ilgili resimleri eklemeniz yeterli "<a href="#" bu bölüme link eklemenize gerek yok. Çünkü yukarıdaki koda ekledik. Resme tıklayınca direk olarak sizi eklediğiniz  görselin bağlantısına götürecektir. Ekleme işlemini video ile de anlattım. 

Yapmanız gerekenler bundan ibaret sadece  gadget ekleyerek işlem tamamdır. Fakat ben yazıyı uzun tuttum ancak işlem çok kısa sürede yapılmaktadır. 

Eklenecek Kod:





Video izle


Blogger Site haritası Güncelleme

Blogger - Blogspot Site Haritası Güncelleme Nasıl Yapılır.

Blogger site haritası dosyası güncellendi 2016


Bu konumuzda web site sahipleri (webmaster) için önemli olan site haritası güncelleme olayıdır.


Biz bu konuya blogger üzerinden bakacağız. Bu yüzden eskiden blogger için sitenizdeki  içerikleriniz arttıkça site haritasını kendiniz güncelliyordunuz. Bunun için google 500 olarak index alıyordu. şimdi ise yeni bir güncelleme duyurdu ve bu sayı 150 olarak belirlendi. Bu yüzden en kısa zamanda site haritanızı "https://www.google.com/webmasters/tools" adresine giderek ilgili sitenizi bulup eski tüm eklediğiniz site haritalarını örnek olarak "atom.xml?redirect=false&start-index=1&max-results=500" olanları hepsini silmeniz ve yerine sadece bir kod ekleyerek geri kalan işi google'a bırakmanız yeterlidir.  Bu işlem seo açısından da etkili sonuç almanıza yarayacaktır.

Google bu şekilde kendi otomatik olarak güncelleme yapacak en geç 24 saat içinde her şey yerine oturmuş olacaktır. Bu sebeple daha sağlıklı index alacak ve iyi sitelere sahip olacaksınız. 


Blogger Site haritası Güncelleme


Eklemeniz gereken kod sadece "sitemap.xml"  örnek olarak ise şöyle olacaktır. "http://www.ibrahimfirat.net/sitemap.xml"  blogger için eklemede sadece yukarıdaki sitemap.xml eklemeniz yeterli zaten kendi blog adresiniz site haritası ekleme aşamasında karşınıza çıkıyor. 

Öne Çıkan Yayınlar Blogger

Öne Çıkan Yayınlar Blogger Gadget

Blogger kullanıcıları için yeni bir güncelleme geldi. Öne çıkan yazılar eklentisi (gadget)

Artık çok sık aralıklarla blogger tarafından yeni güncellemeler ve özellikler geliyor. Bu sayede artık daha kullanışlı ve önemli bir yere sahip oluyor. Son olarak öne çıkan yayın eklentisini kısa bir zaman önce blogger kullanıcılarına sundu. 

Bu özellik blog sahiplerinin çok işine yaracaktır. Bu sayede sayfa gezinme oranı daha yüksek olacak ve öne çıkan yazı kişinin ilgisini çekerse o yazıya yönelecektir. Bundan dolayı seo için çok faydalı olacaktır. 

Bu özellik tamamen blogger üzerinden yapılmaktadır. Kurulumu çok basit olup normal gadget nasıl ekliyorsanız o şekilde olacak ancak bazı ayarlar yapılacaktır. Bu ayarları sizlere sırasıyla gösterelim. 

Öne Çıkan Yayınlar Blogger 1


İlk olarak blogger yönetici paneline girin ve oradan "yerleşim" sekmesine tıklayın. Bu bölümde birçok "Gadget Ekle" seçeneği göreceksiniz herhangi birini açın ve karşınıza ikinci gadget olarak "öne çıkan yayın" gelecektir. Tıklayın ve açın. Burada öne çıkan yayın yazısını istediğiniz şekilde değiştirebilirsiniz. Ve ayarlar kısmında ise "yayın başlığını göster", "resmi göster" şeklinde seçenekler var. 

Öne Çıkan Yayınlar Blogger


Bir alt kısımda ise tüm etiketlerinizin listelendiği bölüm var oradan hangi yazıya ait etiketin öne çıkmasını istiyorsanız onu seçin ve alt kısımda girdiğiniz içerikler belirecek herhangi birini seçip kaydet diyin ve temanızın neresine daha uygun görünüm veriyorsa oraya eklentiyi ekleyin.  Bunu videolu olarak aşağıdan izleyebilirsiniz.

Dediğimiz gibi aslında çok kolay ancak bu konuda yeni olanlar ve bilmeyenler için rahat yapabilmeleri için if ailesi olarak anlatımı gerçekleştirdik. 


Öne Çıkan Yayınlar Video izle


Blogger Şablonu Mobil Hale Getirmek

Son zamanlarda yeni güncelleme ile  mobil  uyumlu temaların aramalarda üst sıralara çıkacağını Google  açıklamasında yapmıştı. Ve  yavaş yavaş mobil uyumlu siteler sıralamada üstlere çıkmaya  başladı. Teknolojinin gelişmesiyle birlikte  artık insanlar masa üstünü az kullanıp  mobil cihazlardan sitelere girmektedir. Bu yüzden temanızı tam olarak mobil uyumlu  tema ile değiştirmeniz veya aşağıda ki bilgilerle mobil eklentisini aktif etmeniz yeterli olacaktır. 

Blogger Mobil Tema Aktif Etmek

Temanız  eğer mobil uyumlu halde değilse yönergeneleri izleyiniz. : Blogger >> Şablon yolunu takip ederek. Mobil kısmında ki  dişli ikona tıklayın.

Blogger Şablonu Mobil Hale Getirmek

İki seçenek sunulacak siz "Evet mobil cihazlarda mobil şablonu göster seçeneğini işaretlemeniz" gerekmektedir.

Ancak  temanız mobil uyumlu değilse blogger'ın özel temalarından birini seçerek kolay yoldan halledebilirsiniz. 

Mobil uyumlu ise özel sekmesine  tıklayarak buradan istediğiniz mobil uyumlu şablonu seçebilirsiniz. 

Blogger Şablonu Mobil Hale Getirmek 1

Fakat bu özelliklerin seçiminde  varsayılan kısmının işaretli olmasını tavsiye ederiz. Çünkü diğer özellikler seçildiğinde  mobil testi yapıldığında mobil uyumlu değil yazısını göreceksiniz. Bunun nedeni temanızın mobil uyumlu olmamasıdır.Varsayılan seçerseniz siteniz mobil cihazlarda daha hızlı açılacaktır. Ancak herhangi bir reklam  gadget vb. gibi eklentiler gözükmeyecek, sadece içeriğiniz gözükecektir. 


Ayarları yaptıktan sonra  test etmek için tarayıcınıza kendi site adresinizi yazarak mobil  görüntüsünü ekranda göreceksiniz

http://www.ibrahimfirat.net/?m=1

Kaynak>>  ehilblog


Facebook Beğen Kutusu - Zaman Ayarlı

Site ziyaretçisi ve sayfa beğenizin yükselmesi için Facebook Popup pencereleri son zamanlarda en çok kullanılan eklentileri arasındadır. Blogger siteler için geliştirilmiş olan bu eklentinin en önemli özelliği kullanıcıyı tanımasıdır. Bu yüzden sizin belirlediğiniz herhangi bir zamana kadar aynı ziyaretçi girse bile ekran karşısına çıkmıyor.

Facebook Beğen Kutusu - Zaman Ayarlı


Örneğin: Kod içerisinde bulunan bu kısımda  "'/', expires: 7 }); " 7 yazan yer 7 gündür. Bunu istediğiniz gibi ayarlayabilirsiniz. Ayın ziyaretçi 3 gün sonra tekrar girdiğinde gözükmesini istiyorsanız bu bölümü 3 yapmanız yeterlidir.

Siteniz eklemeniz gereken kodlar aşağıda anlatılmıştır:


Şablon > HTML’yi Düzenle > Devam Et yolunu izleyerek Ctrl + F tuşlarının    yardımıyla kodunu  </head>  bulun ve </head> kodunun üstüne aşağıdaki kodları ekleyin. Sonrasında aynı şekilde arama yaparak ]]></b:skin> kodunu bulun aşağıdaki kodları bir satır üstüne ekleyin. 3. adım ve son yapmanız gereken  </body> kodunu aratarak bulun ve bulduğunuz  </body> kodunun üstüne aşağıdaki vermiş olduğumuz kodu ekleyin. <div id='fanback'><div id='fan-exit'/><div id='fanbox'><div id='fanclose'/><div class='remove-borda'/> 
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/ibrahimfirat.net&amp;width=402&amp;height=255&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23E2E2E2&amp;stream=false&amp;header=false&amp;appId=329902783740649' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'/> 
</div></div> 

En son verdiğimiz kodun içinde bulunan https://www.facebook.com/ibrahimfirat.net yazan bölüme kendi facebook sayfa adresinizi yazmanız yeterli. İlk eklediğiniz kodun içinde bulunan 7 sayısını istediğiniz güne göre ayarlayın. Not: Kodları düzgün ekledikten sonra kod bir kere açılacaktır. Tekrar sayfa yenileme yaptığınızda popup penceresinin gözükmemesi çalışmadığı anlamına gelmez. Eğer şüphe ederseniz başka tarayıcılarda deneyerek gözlemleyebilirsiniz.

Foto Galeri Eklentisi (Light Box)

Çok kişinin aradığı ve birçok sitenin kullandığı eklentilerdendir. Uzun zamandan beri Blogger için işinize çok yarayacak eklenti paylaşmamıştım. Web sitenize foto galeri eklemek için en uygun kodu aşağıda paylaştım. Kodun kurulumu oldukça basit ve detaylı şekilde anlattım.

Foto Galeri Eklentisi (Light Box)


Light Box nedir ilk önce onu açıklığa kavuşturalım. Light Box, bir resim görüntüleme eklentisi anlamına gelir.

1. Aşama: Blogger Yönetim panelinize girin

2. Aşama: Yerleşim ► HTML'yi Düzenle kısmına gelin.

3. Aşama: Asağıdaki kodu temanın içinde bulun.

</head>

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




 Kodlama işleminin 1. Aşaması bitti. 2. Aşamada yapmanız gerekenler aşağıda;


Yeni >> Oluştur - HTML bölümünden (yani herhangi bir konu eklediğiniz kısım ) aşağıdaki kodu ekleyerek kendinize göre düzenlemeler yapmanız gerekmektedir. Bunun için kendinize ait bir resim ve url gerekli olacaktır.

 

Eklenti DEMO 

Bir önceki konumuz >>  Robot.txt Dosyası Düzenleme

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. 


Sitene Arkadaş Ekle Butonu Kodu

Site kodlarının en önemli özelliği sitenizdeki ziyaretçilere alternatifler sunmanız ve sitenizin daha özelleşmesine yardımcı olur. Bu kodumuz arkadaş ekle butonu, kodu sitenize eklediğinizde sitenize giren ziyaretçiler facebook'da sizi ekleyebilir ve geniş arkadaş kitlesine sahip olabilirsiniz.

 Arkadaş Ekle Butonu Kodu


 


Ön izleme Görüntüsü Alağıda
Sitene Arkadaş Ekle Butonu Kodu

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








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.