Blogger Özel Şablon Tasarımında Yapılan Arka Planın Görünmeme Sorunu

Blogger kumanda peneli arka plan resmi ön izleme bölümünde görülüyor, ana sayfada görülmüyor sorununun çözümü. Blogger TR uzantısına geçtiği dönemden itibaren başlayan sorunlardan biride, arka plan resminin ön izleme bölümünde çalıştığı halde ana sayfada görülmemesidir. Blogger arka plan resimlerini çok farklı yöntemler ile eklememiz mümkün. Ancak biz çok kolay bir yöntem ile arka plan için seçtiğimiz resimlerimizin çalışmasını sağlayacağız. Klasik ve Dinamik Blogger üzerinde yaptığım testler sonucunda arka plan resimleri çalıştı. Blogger için arka plan resimlerini çalıştırmak için yapmanız gereken işlemleri aşağıda inceleyelerek sizde çok basit şekilde sorununuzu çözebilirsiniz.


1. Blogger kumanda paneline giriş yapın.
2. Şablon → Özelleştir→ Araka plan resim seçiminizi yapın ve blogu kaydedin.
3. Bloga dön sekmesine tıklayarak kumanda paneline dönün.
4. Şablon Htm’düzenle ile şablon kodlarını açın.
5. Aşağıda gördüğünüz resim üzerinde b:sikin ile başlayan sol kısımdaki ok işaretine tıklayın, açılan sayfada bir ok daha göreceksiniz.Ok işaretine tekrar tıklayın. Kodların genişlediğini görmüş olmanız gerekir.

