40 ഒരു മെനു ബാര്‍ ( ലിങ്ക് ബാര്‍ ) - പല ലിങ്കുകള്‍ കൊടുക്കുവാന്‍ കഴിയുന്ന ഒരു മെനു ബാര്‍.

പല ലിങ്കുകള്‍ കൊടുക്കുവാന്‍ കഴിയുന്ന ഒരു മെനു ബാര്‍ നമ്മുടെ ബ്ലോഗിലും നല്‍കുവാന്‍ സാധിക്കും. ശ്രമിച്ചു നോക്കൂ..

ഉദാഹരണ ബ്ലോഗു കാണൂ..(സാമ്പിള്‍)

HTML വിദ്യകള്‍ എന്തു ചെയ്യുന്നതിനു മുന്‍പും ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്യുവാന്‍ മറക്കരുത്.

ഇനി

DASHBOARD ► LAYOUT ► EDIT HTML ►

ഈ കോഡ് കണ്ടു പിടിക്കുക...

]]></b:skin>

ഇതിനു തൊട്ടു മുകളിലായി

/* ----- LINKBAR BY BLOGGER_SOOTHRAM.BLOGSPOT.COM ----- */
#linkbar {
margin: 0px 0px 0px 0px;
padding: 3px 0px 5px 0px;

width: 896px;

position: relative;
background: $linkbarmainbgColor;
border-top: 1px solid $linkbarmainBorderColor;
border-bottom: 1px solid $linkbarmainBorderColor;
}

#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
list-style-type:none;
}

#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
}

#linkbar a {
clear: both;
margin: 0px -5px 0px 0px;
padding: 6px 15px 5px 15px;
width:100%px;
text-decoration:none;
font: $linkbarTextFont;
color: $linkbarTextColor;
background: $linkbartextbgColor;
border: 1px solid $linkbarBorderColor;
border-top: 0;
border-bottom: 0;
}

#linkbar a:hover {
color: $linkbarHoverTextColor;
background: $linkbarHoverBgColor;
}

കുറിപ്പ്: width: 896px എന്നുള്ളതിന്റെ സംഖ്യ നിങ്ങളുടെ ബ്ലോഗിന്റെ വീതി(ഹെഡറിന്റെ വീതിയെ) സൂചിപ്പിക്കുന്നു ഇത് ഓരൊ ബ്ലോഗിനും വ്യത്യസ്തമായിരിക്കും. സഹായത്തിനായി കമന്റിടുക.

ഈ കോഡ് പേസ്റ്റ് ചെയ്യുക. അതിനു ശേഷം.. താഴെപ്പറയുന്ന കോഡ് കണ്ടുപിടിക്കുക.

<div id='content-wrapper'>

ഈ കോഡിനു മുകളിലായി..

<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<a href='http://blogger-soothram.blogspot.com/2010/03/blog-post.html' style='display:none'>ബ്ലോഗര്‍ സൂത്രം മെനു ബാര്‍</a>

ഇതു പേസ്റ്റ് ചെയ്യുക.
------------------------------------------------
ഇഷ്ടാനുസരം നിറങ്ങള്‍ മാറ്റുന്നത് ഇതില്‍ ഉള്‍പ്പെടുത്തിയിരിക്കുന്നതു കൊണ്ട് താഴെപ്പറയുന്ന കാര്യങ്ങള്‍ കൂടി ചെയ്യേണ്ടതുണ്ട്.

ദാ ഈ കോഡ് കണ്ടുപിടിച്ച് കോഡിനു താഴെയോ..
<b:skin><![CDATA[/*
----------
/* Variable definitions
====================
അല്ലെങ്കില്‍ ഇതിനു താഴയോ, വേരിയബിള്‍ ഡെഫനിഷന്‍ കൊടുക്കണം(താഴെക്കണുന്ന കോഡ്) ഇതുപോലെ തന്നെ കുറെ കോഡുകള്‍ നിങ്ങളുടെ ബ്ലോഗില്‍ സാധാരണ ഉണ്ടാകും. അതിന്റെ കൂടെ ചേര്‍ത്തോളൂ..

<Variable name="linkbarmainbgColor" description="Linkbar Main Background Color"
type="color" default="#C94093" value="#333333">
<Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color"
type="color" default="#C94093" value="#4c0000">
<Variable name="linkbartextbgColor" description="Linkbar Text Background Color"
type="color" default="#C94093" value="#333333">
<Variable name="linkbarBorderColor" description="Linkbar Border Color"
type="color" default="#9D1961" value="#4c0000">
<Variable name="linkbarTextColor" description="Linkbar Text Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"
type="color" default="#ffffff" value="#4c0000">
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="linkbarTextFont" description="Linkbar Text Font"
type="font"
default="normal normal 77% Verdana, sans-serif" value="normal bold 77% Arial, sans-serif"
>

ഇനി പ്രിവ്യൂ ചെയ്ത് കുഴപ്പമൊന്നുമില്ലെങ്കില്‍ സേവ് ചെയ്തോളൂ...
(പ്രിവ്യൂ ചെയ്യുമ്പോള്‍ ഈ മെനു ബാര്‍ കാണില്ല, ലിങ്കുകള്‍ കൊടുത്താല്‍ മാത്രമേ ഇതു കാണുകയുള്ളൂ.)

നമ്മുടെ മെനു ബാര്‍ ശരിയായി ഇനി ഇതില്‍ എങ്ങനെ ലിങ്ക് നല്‍കാം.

DASHBOARD ► LAYOUT ► Linkbar ക്ലിക്ക് Edit

  

അതിനു ശേഷം വരുന്ന പേജ് ലിങ്കുകള്‍ നല്‍കുന്നതിനു വേണ്ടിയാണ്.

New Site Url :  ലിങ്ക് നല്‍കുക

New Site Name: പേരു നല്‍കുക   ക്ലിക്ക് ADD LINK (ആദ്യം കൊടുക്കുന്ന ലിങ്ക് അവസാനം കാണിക്കുന്നതായിരിക്കും). ഇനി സേവ് ചെയ്തോളൂ...

ബ്ലോഗിനു ചേരുന്ന നിറങ്ങള്‍ നല്‍കുന്നതിന്.

DASHBOARD ► LAYOUT ►Fonts and Colours

1.  ഏതിന്റെ കളര്‍ മാറ്റണം (വലതുവശത്തെ നിറം സെലക്ട് ചെയ്യുക)
2. പ്രിവ്യൂ കാണുക
3. സേവ് ചെയ്യുക.

Link bar എന്നു തുടങ്ങുതെല്ലാം മാറ്റാവുന്നതാണ്.

കുറിപ്പ്: പല തരത്തിലുള്ള് ചെറിയ ചെറിയ കുഴപ്പങ്ങള്‍ വരും, ദയവായി കമന്റിടുക (ബ്ലോഗ് ലിങ്ക് സഹിതം)പരിഹരിക്കാവുന്നതേ ഉള്ളൂ...