Blogger Sayfalar Bölümü Değişti!

Blogger Sayfalar Bölümü Değişti!

Blogger 24 Şubat 2014 tarihinde sayfalar bölümünü değiştirdi.Artık Blogger editörün de içeriklerinizi yazar gibi sayfa oluşturacak ve yayınlacaksınız.Üstelik sayfa görünüm sayıları,yorumlar,tarih ve yazar bilgileri gibi özellikler getirildi.Sayfa paylaşırken içerik yayını oluştur gibi yeni yayın sekmesine tıklayarak paylaşılabilecek.

Kısacası Yenililikler;

• Biri sayfanızı Google+ ile gönderebilecek.
• Yorum Yapılabilecek.
• Sayfalarınız Taslak Konuma Getirebilecek.
• Sağ Taraftan İstatislik Bilgileriniz Görülebilecek.

Web Linkleri

Artık web linklerini yerleşim kısmından eklediğiniz sayfalar gadgetinizden  düzenliyebileceksiniz.

Düzenle seçeneğine tıklayarak aşağıda gösterdiğim gibi web linkleri ekliyebilirsiniz.

Resim 1-Sayfalar bölümü,bağlantı listesi ekle

Blogger Alt Kısma gadget(footer) Alanı Ekleme

Blogger Alt Kısma 4 sütunlu Gadget Ekleme

Herhangi bir tema indirdiniz ve temayı çok beğendiniz,klasik bir yerleşim sistemi ile düzenlenmiş alt gadget (footer) alanı bulunmadığını gördünüz.İşte şimdi bu eklenti işinize yarıyabilir.

Nasıl mı?

İlk olarak Blogumuzun kumanda panelinden Şablon > Html'yi Düzenle kısmına gidiyoruz.Ardından ]]></b:skin> kodunu aratıyoruz(ctrl+f).Bulduğumuz kodun hemen üst kısmına aşağıdaki kodları ekliyoruz.

#lower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#333333;
}
#lower-wrapper {
background:#333333;
margin:auto;
padding: 20px 0px 20px 0px;
width: 950px;
border:0;
}
#lowerbar-wrapper {
background:#333333;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 32%;
text-align: justify;
color:#ddd;
font: bold 12px Arial, Tahoma, Verdana;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
border:0;
color:#ddd;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
}
.lowerbar ul {
color:#fff;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
.lowerbar li {
display:block;
color:#fff;
line-height: 1.6em;
margin-left: 0 !important;
padding: 6px;
border-bottom: 1px solid #222;
border-top: 1px solid #444;
list-style-type: none;
}
.lowerbar li a {
text-decoration:none; color: #DBDBDB;
}
.lowerbar li a:hover {
text-decoration:underline;
}
.lowerbar li:hover {
display:block;
background: #222;
}

Sonrasın da </body> kodunu aratıp tekrar aşağıdaki kodları ekliyoruz.

<div id='lower'>
<div id='lower-wrapper'>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar4' preferred='yes'>
</b:section>
</div>

<div style='clear: both;'/>
</div> </div>

Önizle yapıyoruz ve temamızın alt kısmında  bir değişiklik varsa kaydediyoruz,gadgetimiz eklenmiştir.

Resim 1-Blogger alt gadgetli yerleşim görünümü