Blogger Alt Kısıma Üçlü Widget Ekleyin

3 Ocak 2014 Cuma Unknown 0 yorum

Blogger Alt Kısıma Üçlü Widget Ekleyin.

Etiketler : blogger eklentileri 

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

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>

<div class="about-article">Bu yazıyı paylasmak icin asağıdaki linkleri kullanabilirsiniz.<p class="noborder"><label for="aa-url">URL:</label><br /><input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-url" value="" /></p><p><label for="aa-forum">HTML Link:</label><br /><input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-forum" value="<a href=&quot;&quot;></a>" /></p><p> <label for="aa-forum">Forum Link:</label><br /> <input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-forum" value="[url=]/[/url]" /></p> </div>