Enes İLHAN\ Blogger Navigasyon Eklentisi

Blogger İpuçları 29 yorum 18.460 3 Haziran 2011

Konu Videolu anlatımla güncellenmiştir.
Sağolsun tekip eden okurlarımız isteklerini iletişim formundan bildirmeye devam ediyor. Bugün o isteklerden birisi olan navigasyon eklentisini anlatmak istiyorum sizlere. Asıl ismi Blogger Bread Crumbs olan bu eklentiye ben navigasyon demeyi daha uygun buldum. Çünkü Türkçemize daha yakın ve daha anlamlı olduğu için bu anlamı kullanmayı tercih ettim. Bu eklentiyle SEO ile kardeşçe geçinebileceğinizi belirtmek isterim öncelikle 🙂 Yani şöyle bir örnek ile sanırım çok daha net analayacaksınız:

nvgsyn-ornek
Yukarıdaki resimde aratılan kelime “Blogger Highslide Eklentisi“. İki sonuçta da linkler kelimesi kelimesine aynı. Yani konu başlıkları tamamen aynı. Buna rağmen benim sitem ilk sırada çıkıyor. Yani burada kullanmış olduğum navigasyon eklentisi vesilesi ile tamamen aynı olan iki konuda bir adım yükselmeme olanak sağlıyor. Bu güzel örnekten sonra isterseniz şimdi bu eklentinin nasıl yapılacağına geçelim:

Öcelikle aşağıdaki kodu ]]></b:skin> kodundan önce yapıştıralım:

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;}

Daha sonra “Widget Şablonlarını Genişlet“tiğinizden emin olduktan sonra şu kodu bulun:


Kodu bulduktan sonra bulduğunuz kodu tamamen silin ve yerine şu kodları yapıştırın:


Son olarak şu kodu buluyoruz:


Ve yine bu en son bulduğunuz kodu silerek yerine aşağıda yer alan adresteki kodları yapıştırarak işi bitirmiş oluyoruz:

http://tinypaste.com/643288

 

Evet arkadaşlar işlem bu kadar ! Sizlerde artık Google’nın SEO kavramına uygun bir eklenti yapmış oldunuz. Biraz CSS bilginiz varsa sadece yazı yerine resimli olarak da göze daha hoş gelmesini sağlayabilirsiniz. Herhangi bir sorunda yazmaktan çekinirseniz kaynananız ölsün 😀  {şaka tabi ki}

Bu yazıdan önce yazmış olduğum "Bloggerda Hosting Kullanma !" başlıklı yazımı da okumanızı tavsiye ederim.

Yorumlar ;

Bilgispot
3 Haziran 2011 - 07:40:34

Güzel anlatmışsınız ama bunları yaptığım zaman XML hatası veriyor. Temadamı sorun var diye başka bir tema üzerinde denedim yine hata verdi.

Ayrıca bu kodu arayın demişsiniz ancak verdiğiniz kodları arayınca hiç biey bulmuyo. Bu bütün kodlar için geçerli. Hiçbirini bulmuyor arattığımda (Widget şablonlarını genişletiyorum).

Ahmet
3 Haziran 2011 - 08:59:11

Güzel bir eklenti. Cumadan geldikten sonra kesinlikle ekleyeceğim bunu bloguma 🙂

Engin
3 Haziran 2011 - 09:03:46

Teşekkürler.

Mrb Benimde blog sayfam var sizin kullandığınız kod yayınlama eklentisinin adını öğrenebilirmiyim. Ben yeniyim wordpressde.

Enes İLHAN
3 Haziran 2011 - 13:13:25

@Bilgispot,
Aslında haklısın arkadaşım. O kodu yazıp aratınca o kodu bulmuyor fakat ben bulmuştum. Fakat şöyle bir yöntem var: CTRL+F yaparak sadece status kodunu arat. Arattığın status'lerin içinde mutlaka yukarıdaki koda ulaşacaksın. Diğerlerini dediğim sırayla yapacaksın, kolay gelsin..
@Engin,
Rica ederim. Bu dediğinizi de en kısa zamanda anlatmayı düşünüyorum. İlginiz için ben teşekkür ederim arkadaşlar.

Ahmet
4 Haziran 2011 - 10:28:43

Olmuyor, hata veriyor. Nasıl yapmalıyım?

Enes İLHAN
4 Haziran 2011 - 12:09:27

Neresi olmuyor ahmet ? Nerede hata alıyorsun ? Açık bir şekilde yazarsan belki yardımcı olabilirim.

Ahmet
4 Haziran 2011 - 13:53:20

@Enes İLHAN
XML hatası veriyor. Kodları kontrol ettim ama bi açık bulamadım.

Enes İLHAN
4 Haziran 2011 - 14:59:02

