Blogger Alt Kısma 3 'lü Widget Ekleyin

 
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. 
 

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

Ve temamızı kaydediyoruz. Eğer bir hata alırsanız bizimle iletişime geçmekten veya yorum atmaktan çekinmeyiniz. İyi bloglamalar.