Blogger Widget Ekleme

blogger widget ekle

Bloggerda alt kısma (footer) widget eklemek isterseniz bu kod tam size göre

tema html  düzenle kısmına giriyoruz

Ctrl+F tuşu yardımıyla 

]]></b:skin>

kodunu buluyoruz

hemen üstüne

#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: #F9F9F9;
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
}

kodu yapıştırıyoruz.

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>