6. Kodları biraz aşağıya kaydırın ve şu kodlara benzer kodu bulun.
<Variable name=”body.background” Bu kod içinde aşağıdaki gibi bir kod göreceksiniz.
url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMOGFhZWQ3YjgtZGZiZC00ODlhLWFkNmQtMzRmZmQzMjAxNTY0)
(url(//themes) yazan kısmın başına ( http:) yazın ve blogu kaydedin. Yaptığınız işlemin sonucunda kodlar aşağıdaki gibi olacaktır.
url(http://themes.
NOT: Http olarak çalışmadığında lütfen birde Https olarak deneyin !




BU YÖNTEMLERLE ÇÖZÜLMEZSE KESİN ÇÖZÜM


Yukardaki yöntemlerle çözülmezse muhtemelen resmi görmüyor demektir. Öncelikle arka plan resminizi bloggera yükleyin. (yada başka bir resim yükleme sitesine.) Sonra resminizin adresini kopyalayın. Bu resim adresi .jpg gibi resim adresi ile bitmeli. Örneğin: http://www.site.com/image/resim1.jpg Bu resim adresini yukardaki örnekteki anlatılan (http eklediğimiz) parantez içine yapıştıracağız. Yani parantezin içini olduğu gibi silip resim adresini buraya yapıştıracağız. Bu teknik denendi ve sorun kesin olarak çözüldü…

 106 kez bu yazı okundu.

Blogger En Çok Yorum Alan Yazılar Eklentisi

Blogger en çok yorum alan yazılar eklentisi   Merhabalar. Bugün sizlerle Blogger’da En Çok Yorum Alan Yazılar eklentisini paylaşmak istedim. 
Bu eklenti sizin ve ziyaretçilerinizin çok işine yarayacaktır. Neyse anlatıma geçeyim.


Blogunuza En Çok Yorum Alan Yazılar eklentisini eklemek için Yerleşim>Gadget Ekle> HTML / Javascript seçeneğini seçiyoruz. Ve karşımıza çıkan ekrana aşağıdaki kodları yapıştırıp kaydediyoruz.

<!– Kolay Web Tasarım En Çok Yorum Alan Yazılar Eklentisi –> 

<script type=”text/javascript”> 

function getYpipePP(feed) { 

document.write(‘<ol style=”color:#c00000“>’); 

var i; 

for (i = 0; i < feed.count ; i++) 

var href = “‘” + feed.value.items[i].link + “‘”; 

var pTitle = feed.value.items[i].title; 

var pComment = ” (” + feed.value.items[i].commentcount + “)”; 

var pList = “<li>” + “<a href=”+ href + ‘” target=”_blank”>’ + pTitle; 

document.write(pList); 

 document.write(pComment); document.write(‘</a></li>’); 

document.write(‘</ol>’); 

</script> 

<script src=”http://pipes.yahoo.com/pipes/pipe.run? 

YourBlogUrl=http://kolaywebtasarim.blogspot.com/ 

&ShowHowMany=10 

&_id=390e906036f48772b2ed4b5d837af4cd 

&_callback=getYpipePP 

&_render=json” 

type=”text/javascript”></script> 

<!– Kolay Web Tasarım En Çok Yorum Alan Yazılar Eklentisi –>

Kodumuzda değiştireceğiniz yerleri Yeşil renk ile gösterdim.




kolaywebtasarim.blogspot.com yerine kendi blog adresinizi yazın. Kodların çalışıp çalışmadığını üst menümüzdeki Kod Deneme’ye tıklayarak kod deneme editöründen inceleyebilirsiniz.

İyi bloglar. 

 140 kez bu yazı okundu.

Blogger Resimli Son Yazılar Eklentisi

Merhabalar. Bugün sizlere Etikete Özel Resimli Son Yazılar Eklentisi ‘ni sunmak istedim. Zaten bazı bloglarda bu eklentiyi görmüşsünüzdür. Herneyse anlatıma geçeyim.
Blogger Etikete Özel Resimli Son Yazılar Eklentisi
Bu eklentimizi eklemek için ; Yerleşim>Gadget Ekle>HTML / Javascript ‘i seçip önümüze gelen pencereye aşşağıda vermiş olduğum kodları ekliyeceksiniz.
<link rel=”stylesheet” type=”text/css” href=”https://dl.dropboxusercontent.com/u/60346665/bh-son-yazilar-css.css” />  <script src=”https://dl.dropboxusercontent.com/u/60346665/bh-son-yazilar.js”></script>  <script type=’text/javascript’>var numposts = 5;var showpostthumbnails = true;vardisplaymore = false;var displayseparator = true;var showcommentnum = false;varshowpostdate = false;var showpostsummary = true;var numchars = 100;</script>   <script type=”text/javascript” src=”http://kolaywebtasarimblogspot.com/feeds/posts/default/-/blogger?published&alt=json-in-script&callback=labelthumbs”></script>
Düzenleyeceğiniz yerler ;
  • numpost = Kaç yane yazı görüntülenmesini istiyordanız rakam girin. ( En fazla 25 )
  • showpostthumbnails = Resimleri göstermek istiyorsanız true yazın , kapatmak için ise false yazabilirsiniz.
  • displaymore = “Devamını Gör” eklentisini gösterir. Açmak için false yerine true yazabilirsiniz.
  • showpostdate =Yazı tarihini görmek istiyorsanız ture , görmek istemiyorsanız false yazabilirsiniz.
  • showpostsummary = Yazının diğer kısmıni görmenizi sağlar. Açmak için true , kapatmak için false yazın.
  • numchars = Eğer yazının bir kısmını görüntüleme açıksa ilk kaç karakterin gösterileceğini belirler.
  • kolaywebtasarim.blogspot.com = Buraya kendi blog adresinizi yazın.
  • BLOGGER = Buraya Misafir Blog yerine istediğiniz etiketi yazabilirsiniz.
   Arkadaşlar kodların içerisinde Yeşil Renk ile göstermiş olduğum yerleri Düenleyeceğiniz Yerler kısmından ne yapmanız gerekiyorsa bakarak kendinize göre düzenleyebilirsiniz.

Eklenti ile ilgili sorularınız ve sorunlarınız varsa yorum bırakabilirsiniz.

 74 kez bu yazı okundu.

Blogger Site İçi Seo Nasıl Yapılır

Blogger seo derslerimizi 2 bölümde inceleyeceğiz. İlk bölüm sitemizi google’a sevdirmek olarak da nitelendirilen site içi seo ayarlarının yapılmasını öğreneceksiniz. Site içi seo çalışması, seoya başlangıç olarak nitelendirilir ve çok önemli çalışmalardır…

Öncelikle blogger site içi seo ayarları nasıl yapılır videomuzu seyredelim, videonun hemen altında da videoda anlatılan kodları kullanalım.



VİDEODA ANLATILAN KODLAR:

Robot TXT:

 

User-agent: Mediapartners-Google
Disallow: 
User-agent: *
Disallow: /search?q=*
Disallow: /*?updated-max=*
Allow: /
Sitemap: http://www.blogisminiz.com/feeds/posts/default?orderby=updated

Başlıkları SEO Uyumlu Hale Getirme:

Öncelikle aşağıdaki kodu bulalım; (ctrl+F yaparak açılan kutucuğa yazmanız durumunda kolayca bulursunuz)

Yukarıdaki bulduğumuz kodu, aşağıdaki kod ile değiştirelim;

Ve temayı kaydedelim.. İşte bu kadar, bu ayarları yaptıktan sonra, blogunuzda yer alan yazı başlıkları seo’ya uygun hâle gelecek.

META TAG KODLARI

Yukardaki meta tag kodlarında videodaki gibi uygun alanlar değiştirilmelidir. Böylece ana sayfanız seoya uyumlu hale gelecektir.

Videoda da bahsettiğimiz gibi çok sık tema değiştirmeyin. Siteniz için en uygun temayı bulduktan sonra seo ayarlarını yapmaya başlayın. Sitenizi kopya içeriklerden koruyun. Çünkü site içi seo çalışmalarının en önemli olanı ÖZGÜN İÇERİKtir…

 

 304 kez bu yazı okundu.