Blogger Alt Kısıma 3'lü Widget Ekleyin

Yazarımız : Adsız Tarih : 8 Ağustos 2013 Perşembe

Yeni bir eklentimizle herkese merhabalar, bu güzel günümüzde sizlere güzel bir eklenti vereceğiz. Öncelikle eklentiden biraz söz edelim. Bazı sitelerde görmüşsünüzdür alt kısımda da sağ bloglarda ki gibi sidebar var üçlü şekilde. Bizde bu eklentiyi kendi temamıza geçireceğiz. İsterseniz anlatıma başlayalım.

Temamızdan aşağıda ki kodu aratıyoruz.

]]></b:skin>

Hemen üstüne aşağıda ki kodları ekliyoruz.

#lower {
overflow:hidden;
padding:0 0 10px;
width:101%
}
#lowerbar-wrapper {
display:inline-block;
float:left;
font-size:100%;
line-height:1.6em;
margin:0 10px 0 auto;
overflow:hidden;
text-align:justify;
width:32%;
word-wrap:break-word
}
.lowerbar-wrapper {
color:#666;
line-height:1.5em
}
#lowerbar-wrapper ul {
line-height:24px;
list-style-type:none;
margin:0;
padding:5px
}
.lowerbar h2 {
background:url(http://2.bp.blogspot.com/-p56goQ2FzGU/URvNe5UKRLI/AAAAAAAAE0E/u4764R2J6O8/s1600/sidebaronurbatur.png) repeat-x;
border-bottom:1px solid #c4c4c4;
color:#666;
font-size:14px;
height:34px;
line-height:32px;
padding:0 0 0 10px
}
.lowerbar ul li {
list-style-position:inside;
list-style-type:none;
margin:0;
padding:0 0 0 5px
}
.lowerbar .widget {
background-color:#f9f9f9;
border:1px solid #ddd;
border-radius:5px 5px 5px 5px;
margin:0 0 15px;
padding:0
}

Daha sonra aşağıda ki bölümü temanızda benzer bir yeri buluyoruz (Sidebar kodların altında ki bölümü tavsiye ederiz). Aşağıda ki kodları o bölüme yerleştiriyoruz.
Blogger Alt Kısıma 3'lü Widget Ekleyin

<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></div>