Ücretsiz Blogger Teması ( Responsive )

Arkadaşlar Merhaba ;
Daha önceden kullanmış olduğum ve memnun kaldığım blogger temasını sizlerle paylaşmak istedim.
Templateism tarafından oluşturulan, Metro yapıya sahip, Responsive ( Duyarlı ), Görsel olarak Sade ve Kullanışlı, SEO açısından başarılı ve Düzgün kod hatlarına sahiptir.

Ücretsiz olarak yayınlanan v1 sürümünü sizlerle paylaşıcam.

Demo Önizle Download İndir

Tema ile ilgili soru ve görüşlerinizi yorum bölümünden iletebilirsiniz.

" Anahtar Kelimeler : Blogger tema, ücretsiz blogger teması, ücretsiz blogger temaları, blogger temaları, responsive blogger teması, ücretsiz responsive blogger teması, ücretsiz blogger responsive temalar, "

BloggerEklentiDeposu-Blogger Eklenti ve Temaları

Devamı >

Blogger Önceki ve Sonraki Yazılar Butonu Oluşturmak

Bu Eklentinin Amacı Nedir ?

Blog ana sayfalarının vazgeçilmezi olan ve tasarım olarak genelde pekte tatmin edici olmayan blog sayları arasında geçiş yapmaya yarayan " önceki ve sonraki " yazılarını görsel hale getirerek, sayfanın tasarımını bi derece göz alıcı hale getirebilmek.

Nasıl Kurabilirim ?

Maddeler halinde anlatacak olursak ;

• Blogger kontrol paneline giriş yapıyoruz.
• Sol tarafta bulunan Şablon sekmesine tıklıyoruz ve açılan sayfadaki " Html Düzenle " butonuna tıklıyoruz.
• Açılan kod penceresinin boş bir kısmına tıklıyoruz ve " ctrl+f " yardımıyla aşağıdaki kodu buluyoruz.

<data:olderPageTitle/>

• ve yerine aşağıdaki kodu yapıştırıyoruz.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidfCk9LsJXrgtXdF-8TCYclwjrC1on3DiRDgwLvayKdySAMh9rBddCLDIHIqTdHtgIFpsFOm8JSjmPD2OyRKQgn-heoDegSnCgi3ublYcQkbYKuWaBO63TxLkJE28tGTC3Ymxmp1pxfRb-/h120/sol.png' border='0' title='ÖNCEKİ'/>

• Daha sonra aşağıdaki kodu buluyoruz.

<data:newerPageTitle/>

• ve yerine aşağıdaki kodu yapıştırıyoruz.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAAEjpyvZvBBrtWoPTAaHGATexJM_jyFaZPLldMA2TYba-NrVR2xRdxE6pKl9WESItlUhV3MI4kBGK20ny4QZLc8Q-bR13yRnU3Ilp0hg_xrtqH3LRc1R5B4OpiC0P7Nx9n59OYjlybYuT/h120/sa%25C4%259F.png' border='0' title='SONRAKİ'/>

• En son aşağıdaki kodu buluyoruz.

<data:homeMsg/>

• ve yerine aşağıdaki kodu yapıştırıyoruz.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFleUyWq4aN4aokE5mjpmG37rGhl_XRm8TGLG9RJ1hHriHw1z2wYyylBAZWrXrl6UU17ILv8uPDuEKOOYHoTVwkgNKzQfz7sZUkHWui7_N1o4u5M_Wob-DYcCRbsb7Qkd4ulZRwtFkbE2p/h120/anasayfaa.png' border='0' title='ANA SAYFA'/>

Bütün işlem bu kadar.Hayırlı olsun .)

Eklentiden bir görsel : 

" Anahtar Kelimeler : Blogger önceki ve sonraki butonlarını görsel hale getirme, blogger önceki ve sonraki kayıtlar, blogger önceki ve sonraki kayıtlar eklentisi, blogger önceki ve sonraki kayıtlar yazısını fotoğraflı hale getirmek, "

Devamı >

Şık Tasarımlı Demo ve Download Butonu Oluşturmak

Merhaba ;

Özellikle indirme ve tema paylaşımı yapan blog veya sitelerin kullandığı indirme ve demo görünüm butonunu sizlerle paylaşmak istedim.
Oldukça şık ve dinamik bir yapıya sahip olan bu eklentiyi nasıl sitenize veya bloğunuza eklemeniz gerektiğini anlatıcam.

