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ü

Benzer Aramalar:Blogger gadget alanı ekleme,blogger footer alanı ekleme,alt kısma footer kısmı ekleme,tema alt kısma gadget ekleme,şablon alt kısma footer alanı ekleme,blogger temanızın alt kısmına gadget(footer)alanı ekleme.