Blogger Gadget Yerleşim Alanını Bölmek

Bloggerde gadget için ayrılmış alanlardan bazılarını ikiye bölüp daha fazla gadget yeri oluşturmak gerebilir. özellikle tasarım ile ilgili anasayfaya daha çok eklenti eklemek istediğimizde faydalı olacaktır.



Öncelikle Blogger şablonumuzun yedeğini almayı unutmayın.



1-) Blogger > Şablon > HTML'yi düzenle

2-) İkiye yada kaça istersek bölmek istediğimiz gadget alanını buluyoruz mesela kenar çubuğundaki gadgeti bölmek istersek (siz hangi gadget alanını bölmek isterseniz onu bulacaksınız)

#sidebar-wrapper {background-color: #f6f6f6;
width:254px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word;
overflow: hidden;    }

3-) Aşağıdaki kodla yer değiştiriyoruz

#sidebar-wrapper {background-color: #f6f6f6;
width:117px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word;
overflow: hidden;  
}
#sidebar-wrapper2 {background-color: #f6f6f6;
width:117px;
float:$endSide;
padding:0;
margin:0px 20px 0px 0px;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word;
overflow: hidden;  
}


4-) Sonra aşağıdaki kodu buluyoruz (Hangi gadget alanı bölünmüş ise ilgili id tagına atanmış kod alanını bulunması gerekir)

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='kategori' type='Label'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Feed1' locked='false' title='Herman Blog' type='Feed'/>
</b:section>
</div>


5-)  </div> etiketinden sonra aşağıdaki kodu ekliyoruz.

<div id='sidebar-wrapper2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
</b:section>
</div>


Ve işlem bitti, çalışıp çalışmadığını kontrol ediyoruz.
Her şablonda farklı yapılar olabileceği için farklı yollar çıkabilir ama genel kullanımdaki temalar için bu şekilde gadget alanını bölebiliriz.


0 yorum: