blog width పెంచడం ఎలా? - tutorial

[mahigrafix]

ఏదైనా బ్లాగులో పోస్ట్ బాడీ విడ్త్ ను గానీ, సైడ్ బార్ విడ్త్ ను గానీ ఎలా పెంచాలో మరియు ఎలా తగ్గించాలో ఈ ట్యుటోరియల్ లో తెలుసుకుందాం.

ఇలా విడ్త్ లు పెంచడం, తగ్గించడం అనేది ఆయా బ్లాగులకు ఉపయోగిస్తున్న టెంప్లేట్ లలోని css code పైన ఆధారపడి ఉంటుంది.
ఉదా:కు ఇక్కడ మినిమా టెంప్లేట్ ఉపయోగించిన బ్లాగుకు ఎలా విడ్త్ మోడిఫై చేయాలో తెలుపడం జరిగింది.
దీన్ని ఆధారంగా చేస్కొని ఇతర బ్లాగు టెంప్లేట్ లలోని css (Cascading Style Sheets) code ను సులభంగా గుర్తించి మోడిఫై చేయవచ్చు.

ఈ క్రింది ఇమేజిలో గమనించండి

ఇక్కడ టోటల్ బ్లాగు యొక్క విడ్త్ 660px గా చూపడం జరిగింది. దీనిని మినిమా టెంప్లేట్ లో ఉన్న css code లో #outer-wrapper { width: 660px; గా మనం గుర్తించవచ్చు.

తర్వాత పోస్ట్ బాడీ విడ్త్ అంటే మనం పోస్టు చేసిన మ్యాటర్ యొక్క విడ్త్ మినిమా టెంప్లేట్ లో #main-wrapper { width: 410px; గా మనం గుర్తించవచ్చు.

మనం గాడ్జెట్స్ కోసం ఉపయోగించే సైడ్ బార్ యొక్క విడ్త్ ను ఇక్కడ #sidebar-wrapper { width: 220px; గా మనం గుర్తించవచ్చు.

ఇక్కడ సైడ్ బార్ కు మరియు బాడీపోస్టుకు మనం ఉపయోగించిన విడ్త్ లు 220+410=630px. మిగిలిన 30 px ఈ రెండింటి మధ్య ఉన్న గ్యాప్ గా మనం గుర్తించవచ్చు.

కాబట్టి సైడ్ బార్ విడ్త్ పెంచాలన్నా మరియు పోస్ట్ బాడీ విడ్త్ పెంచాలన్నా టోటల్ బాడి విడ్త్ కు కూడా ఆ మొత్తాన్ని యాడ్ చేస్తే టెంప్లేట్ డిస్టర్బ్ కాకుండా ఉంటుంది.

ఈ విడ్తులను మోడిఫై చేయడం ద్వారా మనకు కావలసిన విడ్తులను బ్లాగులకు పొందవచ్చు.

Tested on: Please register or login to see links!

Please register or login to see Images!

[jahnavi]

Thank U Mahi Grafix garu.

Mari Mana blog lo 2 side bars vunte vaatini merge cheyavacha? Ela chestaamu? Naa blog lo 2 side bars vunnay. Please register or login to see links!

Thanks in advance.

[saipothuri]

namaskaram mahesh reddy gaaru

useful tip cheliyachesinanduku dhanyavadamulu

[lopintisri]

సార్
నాకు left hand side bar ని క్రోత్తగా చేర్చాలంటే ఏలగో చెప్పగలరు

ఇట్లు

మీ భవదీయుడు
లోపింటి శ్రీనివాసరావు

[M.Srinivas Gupta]

గ్రేట్, మంచి ఆర్టికల్
మహెశ్ రెడ్డి గారు చాల బాగ అనలైజ్ చెసినట్టున్నారు. వివరంగా వ్రాశారు
ధన్యవాదాములు.

[mahigrafix]

జాహ్నవి గారు,
ఏ బ్లాగులో మోడిఫికేషన్ చేయాలన్నా, ఆ బ్లాగు టెంప్లేట్ యొక్క css మరియు html కోడ్ ను మనం ముందుగా అర్థం చేస్కోవాల్సి ఉంటుంది. ఆ బ్లాగు టెంప్లేట్ కోడ్ లో సైడ్ బార్ కు ఏ కోడ్ ఉపయోగించారు అనేది మనం ఫైండవుట్ చేయాలి. తర్వాత ఆ కోడ్ ను మనకు నచ్చిన విధంగా మోడిఫై చేస్కోగలము. కాబట్టి మీరు ముందుగా మీ బ్లాగు టెంప్లేట్ కోడ్ లో ఉన్న సైడ్ బార్ల కోడ్ ను వెతికి పట్టుకోండి. అందులో ఒక సైడ్ బార్ కోడ్ ను డెలిట్ చేసి, రెండవ సైడ్ విడ్త్ ను ఆ టెంప్లేట్ కు సరిపోయే విధంగా మార్చండి. ఇలాంటి ప్రశ్నలకు సమాధానాలు ఇవ్వాలంటే ముందుగా ఆ టెంప్లేట్ కోడ్ ను నేను ఏదైనా బ్లాగుకు అప్లై చేసి చెక్ చేయాలి కాబట్టి ఇక నుంచి ఇలాంటి మీ ప్రశ్నలో ఆ టెంప్లేట్ యొక్క సోర్స్ లింక్ నుకూడా జతపరిస్తే నేను సమాధానమివ్వడానికి సులువుగా ఉంటుంది. ధన్యవాదములు.

లోపింటిశ్రీ గారు,
త్వరలోనే ఇంకో పోస్టులో మీరు కోరినట్లుగా కొత్త సైడ్ బార్ ను క్రియేట్ చేయడం గురించి పోస్టు చేస్తాను.

సాయిపోతూరిగారు,
నమస్కారం. ధన్యవాదములు.

శ్రీనివాస్ గుప్తాగారు,
నమస్కారం. ధన్యవాదములు.