Ali DOGAN

Etiketlere bağlı olan bağlantı adreslerine tıklandığında gösterilen post sayısını düzenleme

Blogunuz için küçük dokunuşlar her zaman faydalı olacaktır. Yaptığınız her değişiklikle beraber kendinize şu soruyu sormalısınız. Blogum şu anda daha mı kullanışlı? Görsellik bir yana ziyaretçilerinizin sayfanızda kolaylıkla gezebilmesi aradığını kolayca bulabilmesi çok önemlidir. Burada kesinlikle etiketlerin rolü oldukça büyüktür.

Fakat özel olarak editlenmiş temalar dışında bir çok tema etiket sınırlandırma işlemini kullanmıyor.

Etiket sınırlandırma nedir? Ne işe yarar?

Etiket sınırlandırma nasıl yapılır?
Kafanızdaki soru işaretlerini gidermek adına biraz bundan bahsetmek istiyorum. Bir etikete tıkladığınızda karşınıza o etikete bağlı olan yazılar sıralanır. Ama bu sıralama aşağı doğru uzayıp gider. Çünkü (o etiketteki tüm yazılarınız tek seferde listelenir.) Fakat etiket sınırlandırma işlemini uyguladığınızda tıpkı ana sayfadaki gibi görüntelenecek post sayısını belirleyebilirsiniz.

Daha iyi anlayabilmeniz için şu örnek sayfaları inceleyebilirsiniz.

Etiket sınırlandırma uygulanmış sayfa : Demoyu görmek için tıklayın
Etiket sınırlandırma olmayan sayfa: Demoyu görmek için tıklayın

Uygulama :

1. Blogger kumanda panelinizden şablon > HTML Düzenle > diyerek aşağıdaki kodları arayın:

Muhtemelen iki adet olması gerekiyor.

expr:href='data:label.url'

2. Daha sonra Bulduğunuz kodları aşağıdaki ile değiştirin:

expr:href='data:label.url + "?&max-results=5"'

max-results=5 buradaki 5 etikete tıklandığında göstermek istediğiniz yazı sayısıdır.


Manuel linkler için :

Manuel olarak sayfanıza eklemiş olduğunuz bağlantılar için (sayfalar gibi) uygulamak isterseniz aşağıdaki manuel link kodu örneğine bakarak uygulayabilirsiniz.

<a href='http://1deliningunlukleri.blogspot.com.tr/search/label/yaşam'>yaşam</a>

Bağlantınızın sonuna max-results eklentisiyle aşağıdaki gibi yapabilirsiniz

<a href='http://1deliningunlukleri.blogspot.com.tr/search/label/yaşam?&max-results=5'>yaşam</a>

6. Son olarak temanızı kaydedin.

Sidebar alanında çok fazla widget bulunan bloglar için multi-tab (3 sütunlu widget alanı) ekleme.

Multi-tab widget nasıl eklenir?

Multi-tab widget alanı nedir? öncelikle sizlere biraz bundan bahsedeyim. Bu eklenti sidebar alanında yeni bir widget alanı oluşturur, 3 sütunludur. Belki bir çoğunuz diğer blog sayfalarında da denk gelmişsinizdir. Blog sayfanızda çok fazla widget varsa, sayfanız bu yüzden aşağı doğru uzayıp gidiyorsa Blogger muti-tab widget alanı sayesinde en azından biraz sıkıştırarak daha sade ve kullanışlı bir görünüm elde etmiş olursunuz.

Kurulum :

Öncelikle Blogger kumanda panelinde > Şablona tıklayın > daha sonra HTML Düzenleyi seçerek kodlarınızı açın. >  ]]></b:skin> kodunu aratarak hemen altına aşağıdaki kodları ekleyin.