XML hatası veriyorsa kodları dönüştürmek lazım. Bunun için şu sayfadan kodları dönüştür öyle dene ahmet o zaman kesinlikle olacaktır. Kod çevirme sayfası şurası: http://www.eblogtemplates.com/blogger-ad-code-converter/

ByCakko
4 Haziran 2011 - 16:37:57

Enes abi ]]> kodunu arattım fakat bir sonuça varamadım. Ardından status kodunu arattığımda statuslerin içinde kodu bulamadım. Ama birşey gözüme çarptı; ]]> değilde ]]> kodu çıkıyor. Ne yapmamı önerirsin abi ?

Enes İLHAN
4 Haziran 2011 - 22:47:42

@ByCakko,
Yazdığın kodlar görünmüyor Alpercim. Şu en son iki kodu görebilsem mantıklı bir şeyler söylemeye çalışırdım ama kodlar görünmüyor dediğim gibi. Kodları tinyurl diye bir site vardı oraya upload edebilir misin rica etsem ?

9dk
5 Haziran 2011 - 18:08:40

enescim verdiğin kodda
''if'' lerden biri kapanmamış sanırım o yüzden xml hatası veriyor.

Enes İLHAN
5 Haziran 2011 - 18:14:56

@9dk,
Kendi kullandığım kodların aynısını konuya ekladim ama haklı olabilirsiniz. Ben tekrar gözden geçireyim, ilginiz için teşekkür ederim.

9dk
5 Haziran 2011 - 19:02:39

@enesilhan

hallettim enes 😉 eyw…

Enes İLHAN
5 Haziran 2011 - 19:50:39

Kodları düzelttim çünkü 🙂 İnşallah diğer arkadaşlarda yapabilir.

YepyeniBirben™
6 Haziran 2011 - 18:06:57

Benim sitenin güzel reklamını yapmışın enes kardeşde ben bir türlü yapamadım :S sondan bir önceki kodda status ta ön izleme yapınca kayıtlar gözükmüyor son koduda ekleyince xml hatası veriyor

Enes İLHAN
7 Haziran 2011 - 20:42:33

@Ahmet,
Bugün kısa bir video ile bu konuyu göstermeyi planlıyorum ahmet, takipte kalın.

orkn
8 Haziran 2011 - 12:31:48

eniscim izninle yapamayanlar birde benim blogtakini denesin

http://www.9dk.org/2011/06/blogger-breadcrump-eklentisi.html

Enes İLHAN
8 Haziran 2011 - 13:39:05

@orkn,
Tabi hocam ne demek. Ben videolu anlatımla konuyu destekledim. Buna rağmen yapamayanlar senin sitenden yapsınlar.

Can Karaca
9 Haziran 2011 - 11:22:36

enes abi video da hata vermesinin nedeni kodunu kapatmadan bırakmışsın aslında hata vermiyecekti şeklinde kapatsaydın 🙂

sefa
10 Haziran 2011 - 00:31:47

GÜZEL PAYLAŞIM SAOLL

Anonymous
17 Haziran 2011 - 23:36:41

]]> değil de ]]> olarak aratırsanız bulursunuz. 🙂
Bir de konuyu güncellersen sevinirim. 😀 a harfi fazla orada. 😀

Ahmet
3 Temmuz 2011 - 10:21:42

"http://tinypaste.com/643288&quot; Ben bu adreste hiçbir kod göremiyorum?

Enes İLHAN
3 Temmuz 2011 - 15:08:28

@Ahmet,
İyi bakmamışsın ahmet. O adreste kod var şimdi tekrar girip baktım. Tekrar dene

Ahmet
6 Temmuz 2011 - 10:48:38

Ben az önce farkettimde ben aslında yapamamışım. Olmuyor. Sadece kayıt sayfalarında görünüyor navigasyon. Anasayfada ve Google'da görünümyor 🙁 b:if hatası veriyor 🙁

Ahmet
6 Temmuz 2011 - 11:27:44

Herşeyi doğru yapıyorum ama son kodu "navigation" kod satırının yerine yapıştırdığımda hata alıyorum. Şöyle bir hata veriyor: ""Blog1" kimliğine sahip widget, aynı kimliğe sahip olan en az iki b:includable öğesi içeriyor: "breadcrumb". Tüm b:includable öğeleri belirli bir widget için benzersiz bir kimliğe sahip olmalıdır.
Error 500
"

14 Ocak 2012 - 10:34:41

Konuyu güncelleyebilirmiyiz lütfen kodlar görünmüyor.

isimsiz
11 Mayıs 2012 - 05:56:33

Kodlar görünmüyor enes bey düzeltirmisiniz..

20 Temmuz 2012 - 00:35:10

Olmuyor, bana yardımcı olur musun?

6 Ağustos 2012 - 06:35:57

Kodların bazıları görünmüyor ki, bu siteyi bildiğim için ilk olarak buraya girdim fakat sonuç yok.