1. K.Paneli > Şablon > Html Düzenle adımlarını takip ediyoruz ve ( ctrl+f ) yardımıyla </head> etiketini buluyoruz , hemen üstüne aşağıdaki kodu yapıştırıyoruz ...

<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

2. Yine aynı sayfadan ctrl+f yardımıyla " </style> " kodunu buluyoruz ve hemen üstüne aşağıdaki kodu yapıştırıyoruz.

.bstbuton{margin:20px auto;padding:20px 0;width:200px}
.bstbuton a{background:#fff;color:#666;display:block;font-size:17px;font-weight:700;font-family:'Arial',Verdana,sans-serif;height:50px;line-height:50px;text-align:center;text-decoration:none;text-transform:uppercase;width:200px;position:relative;z-index:2}
.bstbuton a:before{content:'\f019';font-family:FontAwesome;font-weight:normal;padding:8px;margin-left:-12px;margin-right:6px}
.bstbuton span{background:#444;color:#fff;display:block;font-size:12px;font-family:'Arial',Verdana,sans-serif;height:40px;line-height:40px;text-align:center;width:200px;z-index:1;text-transform:uppercase;font-weight:bold}
.bstbuton .up{background:#e25734;margin:-30px auto;opacity:0;border-radius:0 0 5px 5px;transform:translate(0,-50px);transition:350ms}
.bstbuton .down{margin:-30px auto;opacity:0;border-radius:5px 5px 0 0;transform:translate(0,-50px);transition:350ms}
.bstbuton:hover .up{opacity:1;transform:translate(0,0)}
.bstbuton:hover .down{opacity:1;transform:translate(0,-90px)}
.bstbutondemo{margin:20px auto;padding:20px 0;width:200px}
.bstbutondemo a{background:#e25734;color:#fff;display:block;font-size:17px;font-weight:700;font-family:'Arial',Verdana,sans-serif;height:50px;line-height:50px;text-align:center;text-decoration:none;text-transform:uppercase;width:200px;position:relative;z-index:2;transition:350ms}
.bstbutondemo a:before{content:'\f08e';font-family:FontAwesome;font-weight:normal;padding:8px;margin-left:-12px;margin-right:6px}
.bstbutondemo a:hover{color:#fff}
.bstbutondemo span{background:#444;color:#fff;display:block;font-size:12px;font-family:'Arial',Verdana,sans-serif;height:40px;line-height:40px;text-align:center;width:200px;z-index:1;text-transform:uppercase;font-weight:bold}
.bstbutondemo .up{background:#444;margin:-28px auto;opacity:0;border-radius:0 0 5px 5px;transform:translate(0,-50px);transition:350ms}
.bstbutondemo:hover .up{opacity:1;transform:translate(0,0)}

3. Şablon kısmına eklememiz gereken kodlar bu kadar.
Aşağıda verdiğim kodları yazılarınızda bu butonları nerede görüntülemek istiyorsanız oraya yapıştırmanız gerekiyor.

<div class="bstbutondemo">
<a href="http://bloggereklentideposu.blogspot.com">Demo</a>
<span class="up">Demo için tıklayın</span></div>
<div class="bstbuton">
<a href="http://bloggereklentideposu.blogspot.com">Download</a>
<span class="up">İndirmek için tıklayın</span>
<span class="down">Bloggereklentideposu.blogspot.com</span></div>

Bütün işlem bu kadar.Hayırlı olsun :)

Devamı >

Blogger Kayıt Şablonu Nedir ? Ne İşe Yarar ?

Merhaba ;

Blogger altyapısı ile blog sahibi olan birçok kişinin bilmediği ve yaygın olmamasına rağmen kullananların vazgeçilmezi olan kayıt şablonunu sizlere anlatmak istedim.

* Kayıt Şablonu Nedir ?

Öncelikle kayıt şablonu ; Bütün yazılarımızda kullandığımız kalıplaşmış olan ve sürekli kullandığımız cümleleri otomatik olarak yazılarımıza eklenmesini sağlayan blogger'a özel bir eklentidir.

Örneğin ben her yazımın başına "Merhaba ;" , sonuna ise "Bütün işlem bu kadar.Hayırlı olsun" cümlelerini ekliyorum.

Kayıt şablonu sayesinde bu kelimeler otomatik olarak yazımın başlangıcına ve sonuna ekleniyor.

Benim için vazgeçilmez değil ancak yazılarını belli kalıp üzerinde , sabit giriş ve sonuç cümleleri olan  blogger arkadaşlarımın işini kolaylaştıracağından eminim.

* Kayıt Şablonunu Nasıl Kullanabilirim ?

Blogger K.Paneli  > Ayarlar  > Yayınlar ve Yorumlar  > Kayıt Şablonu yanındaki " Ekle " Butonuna tıklıyoruz ve açılan pencereye yazılarımızda sürekli kullandığımız veya kullanacağımız cümleleri yazıyoruz ve sağ üst köşede bulunan " Ayarları Kaydet " butonuna tıklıyoruz.

Bütün işlem bu kadar.Hayırlı Olsun :)

Devamı >

Blogger 404 sayfası oluşturmak

Merhaba ;

404 Not Found hatasını , internet kullanan her bireyin daha önce gördüğünün garantisini verebilirim :)
404 Not Found hatası , daha önce yazılan yazıların sonradan silinmesi , yenilenmesi durumunda sözkonusu sayfaya girildiği anda karşımıza çıkan hata sayfasıdır.

Her blogda ve websitede olması gerektiğini düşünüyorum.






Kuruluma geçmeden önce eklentiden bir görüntü ;

Kurulum ;

Kumanda paneli > arama tercihleri > hatalar ve yönlendirmeler altındaki "sayfa bulunamadı sayfası için özel içerik" yanındaki "düzenle" butonuna tıklıyoruz.

Çıkan html kutusuna aşağıda bulunan linkteki kodu ekliyoruz ve "http://bloggereklentideposu.blogspot.com" url'sini bloğumuzun url'si ile değiştiyoruz.

404 sayfası kodu için tıklayınız ...

Bütün işlem bu kadar.Hayırlı olsun :)

" Anahtar kelimeler : blogger 404 sayfası, blogger 404 sayfası oluşturmak, blogger 404 sayfası düzenlemek, blogger 404 not found "

Devamı >

Blogger bloğu farklı adrese yönlendirmek

Merhaba ;

Yaklaşık 5 yıldır website ve bloglar ile ilgili faydalı bilgiler ve seo hakkında blog yazarlığı yapıyorum.
Eski bloğumda yaptığım bazı amatör seo hamleleri bloğumdan azda olsa soğuttu ancak halen daha özgün yazılarımı yazmaya devam ediyorum.
Sonra bu bloğu kurmaya karar verdim yalnızca bloglar ile ilgili faydalı bilgi ve eklenti paylaşımı yapmak , aynı zamanda eski bloğumdaki basit hataları burada yapmamak üzere.
Bazı nedenlerden dolayı blog yazarları bloglarından soğuyabiliyor.( Kendimden örnek verdiğim gibi )
Örneğin seo ile ilgili yanlış bir hamle bloğun arama motorları tarafından hep arka plana atılması gibi.
Daha sonra aynı kategori ve aynı konu ile ilgili farklı blog veya website açmaya karar verip uygulamaya konuyor.
Peki bir önceki bloğunun sabit ziyaretçilerine ve okurlarına ne olacak ?

Bu sorundan yola çıkarak aynı kategori ve aynı konuda yeni bir blog veya website açan arkadaşlar için eski bloglarına ekleyecekleri basit kod ile sabit ziyaretçi ve okurlarını yeni bloglarına yönlendirmeleri mümkün.

Hemen kuruluma geçelim.

Kurulum ;

Kumanda paneli > şablon > html düzenle butonuna tıklıyoruz ve ctrl+f yardımıyla aşağıdaki kodu buluyoruz.

</head>

ve hemen üstüne aşağıdaki kod ekliyoruz.

meta http-equiv="refresh" content="0;url=http://bloggereklentideposu.blogspot.com"/>

Kırmızı renkli yerdeki url'yi yeni bloğumuzun veya websitemizin url'si ile değiştiriyoruz ve kaydedip çıkıyoruz.
Bütün işlem bu kadar.Hayırlı olsun :)

" Anahtar kelimeler : blogger bloğu farklı adrese yönlendirmek, blogger farklı adrese yönlendirmek, blogger blog yönlendirme kodu, blogger blog transfer kodu "

Devamı >