Blogger Posts & Sidebar க்கு Border சேர்ப்பது எப்படி?

சில புதிய பிளாக்கர் Tempalte களை நாம் பார்க்கும் போது அதை பயன்படுத்தினால் நன்றாக இருக்கும் என்று நினைப்போம். பல நேரங்களில் நாம் அதில் Sidebar மற்றும் Post களுக்கு Border எதுவும் இல்லாமல் வெறுமனே இருந்தால் அதை பயன்படுத்த மனமின்றி விட்டு விடுவோம். இனி அவ்வாறு இருந்தால் நீங்களே Border சேர்ப்பது எப்படி என்று பார்ப்போம்.

ஒரு Template Border இல்லாமல் எப்படி இருக்கும், அதே Template Border இருந்தால் எப்படி இருக்கும் என்று பார்க்க.

Border இல்லாதது - Karpom Test Blog

Border உள்ளது - Zero Mania

இது போல உங்கள் Template க்கும் நீங்கள் மாற்றலாம். இதை செய்ய 

புதிய ப்ளாகர் இன்டர்பேஸ் என்றால் Blogger-->Template-->Backup/Restore என்பதை சொடுக்கி Download செய்து கொள்ளுங்கள். இதன் பின்னர் Edit HTML என்பதை சொடுக்கி பின்னர் Proceed என்பதை கொடுத்தால் உங்கள் HTML பகுதி வரும். அதில் "Expand Widget Templates" என்பதை கிளிக் செய்து விடவும். 

அல்லது

பழைய ப்ளாகர் இன்டர்பேஸ் என்றால் Blogger-->Design-->Edit HTML--> Download Template இப்போது அதில் "Expand Widget Templates" என்பதை கிளிக் செய்து விடவும்.

இப்போது கீழே உள்ள கோடிங்கை அதில் தேடவும்.

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

.sidebar .widget, .main .widget {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}

.main .Blog {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}