మీ బ్లాగులో అందమైన css మెనూ పెట్టుకోండి.

ఈ క్రింది మెనూ ను గమనించిండి. ఇలాంటి మెనూ మీ బ్లాగులో కూడా కావాలా ? ఐతే ఇలాంటి మెనూ మీ బ్లాగులో ఎలా పెట్టుకోవాలో చూడండి.


1 . www.blogger.com లోకి మీ ID తో Login అవండి.


2 . Dashboard లో Layout ను క్లిక్ చేయండి.


3 . తర్వాత Edit HTML ను క్లిక్ చేయండి.


4 . Download Full Template ద్వారా మీ బ్లాగును బ్యాకప్ తీస్కోండి.


5 . Expand Widget Templates కు టిక్ మార్క్ పెట్టండి.


6. మీ టెంప్లేట్ కోడ్ లో </head> ఎక్కడ ఉందో కనుక్కోండి.

7. ఈ క్రింది కోడ్ ను కాపీ చేస్కొని కరెక్ట్ గా </head> కు పైన వచ్చేటట్లు పేస్ట్ చేయండి.



<style type='text/css'>


/* V2 */


.outer{

margin:0px;

padding:0px;

}

#menu {

width: 250px;

border-style: solid solid none solid;

border-color: #94AA74;

border-size: 0px;

border-width: 0px;

}

#menu ul{

list-style:none;

padding:0px;

margin:0px;

}



#menu li a {

height: 32px;

voice-family: &quot;\&quot;}\&quot;&quot;;

voice-family: inherit;

height: 24px;

text-decoration: none;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight:bold;

}



#menu li a:link, #menu li a:visited {

color: #ffffff;

display: block;

background: url(http://i43.tinypic.com/23rnvki.gif);

background-repeat:no-repeat;

padding: 09px 0 0 40px;

}



#menu li a:hover {

color: #ffffff;

background: url(http://i43.tinypic.com/23rnvki.gif) 0 -32px;

background-repeat:no-repeat;

padding: 9px 0 0 30px;

}



#menu li a:active {

color: #26370A;

background: url(http://i43.tinypic.com/23rnvki.gif) 0 -64px;

background-repeat:no-repeat;

padding: 9px 0 0 30px;

}

.style1 {

color: #FFFFFF;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

}

</style>




8. తర్వాత ఈ క్రింది కోడ్ ను కాపీ చేస్కొని రెడ్ కలర్ లెటర్స్ ప్లేస్ లో url address ను గ్రీన్ కలర్ ప్లేస్ లో url address header ను యాడ్ చేయండి.




<div class="outer">

<div id="menu">

<ul><ul li>

<li><a href="http://mahigrafix.com/mahiforum/member.php?action=register" target="_blank">Forum Registration</a></li>

<li><a href="http://telugukeyboards.blogspot.com/" target="_blank">Telugu Typing Help</a></li>

<li><a href="http://mahigrafix.blogspot.com/" target="_blank">Sys World</a></li>

<li><a href="http://thrillerandsuspense.blogspot.com/" target="_blank">Suspense Stories</a></li>

<li><a href="http://ladyorientedstories.blogspot.com" target="_blank">Lady Oriented Blog</a></li>

</ul></ul>

</div>

</div>


9. ఇపుడు మీరు మోడిఫై చేసిన కోడ్ ను page elements >> Add a gadget >> HTML/JavaScript లో పేస్ట్ చేసి save ను క్లిక్ చేయండి.

అంతే మీ బ్లాగులో అందమైన css మెనూ ఏర్పడుతుంది.
Advertisement
ఫ్రీ ఆన్ లైన్ సర్వీస్ కోసం www.mahigrafix.com/forum లో మెంబర్ గా రిజిస్టర్ చెస్కోండి. మీ కంప్యూటర్ సందేహాలను అక్కడ సాల్వ్ చేస్కోండి. గ్రాఫిక్స్, బ్లాగ్ ఎడిటింగ్, హార్డ్ వేర్, ms office, tally, video, audio, mobiles, games, electronics ఇలా అన్నీ రకాలకు సంబంధించిన సాఫ్ట్వేర్స్, ఫోటోషాప్ బ్యాక్ గ్రౌండ్స్, ట్యుటోరియల్స్, మొదలుగు వాటిని mahigrafix forum లో బ్రౌజ్ చేసి మీకు నచ్చిన వాటిని డౌన్లోడ్ చేస్కోండి.