Blogger Sidebar Left/Right Sawn Dan

Tun tum tutorial hi chu simple tak leh tangkai ve thin tak CSS trick hmanga blogger layout sawn dan ania. Kan tih tum ber tur chu dinglama awm thin emaw, veilama awm thin Sidebar wrapper chu veilam ah emaw dinglam main wrapper ah emaw sawn dan ani. Hei hi simple template hmang thin tan chuan a tangkai viau a, mahni duh duha coding lama kan khawih nasa duh chuan hengte hi tangkaina chin chu a awm ka ringa ka rawn share ani.

Related: Blogger Theme Thlak Dan

Sidebar kan sawn dawn chuan theme tlemte edit a ngai a nga, copy/paste ani mai. Mahni blog desige lam ah duh thusam hi a harsa ve duh viau! Kan han edit kuala, duh dan bik nei hranlo pawh ni ila, kan siam kual thin a. Chuvangin blogger sidebar sawn dan lam ah harsatna tawk kanlo awm mial emaw, sidebar sawn duhte kanlo awm chuan a hnuaia tutorial tlemte hmangin kan sawn thei ang.

Blogspot Sidebar/Main Wrapper Sawn Dan

Tihsual palh a awm loh nan Blogger Theme backup hi a tha ve viau.

Related: Blogspot Theme Pianhmang leh Inrel Dan

1. Blogger Dashboard atang chuan 'Theme' >> 'Edit HTML' ah kal la,

2. Theme editor ah chuan Ctrl+F hmangin a hnuaia code ang hi zawng rawh:

#main-wrapper {
float: left;
width: 600px;
margin: 0;
padding: 0;
}

3. A chunga code hi i hmuh chuan;
float: left tih hi float: right tiin thlak rawh.
Hei hi Sidebar left (veilam) a awm right (dinglam) a sawn dan ani.

4. A hnuaia code hi zawng leh la,

#sidebar-wrapper {
float: right;
width: 320px;
margin: 0;
padding: 0 20px 10px;
display: inline;
}

float: right tih hi float: left tiin thlak rawh.
Hei hi sidebar dinglama (right) awm veilama (left) sawn dan ani.

Related: Blogspot Image/Thlalak Tihkhah leh Resize Dan

Blog theme chu Preview atang khan han en chhin la, i duhdan ani nge nilo, a hna a thawk nge thawklo chu enla, Save leh ang che. He sidebar sawn dan hi theme thenkhat ah chuan theihloh pawh a awm mai thei, custom theme siam danglam nasat ah hian fuhlo deuh hi a awm duh tlangpui.