/* Multi Tab Widget */
.multitab-section{background:#fff;text-transform:uppercase;width:100%}
.multitab-widget{list-style:none;margin:0 0 10px;padding:0}
.multitab-widget li{list-style:none;padding:0;margin:0;float:left}
.multitab-widget li a{background:#22a1c4;color:#fff;display:block;padding:15px;font-size:13px;text-decoration:none}
.multitab-tab{border:0;width:33.3%;text-align:center}
.multitab-section h2,.multitab-section h3,.multitab-section h4,.multitab-section h5,.multitab-section h6 {display:none;}
.multitab-widget li a.multitab-widget-current{padding-bottom:20px;margin-top:-10px;background:#fff;color:#444;text-decoration:none;border-top:5px solid #22a1c4;font-size:14px;text-transform:capitalize}

Hemen ardından </body> kodunu bularak üzerine aşağıdaki kodları ekleyin.

<script type='text/javascript'>
//<![CDATA[
// Multi tab widget
jQuery(document).ready(function($){ $(".multitab-widget-content-widget-id").hide(); $("ul.multitab-widget-content-tabs-id li:first a").addClass("multitab-widget-current").show(); $(".multitab-widget-content-widget-id:first").show(); $("ul.multitab-widget-content-tabs-id li a").click(function() { $("ul.multitab-widget-content-tabs-id li a").removeClass("multitab-widget-current a"); $(this).addClass("multitab-widget-current"); $(".multitab-widget-content-widget-id").hide(); var activeTab = $(this).attr("href"); $(activeTab).fadeIn(); return false; }); });
//]]>
</script>

Daha sonra  <div id='sidebar-wrapper'> kodunu şablonunuzda aratın. Bulduğunuz kodun hemen altına da aşağıdaki kodları ekleyin.

<div class='multitab-section'>
<ul class='multitab-widget multitab-widget-content-tabs-id'>
<li class='multitab-tab'><a href='#multicolumn-widget-id1'>Popular</a></li>
<li class='multitab-tab'><a href='#multicolumn-widget-id2'>Tags</a></li>
<li class='multitab-tab'><a href='#multicolumn-widget-id3'>Archive</a></li>
</ul>
<div class='multitab-widget-content multitab-widget-content-widget-id' id='multicolumn-widget-id1'>
<b:section class='sidebar' id='sidebartab1' preferred='yes'/>
</div>
<div class='multitab-widget-content multitab-widget-content-widget-id' id='multicolumn-widget-id2'>
<b:section class='sidebar' id='sidebartab2' preferred='yes'/>
</div>
<div class='multitab-widget-content multitab-widget-content-widget-id' id='multicolumn-widget-id3'>
<b:section class='sidebar' id='sidebartab3' preferred='yes'/>
</div>
</div>

Temanızı kaydederek çıkın.

Temanızın yerleşim alanına geldiğinizde üç sütunlu bir widget alanı göreceksiniz. Şimdi istediğiniz wigetleri bu alana sürükleyebilir ya da yeni widgetlerinizi ekleyebilirsiniz.

Bir çok blogu aynı anda takip etmek için ipuçları.
RSS Aracı ile blog takibi nasıl yapılır? - Blog takip etmek en az blog yazmak kadar önemlidir. Çünkü çoğu yazar yeni yazıları için diğer bloglardan ilham alır. Fakat gün geçtikçe okuyucu kitlemizin genişlemesiyle beraber takip ettiğimiz blog sayısı da fazlalaşıyor. Hal böyle olunca blog ana sayfadan takip etmek oldukça zorlaşıyor.

Blogger için en kullanışlı sitemap eklentisi
Toplam yazı sayısını gösteren, ayrıca post adı, tarihi ve etikete göre özel filtreleme işlemi yapabilen sade ve çok kullanışlı bir sitemap eklentisidir.

Değerli arkadaşım Ruhsuz atmaca bu sitemap eklentisi için daha önce istekte bulunmuştu. Ben de bu yüzden onu kıracak değilim. Kendi sayfamda kullanmış olduğum Blogger sitemap eklentisini kurmadan önce en altta demosuna da göz atabilirsiniz. Olur ki kafanıza yatmaz ya da beğenmezseniz diye söylüyorum.

Kurulum

Öncelikle blogger kumanda panelinizden Sayfalar / Yeni sayfa / Html bölümüne geliniz ve aşağıdaki kodları ekleyiniz. (Sayfa adınızı sitemap olarak yazmayı unutmayın)

<div id="bp_toc">
</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

<style scoped="" type="text/css">
#comments {display:none;}
</style>

Daha sonra sayfayı yayınlayın


Ardından, Blogger Şablon > HTML Düzenle > diyerekaşağıdaki kodları kopyalayıp</style> kodunun hemen üzerine ekleyin. 

/* CSS Full Sitemap */
#bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:'Open Sans';font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}

Blogunuza uygun yazı tipi ya da renkleri belirlemek isterseniz kodlar içinde küçük değişiklikler yapabilirsiniz.

Kodlarınızı ekledikten sonra Temanızı kaydedin. 

Ek bilgi:

Eğer çok fazla yazınız bulunuyorsa ve sayfanızın aşağı doğru uzamasını değil de belirli bir yükseklikte olmasını istiyorsanız yukarıda vermiş olduğumuz ilk kodu silerek yerine aşağıdaki kodları eklemeniz yeterli olacaktır :

<div id="bp_toc" style="max-height:1300px;overflow:scroll;overflow-x:auto;">
</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

<style scoped="" type="text/css">
#comments {display:none;}
</style>

İlk satırda bulunan max-height değerini değiştirerek uygun bir yükseklik verebilirsiniz.

Tavsiye:

Kodların kaynağı olan şu sayfadan, https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.js kodların tamamını kopyalayarak bilgisayarınızda bir txt dosyasına kaydederek yedeğini almanızı öneririm. Dış kaynaklı bir bağlantı olduğu için silinmesi durumunda zor durumda kalmamak için yedeğini almakta fayda var.

Kod kullanmadan son yorumlar ve yazılar nasıl gösterilir?

Kodsuz son yazılar ve yorumlar nasıl gösterilir?
Daha önce nasıl fark etmediğimi bilmiyorum. Ama bugün rss aracılığı ile hiç bir kod kullanmadan blog sayfamızda son yorumları ve yazılarımızı nasıl göstereceğimizi fark ettim..

Adımları uygulamadan önce Feedburneri daha önceden kurmuş olmanız gerekiyor tabi. Çoğu blogda olduğu için o yüzden bu adımı geçiyorum.

Blogger kumanda panelinizden sırasıyla Yerleşim/Gadget ekle/ İçerik takibi widgetini seçiyoruz.

Daha sonra karşımıza çıkan pencerede içerik takibi urlsi yazısını göreceksiniz.

Oraya,

Yorumlar için : http://blogadınız.blogspot.com/feeds/comments/default

Son yazılar için : http://blogadınız.blogspot.com/feeds/posts/default

Şeklinde yazmanız yeterli olacaktır.

Sevgiyle kalın.

Bloggeri geliştirmeye ve yenilikleri keşfetmeye devam..

Google Plus ın blogger ve diğer web siteleri için önemi nedir?

Giriş

Google Plus hesabı blogger için önemli midir?
Google Plus Dünya'ca ünlü arama motoru devi olarka adlandırılan Google'nin bir diğer paylaşım ağıdır. Peki Google Plus ın blog sayfamıza ve internet sitelerimize ne gibi faydaları olabilir.

Öncelikle şunu iyi bilmelisiniz. Google kendi paylaşım ağı olan Plus gönderilerine mi öncelik verir yoksa diğer paylaşım ağlarındaki gönderilere mi? Ya da siz google olsanız hangisine öncelik verirdiniz? Ya da hangisine ulaşmak sizin için daha kolay olurdur?

Tüm bu soruların cevabı Google Plus tır.

Google Plus ın faydaları

Google bünyesinde barınan bir ağ olduğunu söylemiştik. Bu durumda her blog sayfasının ve web sitesinin mutlaka bir google plus hesabı olmalıdır. İleri ki zamanda bunun ne kadar önemli olduğunu kullanmaya başladıktan sonra fark edeceksiniz.

Google Plus vs Blogger takipçi widgeti

Bu ikisi arasında çok fark vardır. Blog sayfalarınıza eklemiş olduğunuz takipçi widgetleri sadece (sizin diğer blog yazarlarıyla olan bağlantınızdır)
Onlarda sizin gibi blogger.com sayfasına giriş yaptığında kolaylıkla sizin yazılarınıza ulaşır.
Fakat google plus ise Dünya'ya açılan pencerenizdir. Sadece bloğunuzu takip edenler değil etmeyenler de kolaylık la ulaşabilir. Bu yüzden blogger takipçi widgetiyle 10 züyaretçi kazanmaktansa gplus hesabınızdan 5 çerçeveye eklemiş kişi her zaman daha iyidir.

Google Plus ın işleyişi nasıl çalışır?

En çok kullanılan tarayıcılardan biri google chrome dur. Bu durumda google kendi arama motorunu size anasayfa olarak sunar. Kesinlikle bir çoğumuzun anasayfasının google olduğunu söylemek de yanlış olmaz.

Örneğin Gplus hesabı olan bir sayfayı kendi gplus hesabınızla takip etmeye başladınız. Bu sayfa da blogger eklentiler ya da SEO içerikli makaleler yazıyor. Google de bu konularda bir araştırma yaptığınız da (gplus hesabınızla takip ettiğiniz sayfa) yazıları size google tarafından üst sıralarda gösterilir.

Burda anlamanız gereken şudur:
Google diyor ki: Bak sen bu kişiyi takip ediyorsun ya da bu senin arkadaşın aradığın konu ile ilgili o da bir şeyler yazmış. Ve ben de arkadaşın olduğu için o kişinin yazdıklarını öncelikli olarak gösteriyorum sana.

Evet google kesinlikle bunu diyor.
Şu fotoğrafa bakarak demek istediklerimi daha iyi anlayacaksınız.


Google arama motoruma girip ''blogger SEO akıllı bağlantı'' yazarak arattığımda blogdüzenim adıyla yazmış olduğum bu yazımız 3. sırada karşımıza çıkmaktadır. Bunun nedeni dediğim gibi Blogdüzenim sayfasının gplus hesabını çerçevelere eklemiş olmamdır.

Sonuç olarak yazılarınızın daha kolay index alıp daha fazla okuyucuya ulaşmasını istiyorsanız Google Plus hesabı kullanmanız şattır. Ve unutmayın google plusta çevreniz ne kadar geniş olursa sayfanızı ziyaret eden kullanıcılar o oranla fazla olacaktır.