-->

Slider

İlgi Çeken Videolar

Sağlık

Teknoloji

Sinema

Televizyon

Ne Nedir?

En5 Konular

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. 

Blogger Sitelere Nasıl Yorum Yapılır?

Aslında bu konu önemlidir. Genel olarak insanlar sadece yorum biçimli sitelerde yorum yapmayı bilirken blogger veya blogger alt yapılı sitelerde yorum yapmayı pek beceremiyor ve ilk kez yorum atacaklara karışık gelebiliyor.

Bundan dolayı bizde bu yazıyı yazmayı uygun gördük. Yorum atmak isteyip de atamayanlar için çok kolay şekilde görsel ve video şeklinde anlatımı gerçekleştirdim.

İlk olarak aşağıdaki resimdeki gibi seçiminizi yorum kısmından yapıyorsunuz:

1

İkinci olarak Ad yazan kısma herhangi bir isim yazıyorsunuz URL yazan yeri boş bırakıyorsunuz. URL eklediğiniz zaman yönetici yorumunuzu genellikle onaylamaz. Çünkü link çıkışı oluyor ve reklam amaçlı yorum atıldığını düşünerek uzun bir yorum olsa da bazı kişiler o yorumları onaylamayabilir. 

Blogger Sitelere Nasıl Yorum Yapılır?


Blogger Sitelere Nasıl Yorum Yapılır? Vido izle


Ö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


Gonzo Magazin - Teknoloji Teması

Gonzo Blogger Teknoloji - Magazin - Haber teması


Gonzo temayı birçok alanda kullanabilirsiniz. Oldukça esnek ve şık bir yapıya bu tema blogger kulanıcıları için ücretsiz olarak sunulmuştur. Günümüzde mobil kullanım arttığı için çok siteler tema değişikliğine gitti özellikle Google açısından fayda sağlanması için "Responsive" tema kullanmanız artık şart.  Bu yüzden bu temayı sizlere öneriyoruz.



Gonzo Magazin - Teknoloji Teması

Gonzo Responsive temasının genel özellikleri

Gadgetleri kullanarak hazır reklam yerleşimi,

Responsive kodlama,

Seo uyumlu,

Blogger ve Facebook yorum sisteminin olması,

Temayı yüklediğinizde ayarları çok basit şekilde kod bilginiz de varsa daha iyi bir görünüme dönüştürebilirsiniz. Bunun için blogger eklentilerini kullanarak faydalanabilirsiniz.

Temanın demosu için aşağıdaki bağlantıyı kullanınız.


http://gonzo-blog-temasi.blogspot.com.tr/

Temayı indirmek için aşağıdaki bağlantıyı kullanın. 


https://yadi.sk/d/ZXJSzyBhhVsPF

Bir önceki yazımızda blogger temaları mobil uyumlu hale getirmek isimli konumuzda blogger alt yapılı sitelerin nasıl mobil uyumlu hale getireleceği anlatılmıştır.

Yazılarınızda Google+ Arkadaşlarınızdan Bahsedin

Blogger kullanıcıları için yeni bir özellik ile karşınızdayız. Oldukça basit kullanımı olan bu özellik ile içerikleriniz de Google+ arkadaşlarınızdan bahsedebilir ve bildirim gönderebilirsiniz. Bu özellik bir bakıma etiketleme olarak da adlandırılabilir. 

Bu özellik sadece  Google Plus hesabınızda olan arkadaşlarınızdan değil, sizi takip etmeyen kişilerden bile bahsedebilirsiniz.  Bu özelliği kullanabilmeniz için blogunuzun Google+ hesabına bağlı olması yeterlidir. Ayrıca Google+ bildirimlerine sizin profil sayfanızın açık olması gerekmektedir. Genel olarak blog kullanıcılarının bu ayarları yapılı olması gerekmektedir. Bundan dolayı bu ayarlarınız etkin haldedir. Eğer değilse bir kaç adımda bu işlemleri rahatlıkla gerçekleştirebilirsiniz. 


Yazılarınızda Kişilerden Nasıl Bahsedilir?


Oldukça kolay şekilde etkin olan bu özellik için "+" kullanılması gerekir. Örneğin  +ibrahimfirat yazdığınız zaman ibrahimfirat isminde olan kişiler ekranda belirecek aşağıda örnek resme bakınız. 




Örnek Video



Bir önceki konumuzda "Blogger Şablonu Mobil Hale Getirmek" ile ilgili yazımızı okuyabilirsiniz. Blogger temalar nasıl mobil uyumlu hale getirilir detaylı şekilde bilgilerin yer aldığı yazımızdır.

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.

Blogger Temaları 2015

Blogger Temaları 2015
2015 En İyi Ücretsiz Blogspot Temaları

Yeni blog temaları, 2015 yılı temaları, Blogger için en güzel temalar arşivi. Blogspot tema arşivi

Blogger kullanıcıları milyonları aştı ve buna bağlı olarak her gün onlarca yeni blog açılıyor. Bir çok seçenek sunan blogger klasik temaları pek tutulmuyor. Yapımcılar tarafından kaliteli ve çok güzel temalar her sene çıkıyor. Blogger için tasarlanmış en güzel temaları sizler için derledik. 

Uzun zamandan beri böyle bir arşiv paylaşmamıştık.  Özenle seçilmiş temalar ve aralarında seçim yapmakta zorlanacağınız bir  arşiv ancak sadece 18 tanesini sizlerle paylaşacağız. 

Özellikle sade ve hızlı temalardan oluşan aynı zamanda seo dostu sitenizi iyi yerlere getirecek özelliklere sahiptir. Bildiğiniz gibi site tasarımı en az içerik kadar önemlidir. Kaliteli bir tema ve özgün içeriğinizle arama motorlarında yükselme oranınız artacaktır. 

Tema düzenlemeden anlayan biriyseniz seçtiğiniz bir temayı kendinize özel hale getirmenizde mümkün. Renk düzenlemesi, eklenti, görünüm vs.  


18 Adet Ücretsiz Blogger Tema 2015






















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