ബ്ലോഗര്‍ സൂത്രം

ബ്ലോഗ് പോസ്റ്റുകൾക്ക് ഇ മെയിലില്‍ സബ്സ്ക്രിപ്ഷൻ (ഇ മെയിലിൽ പുതിയ പോസ്റ്റുകൾ എത്തും)

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Thu, 10 Feb 2011 07:01:00 +0000

ഇ മെയിലിൽ പുതിയ പോസ്റ്റുകൾ എത്തിച്ചുകൊടുക്കുവാൻ ഒരു വരിക്കാരാകൂ..! അല്ലെങ്കിൽ സബ്സ്ക്രൈബ് ചെയ്യൂ ബട്ടൻ ബ്ലോഗിൽ ചേർക്കാം. ഇത് സധ്യമാകുന്നത് ഫീഡ് ബർണർ വഴിയാണ്.

ദാ ഇതുപോലൊന്നിനെക്കുറിച്ചാണ് പറഞ്ഞു വരുന്നത്.

1. ഇവിടെ ഫീഡ് ബർണർ സൈറ്റിൽ പോയി ജി മെയിൽ യൂസർ നെയിമും പാസ്സ് വേർഡും ഉപയോഗിച്ച് ലോഗിൻ ചെയ്യൂ.
2. Burn a feed right this instant.
എന്ന ലിങ്കിൽ ബ്ലോഗ് യു ആർ എൽ (അഡ്രസ്സ് ബാറിൽ ഉള്ളത് കോപ്പി ചെയ്തെടുക്കുക) ചേർത്ത് NEXT>> എന്ന ബട്ടൺ അമർത്തുക.

3. Identify Feed Source എന്നത് വരും, അതിലും NEXT>> ക്ലിക്ക് ചെയ്യുക.

4. അതിനുശേഷം ഫീഡിന്റെ പേരു നൽകുക. Next ക്ലിക്കുക

5. അഭിനന്ദനം അറിയിച്ചുകൊണ്ടൊരു താൾ വരും അതിൽ Skip directly to feed management എന്നത് ക്ലിക്ക് ചെയ്യുക.
6. ചിത്രത്തിലേതു പോലെ Publicize (A) ക്ലിക്കുക --> E mail Subscription (B) ക്ലിക്കുക --> Activate ബട്ടണിൽ ക്ലിക്കുക.

7.ദാ താഴെക്കാണുന്ന ചിത്രത്തിലേതു പോലെ ഒന്നു വരും..

A. ഈ കാണുന്ന കോഡു കോപ്പി ചെയ്ത് HTML Java Script Widget ൽ പേസ്റ്റ് ചെയ്യുകയോ
B . Blogger സെലക്ട് ചെയ്ത് GO ബട്ടൺ അമർത്തുകയോ ചെയ്യുക ഇതു പോലെ ഒരു പേജ് തുറന്നുവരും.....

ADD WIDGET ക്ലിക്കിയാൽ നിങ്ങളുടെ ബ്ലോഗിൽ വന്നുകഴിഞ്ഞു.

ബന്ധപ്പെട്ട പോസ്റ്റുകള്‍ ഓരോ പോസ്റ്റിലും.

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Wed, 03 Mar 2010 07:20:00 +0000

ബന്ധപ്പെട്ട പോസ്റ്റുകള്‍ ഓരൊ പോസ്റ്റിന്റെ താഴെയായി കാണപ്പെടും. ഇത് പ്രവര്‍ത്തിക്കുന്നത് ഒരേ ലേബലുകള്‍ കൊടുത്തിട്ടുള്ള പോസ്റ്റുകള്‍ ദൃശ്യമാക്കിയാണ്. ലേബലുകള്‍ ഒരു പോസ്റ്റില്‍ എങ്ങനെ കൊടുക്കാം എന്നതിന് ഈ പോസ്റ്റ് കാണുക.

ദാ ഏകദേശം ഇതുപോലെ...

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

ഇനി

DASHBOARD ► LAYOUT ► EDIT HTML ► ക്ലിക്ക് Expand widget templates

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

</head>

ഈ കോഡിനു തൊട്ടു മുകളില്‍ ഈ കോഡ്

<b:if cond='data:blog.pageType == "item"'>
<style>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;

}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3h2wrz4v-7vq44u6IRhwJuNbABZj4q3rJYL7vpjeQ4rci02YdWba42Nro0Nbr9pAvOAWgVIsR0jFN9e4_OPGoBr_UYljQ91dvlcbmNJISldnS9Og7KBNzatz8FWP4WNC_MkMae8D6v_s/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>

<script type='text/javascript'>

var relatedpoststitle="Related Posts";

</script>
<script src='http://blogergadgets.googlecode.com/files/related.js' type='text/javascript'/>

</b:if>

കുറിപ്പ്: നിങ്ങള്‍ക്ക് വേണ്ടുന്ന ഒരു തലക്കെട്ട് കൊടുക്കുവാന്‍
var relatedpoststitle="Related Posts";
ഈ വരിയിലെ Related Posts എന്നത് മാറ്റി പകരം നിങ്ങളുടെ വാചകം കൊടുക്കുക.
ചുവപ്പ് നിറത്തില്‍ മുന്‍പില്‍ കാണുന്ന ചിത്രത്തിന്റെ ലിങ്ക്.

ഇനി താഴെക്കാണുന്ന കോഡ് കണ്ടു പിടിക്കുക

ഇതിലേതെങ്കിലും വരിക്കു(ഏതെങ്കിലുമൊന്നേ കാണുകയുള്ളൂ‍..) തൊട്ടു താഴെയായി

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>

<script expr:src='"/feeds/posts/default/-/" data:label.name "?alt=json-in-script&callback=related_results_labels&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://blogger-soothram.blogspot.com/2010/03/blog-post_02.html' style='display:none'>Related Posts Widget In Malayalam</a>

<script type='text/javascript'>
var currentposturl="<data:post.url/>";

var maxresults=5;

removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>

</b:if>

ഈ കോഡ് പേസ്റ്റ് ചെയ്യുക.

കുറിപ്പ്:
var maxresults=5;

5 എന്നുള്ളത് മാറ്റി 10 എന്നോ മറ്റോ ആക്കിയാല്‍ അത്രയും പോസ്റ്റുകള്‍ കാണിക്കും.

ഇതേ കോഡ്, ചില സ്റ്റൈലില്‍ മാറ്റങ്ങള്‍ വരുത്തി ഈ ബ്ലോഗില്‍ ഉപയോഗിച്ചിരിക്കുന്നത് തൊട്ടു താഴെക്കാണാം..

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

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Mon, 01 Mar 2010 19:42:00 +0000

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

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

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 എന്നുള്ളതിന്റെ സംഖ്യ നിങ്ങളുടെ ബ്ലോഗിന്റെ വീതി(ഹെഡറിന്റെ വീതിയെ) സൂചിപ്പിക്കുന്നു ഇത് ഓരൊ ബ്ലോഗിനും വ്യത്യസ്തമായിരിക്കും. സഹായത്തിനായി കമന്റിടുക.

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

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

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

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

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

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

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

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

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

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

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

DASHBOARD ► LAYOUT ►Fonts and Colours

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

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

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

മാഗസീനിലേതുപോലെ തുടക്കത്തിലെ അക്ഷരം സ്റ്റൈലില്‍.

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Sun, 28 Feb 2010 09:53:00 +0000

മാഗസീന്‍ പോലെ തുടക്കത്തിലെ അക്ഷരത്തിന് ചില മാറ്റങ്ങള്‍ ഉണ്ടായാല്‍ ലുക്കൊക്കെ ഒന്ന് അടിപൊളിയാകില്ലേ.

അല്ലെങ്കില്‍ ഇതുപോലെ ആയാലും നന്നായിരിക്കും. താഴെപ്പറയുന്ന കാര്യങ്ങള്‍ ചെയ്തുകഴിഞ്ഞാല്‍ താങ്കളുടെ ബ്ലോഗിലും ഇതുപോലെ കാണപ്പെടും.... ബ്ലോഗുകള്‍ അടിപൊളിയാക്കൂ... നമ്മുടെ രീതിയില്‍ നമ്മുടെ ബ്ലോഗുകളെ മാറ്റിയെടുക്കൂ. അതിനായി നിങ്ങളുടെ കൂടെ സൂത്രങ്ങള്‍ ബ്ലോഗര്‍ സൂത്രത്തില്‍.HTML വിദ്യകള്‍ എന്തു ചെയ്യുന്നതിനു മുന്‍പും ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്യുവാന്‍ മറക്കരുത്.

ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്തുവോ?
ഇത് രണ്ട് രീതിയില്‍ ഉണ്ട്..

1.ആദ്യത്തെ അക്ഷരം മാത്രം വലുതാക്കുവാന്‍.
ചിത്രത്തിലഏത് കണ്ടുകാണുമല്ലോ..... ഇതിനായി

പോസ്റ്റ് എഡിറ്ററിലെ Compose മോഡില്‍ നിന്നും Edit HTML മോഡില്‍ വരുക. അതിനുശേഷം ഈ കോഡ് പേസ്റ്റ് ചെയ്യുക.

ആ എന്നുള്ളതിനു പകരം ആദ്യത്തെ അക്ഷരം കൊടുക്കുക.
2.പാരഗ്രാഫ് സ്റ്റൈല്‍

ഈ കോഡ് പേസ്റ്റ് ചെയ്യുക.

കുറിപ്പ്: color: നിറവും font-size:കകpx വലുപ്പവുമാണ് മാറ്റാവുന്നതാണ്. പരീക്ഷിച്ചു നോക്കൂ. HTML കളര്‍ കോഡാണ് ഉപയോഗിക്കേണ്ടത് ദാ ഇവിടെ കിട്ടും.

എനിക്കെങ്ങും വയ്യേ ഇത്രേകോഡ് എപ്പോഴും പേസ്റ്റ് ചെയ്തോണ്ടിരിക്കുവാന്‍..

ആഹാ അങ്ങനെയാണോ ദാ ഒരെളുപ്പവഴി. എല്ലാപോസ്റ്റിലും നിങ്ങളിത് പേസ്റ്റ് ചെയ്യാതെ തന്നെ New Post എടുക്കുമ്പോള്‍ വരുവാന്‍ വേണ്ടി സെറ്റപ്പ് ചെയ്തു വെയ്ക്കാം. രണ്ടു രീതിയില്‍ ഇതു ചെയ്യാം.

1. ബ്ലോഗ് സെറ്റിങ്ങ് വഴി.
DASHBOARD ► SETTINGS ► FORMATTING ► ല്‍ താഴെയായി Post Template എന്നൊന്നുണ്ട്. അവിടെ മേല്‍പ്പറഞ്ഞ കോഡ് പേസ്റ്റ് ചെയ്ത് സേവ് ചെയ്തോളൂ..(ഏതെങ്കിലും ഒന്ന്) പിന്നെ പുതിയ പോസ്റ്റെടുക്കുമ്പോള്‍ ഇത് തനിയെ വരും..

2.HTML(CSS) എഡിറ്റിങ്ങ് വഴി
(ഇത് റെക്കമന്‍ഡ് ചെയ്യുന്നില്ല. അഡ്വാന്‍സ്ഡ് യൂസേര്‍സിനെ ഉദ്ദേശിച്ചാണ് ഫോണ്ട് കളറോ വലുപ്പമോ മാറ്റുവാന്‍ ഓരോ പ്രാവശ്യവും എഡിറ്റ് ചെയ്യേണ്ടി വരും അതിനാല്‍ മുകളില്‍ പറഞ്ഞതാണ് നല്ലത്)

DASHBOARD ► LAYOUT ► EDIT HTML ►

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

]]></b:skin>

ഇതിനു മുകളിലായി താഴെക്കാണുന്ന കോഡ്(ഏതെങ്കിലും ഒന്ന് വേണ്ടുന്നത്) പേസ്റ്റ് ചെയ്യുക.

ആദ്യത്തെ അക്ഷരം ...

.bigfirst {
font-weight:normal;
color:#000000;
font-size:56px;
line-height:80%;
letter-spacing:-6px;
font-family: Times, serif, Georgia;
}

പാരഗ്രാഫ്...

.dropcap {
float:left;
color:#000000;
font-size:100px;
line-height:70px;
padding-top:2px;
font-family: Times, serif, Georgia;
}

ഇതിനുശേഷം പോസ്റ്റ് ഉപയോഗിക്കുമ്പോള്‍..

ഇങ്ങനെ ചെയ്താല്‍ മതിയാകും.

കമന്റിടാന്‍ മറക്കണ്ട..

ആകെ എത്ര പോസ്റ്റുകളും, കമന്റുകളും എന്നു കാണിക്കുന്ന വിഡ്‌ജെറ്റ്.

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Wed, 24 Feb 2010 18:52:00 +0000

ബ്ലോഗില്‍ ആകെ എത്ര പോസ്റ്റുകള്‍ ഉണ്ടെന്നും ആകെ അത്ര അഭിപ്രായങ്ങളുണ്ടെന്നും കാണിക്കുന്ന ഒരു വിഡ്‌ജെറ്റ്.

ദാ ഇതുപോലെ....

DASHBOARD ► LAYOUT ► Add a Gadget ► ക്ലിക്ക് "HTML/JavaScript"

ഈ കോഡ് ചേര്‍ക്കുക..

കുറിപ്പ്: മഞ്ഞ നിറത്തിലുള്ള കോഡ് മാറ്റി നിങ്ങളുടെ ബ്ലോഗിന്റെ ലിങ്ക് കൊടുക്കുക. ബ്ലോഗര്‍ സൂത്രത്തിന്റെ ലിങ്കാണ് ഇപ്പോള്‍ കൊടുത്തിരിക്കുന്നത്. പിങ്ക് നിറത്തിലുള്ളത് മാറ്റി പകരം കൊടുക്കുന്നത് എണ്ണത്തിനു മുന്‍പ് ദൃശ്യമാകും.

വിഡ്‌ജെറ്റ് ഒരു പോസ്റ്റില്‍ മാത്രം കാണിക്കുവാന്‍.

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Wed, 24 Feb 2010 18:12:00 +0000

ഒരു വിഡ്ജറ്റ് താങ്കള്‍ ബ്ലോഗില്‍ ചേര്‍ത്തുകഴിഞ്ഞാല്‍ അത് എല്ലാം പോസ്റ്റിലും ദൃശ്യമാകും. എന്നാല്‍ ഈ സൂത്രം ഉപയോഗിച്ചാല്‍ അത് വിഡ്‌ജെറ്റ് ഒരു പോസ്റ്റില്‍ മാത്രം കാണിക്കും.

ദാ ഈ പോസ്റ്റിലെ വിഡ്‌ജെറ്റ് ഒരു പോസ്റ്റില്‍ മാത്രം കാണിക്കുവാന്‍ എന്നത് കാണുക.

വിഡ്‌ജെറ്റ് ഹോം പേജില്‍ ഒഴിച്ച് ബാക്കി എല്ലാ പോസ്റ്റിലും കാണിക്കുവാന്‍.

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Wed, 24 Feb 2010 18:09:00 +0000

ഒരു വിഡ്ജറ്റ് താങ്കള്‍ ബ്ലോഗില്‍ ചേര്‍ത്തുകഴിഞ്ഞാല്‍ അത് എല്ലാം പോസ്റ്റിലും ദൃശ്യമാകും. എന്നാല്‍ ഈ സൂത്രം ഉപയോഗിച്ചാല്‍ അത് വിഡ്‌ജെറ്റ് ഹോം പേജില്‍ ഒഴിച്ച് ബാക്കി എല്ലാ പോസ്റ്റിലും കാണിക്കും.

ദാ ഈ പോസ്റ്റിലെ വിഡ്‌ജെറ്റ് ഹോം പേജില്‍ ഒഴിച്ച് ബാക്കി എല്ലാ പോസ്റ്റിലും കാണിക്കുവാന്‍ എന്നത് കാണുക.

വിഡ്‌ജെറ്റ് ഹോം പേജില്‍ മാത്രം കാണിക്കുവാന്‍.

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Wed, 24 Feb 2010 17:44:00 +0000

ഒരു വിഡ്ജറ്റ് താങ്കള്‍ ബ്ലോഗില്‍ ചേര്‍ത്തുകഴിഞ്ഞാല്‍ അത് എല്ലാം പോസ്റ്റിലും ദൃശ്യമാകും. എന്നാല്‍ ഈ സൂത്രം ഉപയോഗിച്ചാല്‍ അത് ഹോം പേജില്‍ മാത്രമേ ദൃശ്യമാകൂ‍, ഈ ബ്ലോഗിലെ “ബ്ലോഗര്‍ സൂത്രത്തിലേക്ക് സ്വാഗതം“ എന്നത് ശ്രദ്ധിക്കുക.

ആദ്യമായി ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്യുക

ഇനി ആവശ്യമായ ഒരു തലക്കെട്ട് വിഡ്ജെറ്റിനു കൊടുക്കുക.

DASHBOARD ► LAYOUT ► EDIT HTML ► ക്ലിക്ക് Expand widget templates

ഈ കൊടുത്ത തലക്കെട്ട് കണ്ടുപിടിക്കുക...

(മറ്റൊരുവഴി എന്തെന്നാല്‍)
<b:widget id='HTML3' locked='false' title='താങ്കള്‍ കൊടുത്ത തലക്കെട്ട്' type='HTML'>

താങ്കള്‍ കൊടുത്ത തലക്കെട്ട് കിട്ടുന്നത് വരെ മഞ്ഞ നിറത്തിലുള്ള കോഡ് Ctrl+F (Find) കണ്ടുപിടിക്കുക.

ദാ ആ ഭാഗം മുഴുവനായി ഇങ്ങനെ ഇരിക്കും...

<b:widget id='HTML3' locked='false' title='UNIQUE WORD OR TITLE HERE' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

ഇനിയിതാ താഴെക്കൊടുത്തിരിക്കുന്ന രണ്ട് വരികള്‍ ഇതില്‍ ചേര്‍ക്കുകയേ വേണ്ടൂ...
ദാ ഇതുപോലെ..

<b:widget id='HTML3' locked='false' title='UNIQUE WORD OR TITLE HERE' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

ചുവപ്പ് നിറത്തിലെ കോഡ് ചേര്‍ക്കുക.

വിഡ്‌ജെറ്റ് ഹോം പേജില്‍ ഒഴിച്ച് ബാക്കി എല്ലാ പോസ്റ്റിലും കാണിക്കുവാന്‍.

<b:if cond='data:blog.pageType == "item"'>

മുകളില്‍ ചേര്‍ക്കുവാന്‍ പറഞ്ഞിരിക്കുന്ന ചുവന്ന ആദ്യത്തെ വരി മാറ്റി ഈ കോഡ് ചേര്‍ക്കുക.

വിഡ്‌ജെറ്റ് ഒരു പോസ്റ്റില്‍ മാത്രം കാണിക്കുവാന്‍.

<b:if cond='data:blog.url == "SPECIFIC_BLOG_POST_URL"'>

മുകളില്‍ ചേര്‍ക്കുവാന്‍ പറഞ്ഞിരിക്കുന്ന ചുവന്ന ആദ്യത്തെ വരി മാറ്റി ഈ കോഡ് ചേര്‍ക്കുക. SPECIFIC_BLOG_POST_URL എന്നതിനു പകരം ഉദ്ദേശിച്ച താളിന്റെ ലിങ്ക് കൊടുക്കുക.

ആഡ് ദിസ് ഷെയര്‍ ബട്ടന്‍ എല്ലാ പോസ്റ്റിലും.

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Mon, 22 Feb 2010 08:34:00 +0000

ആഡ് ദിസ് ഷെയര്‍ ബട്ടണ്‍, മിക്കവാറുമുള്ള എല്ലാ (224 എണ്ണം)ഷെയറിങ്ങ് സൈറ്റുകളിലേക്കും പോസ്റ്റ് ലിങ്ക് ഷെയര്‍ ചെയ്യുവാന്‍ ഉള്ള ഉപാധിയാണ്. ഇത് ഫ്രീ ആണ്. ഈ ബട്ടണ്‍ എല്ലാ പോസ്റ്റുകളിലും വരുത്തുവാന്‍ ഈ താള്‍ ഉപകരിക്കും. ഈ ബ്ലോഗില്‍ ഇതുപയോഗിച്ചിരിക്കുന്നു.

ദാ ഇതുപോലെ...

ആദ്യമായി ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്യുക

ഈ കോഡ് കോപ്പി ചെയ്ത് വെയ്ക്കുക...

കുറിപ്പ്: ചുവപ്പ് നിറം(right) വലതു വശത്ത് ബട്ടണ്‍ വരുത്തും അത് മാറ്റി left ആക്കിയാല്‍ ഇടതുവശത്തും center ആക്കിയാല്‍ നടുക്കും ബട്ടണ്‍ വരും.

ഇനി

DASHBOARD ► LAYOUT ► EDIT HTML ► ക്ലിക്ക് Expand widget templates

അതിനുശേഷം താഴെക്കാണുന്ന കോഡുകളിലേതെങ്കിലും കണ്ടുപിടിക്കുക. എവിടെ ഈ ഷെയര്‍ ബട്ടണ്‍ വേണമോ അവിടെ പേസ്റ്റ് ചെയ്യുക.

പോസ്റ്റ് പേരിന്റെ തൊട്ടു താഴെ വരുത്തുവാന്‍
<div class='post-header-line-1'/>
ഈ കോഡിനു ശേഷം

പോസ്റ്റ് പേരിന്റെ തൊട്ടു മുകളില്‍ വരുത്തുവാന്‍
<b:if cond='data:post.title'>
ഈ കോഡിനു മുന്‍പില്‍.

പോസ്റ്റ്നു താഴെ ഫൂട്ടറിനു മൌകളില്‍ വരുത്തുവാന്‍
<div class='post-footer'>
ഈ കോഡിനു മുന്‍പില്‍.

പോസ്റ്റ് ഫൂട്ടറിനു താഴെ വരുത്തുവാന്‍
<div class='post-footer-line post-footer-line-3'>
ഈ കോഡിനു ശേഷം പോസ്റ്റ് ചെയ്യുക.
ചില അവസരങ്ങളില്‍ മുകളിലത്തെ കോഡ് ഇങ്ങനെയുമാകാം..
<p class='post-footer-line post-footer-line-3' />
അല്ലെങ്കില്‍ ഇങ്ങനെ
<div class='post-footer-line post-footer-line-3' />

ഡേറ്റ് ഒരു കലണ്ടര്‍ പോലെ പോസ്റ്റ് പേരിന്റെ വശത്തായി.

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Sun, 21 Feb 2010 09:06:00 +0000

ഡേറ്റ് ഒരു കലണ്ടര്‍ പോലെ പോസ്റ്റ് പേരിന്റെ വശത്തായി കണുവാന്‍ ഈ താള്‍ സഹായിക്കും, സധാരണ ഇത് ഒരു വരിയായി കാണപ്പെടുന്നതാണ്.

ദാ ഇതുപോലെ..

ആദ്യമായി ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്യുക

ഇനി
Settings ► Formatting ► Timestamp Format റ്റും ► Date Header Format റ്റും, ഇതുപോലെ Sunday, February 21, 2010 ആക്കി മാറ്റുക. സേവ് ചെയ്യുക.

DASHBOARD ► LAYOUT ► EDIT HTML ► ക്ലിക്ക് Expand widget templates

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

]]></b:skin>

ഇതിനു തൊട്ടിമുകളിലായി തഴെക്കാണുന്ന കോഡ് പേസ്റ്റ് ചെയ്യുക

.post .date {
height: 65px;
width: 55px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRTaCz0JZ_xd2Uq-3DvmrFCwPdVtyWlqANRsHj5tAgVZ6U0z_MYoMDkwU67nc25Y7wDRaU5crtjiELFBQHGOW7PyrCgHVycPuFa5N8ugWxvThd8uMUmWcjWaF5BJkD9iBM7Uoh0iNDOZ4/s320/dateheadericon1.png) no-repeat;
font: #666666
font: normal 22px Arial;
text-align: center;
padding: 0px 0px 0 0;
line-height: 100%;
float: left;
text-transform: uppercase;
}
.post .date span {
height: 16px;
display: block;
font: #666666
font: normal 22px Arial;
text-align: center;
padding-top: 1px;
}

കുറിപ്പ്: ചുവപ്പ് നിറത്തില്‍ ബാഗ്രൌഡ് ചിത്രത്തിന്റെ URL ലിങ്കും, നീളവും വീതിയും നല്‍കിയിരിക്കുന്നു. മഞ്ഞ നിറത്തില്‍ ഡേറ്റിന്റെ ഫോണ്ടും വലുപ്പവും നല്‍കിയിരിക്കുന്നു.

ഇനി ദാ ഈ കോഡ് കണ്ടു പിടിക്കുക.

<b:if cond='data:post.title'>

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

<div CLASS='post'>
<script type='text/javascript'>
var timestamp = "<data:post.timestamp/>";
if (timestamp != '') {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<div CLASS='date'>

<span><script type='text/javascript'>document.write(date_mmm);</script></span>

</div> </div>

കുറിപ്പ്: ഈ നിറത്തില്‍ ഒന്നാമത്തെവരി ((date_mmm) ഇതുള്ള വരി) മാസത്തെയും, (date_dd) ദിവസത്തെയും, (date_yyyy) വര്‍ഷത്തെയും സൂചിപ്പിക്കുന്നു. ഈ വരികളുടെ സ്ഥാനം മാറ്റുകയോ നീക്കം ചെയ്യുകയോ ചെയ്താല്‍ ദൃശ്യമാകുന്നതിന്റെ സ്ഥാനവും മാറും നീക്കം ചെയ്താന്‍ കാണിക്കുകയുമില്ല. ഇപ്പോള്‍ വര്‍ഷം കാണിക്കണ്ട എന്നുണ്ടെങ്കില്‍ <script type='text/javascript'>document.write(date_yyyy);</script> ഈ വരി നീകം ചെയ്യുക.

പ്രിവ്യൂ ചെയ്ത് ശരിയായി വരുന്നുണ്ടെങ്കില്‍ സേവ് ചെയ്യുക.

കമന്റിന്റെ എണ്ണം ഒരു ബബിളില്‍ പോസ്റ്റ് പേരിനു വലതു വശത്ത്.

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Thu, 18 Feb 2010 08:12:00 +0000

കമന്റിന്റെ എണ്ണം ബബിളില്‍ പോസ്റ്റ് പേരിനു വലതു വശത്ത് ദൃശ്യമാകും ഇതില്‍ കമന്റിലേക്കുള്ള ലിങ്കും ഉണ്ടാകും. ഈ ബ്ലോഗിലുപയോഗിച്ചിരിക്കുന്നത് കാണാം.

ദാ ഇതുപോലെ

ആദ്യമായി ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്യുക

ഇനി

DASHBOARD ► LAYOUT ► EDIT HTML ► ക്ലിക്ക് Expand widget templates

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

ഇതിനു തൊട്ടു താഴയായി, അല്ലെങ്കില്‍ ഇതിനോട് തൊട്ട് വലതുവശത്ത് താഴെക്കാണുന്ന കോഡ് പേസ്റ്റ് ചെയ്യുക.

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>

കഴിഞ്ഞില്ല...

ഈ കോഡ് കണ്ടു പിടിക്കുക :
]]></b:skin>

ഇതിനു തൊട്ട് മുകളിലായി താഴെ കാണുന്ന കോഡ് പേസ്റ്റ് ചെയ്യുക.

.comment-bubble {
float: right;
background: url(http://i49.tinypic.com/2vugahu.jpg) no-repeat;

width: 55px;

height: 38px;

font-size: 18px;
margin-top: -15px;
margin-right: 2px;
text-align: center;
}

പ്രിവ്യൂ ചെയ്ത് കുഴപ്പമൊന്നുമില്ലെങ്കില്‍ സേവ് ചെയ്യാം.. ഹാ മുഖത്തൊരു ചിരി പടര്‍ത്തിക്കോളൂ..

കുറിപ്പ്: മഞ്ഞ നിറത്തില്‍ ഇമേജിന്റെ (ബബിളിന്റെ) ലിങ്കും, പച്ച നിറത്തില്‍ ബബിളിന്റെ വലുപ്പവും സൂചിപ്പിക്കുന്നു. ഇത് യഥേഷ്ടം മാറ്റാവുന്നതേയുള്ളൂ..
ചെറിയ ബബിളുകള്‍ ഉപയോഗിക്കുന്നതാവും ഉചിതം.

ഈ ബ്ലോഗില്‍ ഉപയോഗിച്ചിരിക്കുന്ന ചിത്രത്തിന്റെ ലിങ്ക് :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ4fwmSigPSnBLANoS6AgKW3Sl7rhLcZHy8OdZJMUYFXaZhp3BzLqelrQkopt3TfQY2Zpudecae05KDFh8N6tlXCKYqJLcbeOTHDiAVAWb_UjE6uNhbD9UKZAxwRSW2mUoH8doD-RisieO/s320/commentsbubble.png

ഫൂട്ടറിലെ Newer, Home, Older ലിങ്കുകള്‍ക്ക് പകരം ചിത്രങ്ങള്‍

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Wed, 17 Feb 2010 12:18:00 +0000

ഫൂട്ടറിലെ Newer, Home, Older ലിങ്കുകള്‍ക്ക് പകരം ചിത്രങ്ങള്‍ നല്‍കാന്‍ ഈ പോസ്റ്റ് കാണുക. ലിങ്കുകളുടെ കൂടെ ഒരു ചിത്രം കൊടുക്കുവാന്‍ ഈ പോസ്റ്റ് ഉപയോഗിക്കാം. ഫൂട്ടറിലെ Newer Post, Home, Older Posts ലിങ്കുകള്‍ മാറ്റി നമുക്കിഷ്ടമുള്ള വാചകം കൊടുക്കാന്‍ ഇതു കാണുക.

ദാ ഇതു പോലെ....

ആദ്യമായി ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്യുക

ഇനി

DASHBOARD ► LAYOUT ► EDIT HTML ► ക്ലിക്ക് Expand widget templates

ഈ കോഡുകള്‍ കണ്ടു പിടിക്കുക....
1. Newer Post ലിങ്ക്

<data:newerpagetitle>

2.Older Posts ലിങ്ക്

<data:olderpagetitle>

3.Home ലിങ്ക്

<data:homeMsg/>

ഇതിനു പകരം ഒരു ചിത്രത്തിന്റെ ലിങ്കു ചേര്‍ക്കുകയേ വേണ്ടൂ

ദാ ഇതുപോലെ ആവശ്യമുള്ള ചിത്രത്തിന്റെ ലിങ്ക് URL പിങ്ക് നിറത്തിലെ കോഡ് മാറ്റി കൊടുക്കു.

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img src='URL ADDRESS'/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><img src='URL ADDRESS'/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='URL ADDRESS'/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>

പ്രിവ്യൂ ചെയ്ത് കുഴപ്പമില്ലെങ്കില്‍ സേവ് ചെയ്യുക.

ഫൂട്ടറിലുള്ള ഫീഡ് ലിങ്ക് മറയ്ക്കാം അല്ലെങ്കില്‍ മാറ്റാം

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Tue, 16 Feb 2010 12:56:00 +0000

"Subscribe to: Posts (Atom)" എന്ന ഫീഡ് ലിങ്ക് മറയ്ക്കാം അല്ലെങ്കില്‍ മാറ്റാം (ഡിലീറ്റ് ചെയ്യാം)

1.തത്കാലം മറക്കുന്നതിന്

DASHBOARD ► LAYOUT ► EDIT HTML ►

.feed-links { display:none; }

]]></b:skin> </head>

ഓറഞ്ച് നിറത്തിലെ കോഡ്, പച്ച നിറത്തിലെ കോഡിന്റെ മുകളിലായി പേസ്റ്റ് ചെയ്യുക.

2.നീക്കം ചെയ്യുന്നതിന്

DASHBOARD ► LAYOUT ► EDIT HTML ► ക്ലിക്ക് Expand widget templates

<b:include name='feedLinks'/>

ഈ കോഡ് കണ്ടുപിടിക്കുക
CTRL + F (Option +F) അമര്‍ത്തിയാല്‍ കോഡ് എളുപ്പം കണ്ടു പിടിക്കാം.

ഇനി ഈ വരി കോഡ് നീക്കം ചെയ്യൂ (ഡിലീറ്റ് ചെയ്യൂ).

എന്നിട്ട് സേവ് ചെയ്യുക.

അല്ലാ അപ്പോള്‍ ഫീഡ് വേണ്ടേ ദാ ഈ പോസ്റ്റ് കണ്ടു നോക്കൂ :
സയിഡ് ബാറില്‍ ഫീഡ് ബട്ടണ്‍.

പോസ്റ്റ് എ കമന്റ് എന്നത് മാറ്റാം

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Tue, 16 Feb 2010 10:46:00 +0000

പോസ്റ്റ് എ കമന്റ് എന്നത് മാറ്റി അതിനു പകരം നമുക്കിഷ്ടമുള്ള വാ‍ക്കുകള്‍ കൊടുക്കാം.

ഉദാഹരണത്തിന്‍ താഴെ കൊടുത്തിരിക്കുന്ന ചിത്രം കാണുക.

ആദ്യമായി ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്യുക

പിന്നെ

DASHBOARD ► LAYOUT ► EDIT HTML ► ക്ലിക്ക് Expand widget templates

ഈ കോഡ് കണ്ടു പിടിക്കുക
ചുവപ്പ് നിറത്തിലുള്ളത് മാറ്റി നിങ്ങള്‍ക്കിഷ്ടമുള്ളത് കൊടുക്കുക

ദാ ഇതുപോലെ....

<h4 id='comment-post-message'>എന്നാപ്പിന്നെ ഒരു അഭിപ്രായം എഴുതാം..</h4>

എന്നിട്ട് സേവ് ചെയ്യുക.

കമന്റ് കാണിക്കുന്ന പെട്ടികള്‍ സ്റ്റൈലില്‍

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Tue, 16 Feb 2010 05:07:00 +0000

നമുക്ക് കമന്റ് കാണിക്കുന്ന പെട്ടികള്‍ എങ്ങനെ മോടിപിടിപ്പിക്കാം എന്നു നോക്കാം.

കമന്റ് ലിങ്ക് മനോഹരമാക്കുന്നതിനായി കമന്റ് ലിങ്കിനടുത്ത് ഒരു ഐക്കണ്‍(ചെറിയ ഒരു ചിത്രം) നല്‍കുന്നത് എന്നു നമ്മള്‍ കമന്റ് ലിങ്കിനടുത്ത് ഒരു ഐക്കണ്‍ എന്നതില്‍ കണ്ടുകഴിഞ്ഞു!

താഴെ കാണിച്ചിരിക്കുന്ന ചിത്രം നോക്കൂ ഇതുപോലെ....

സാധാരണയായി താഴെ കാണിച്ചിരിക്കുന്നതുപോലെയാണ് കാണുന്നത്

ആദ്യമായി ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്യുക

ഇനി താഴെ കാണുന്ന കോഡ് കണ്ടു പിടിക്കുന്നതിനായി
DASHBOARD ► LAYOUT ► EDIT HTML ► ക്ലിക്ക് Expand widget templates

#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

മുഴുവനായി കണ്ടു പിടിക്കുവാന്‍ കഴിഞ്ഞില്ലങ്കില്‍

#comments
.xxxxx-comment
എന്നിവ തുടങ്ങുന്നത് കണ്ടുപിടിക്കുക

ഇവയെല്ലാം നീകിയതിനു(ഡിലീറ്റിയതിനു) ശേഷം ഈ കോഡ്

#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: #ffffff;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
padding: 20px 10px 10px 10px;
background: #f3a64c url(http://i38.tinypic.com/27yu1xl.jpg) no-repeat top left;
}
.deleted-comment {
font-style:italic;
color:gray;
}

ചേര്‍ക്കുക (പേസ്റ്റ്). ചുവപ്പ് നിറത്തിള്ളത് ചിത്രത്തിന്റെ URL ആണ്. ഇത് മാറ്റി പകരം നിങ്ങളുടെ ചിത്രം ചേര്‍ക്കാം.

ഫൂട്ടറിലെ Newer, Home, Older ലിങ്കുകള്‍ മാറ്റാം

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Mon, 15 Feb 2010 08:52:00 +0000

ഫൂട്ടറിലെ Newer Post, Home, Older Posts ലിങ്കുകള്‍ മാറ്റി പകരം നമുക്കിഷ്ടമുള്ള വാക്ക് ചേര്‍ക്കാന്‍ ഈ പോസ്റ്റ് ഉപയോഗിക്കാം. ഈ ലിങ്കുകള്‍ക്ക് പകരം ചിത്രങ്ങള്‍ നല്‍കാന്‍ ഈ പോസ്റ്റ് കാണുക. ലിങ്കും ഒരുചിത്രവും ചേര്‍ക്കാന്‍ ഈ പോസ്റ്റും കാണുക.

ദാ ഇതു പോലെ....

ആദ്യമായി ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്യുക

ഇനി

DASHBOARD ► LAYOUT ► EDIT HTML ► ക്ലിക്ക് Expand widget templates

ഈ കോഡുകള്‍ കണ്ടു പിടിക്കുക....
1. Newer Post ലിങ്ക് മാറ്റുന്നതിന്

<data:newerpagetitle>

2.Older Posts ലിങ്ക് മാറ്റുന്നതിന്

<data:olderpagetitle>

3.Home ലിങ്ക് മാറ്റുന്നതിന്

<data:homeMsg/>
ഈ കോഡ് രണ്ടു പ്രാവശ്യം കാണും ആദ്യത്തേത് മാത്രം മാറ്റുക.

ഇതിനു പകരം ആവശ്യമുള്ളത് എഴുതുക... ദാ ഇതു പോലെ

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>പുതിയത്</a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>പഴയത്</a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>പൂമുഖം</a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>

ഈ ലേബലിലുള്ള എല്ലാ പോസ്റ്റും കാണിക്കുന്നു - നീക്കം ചെയ്യാം.

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Thu, 28 Jan 2010 13:04:00 +0000

ഒരു ലേബലില്‍ ക്ലിക്കിയാല്‍ ഈ ലേബലിലുള്ള എല്ലാ പോസ്റ്റും കാണിക്കുന്നു ("Showing post with label...show all posts" ) ഇത് നീക്കം ചെയ്യാം.

ദാ ഇത് നീക്കം ചെയ്യുവാന്‍.

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

DASHBOARD ► LAYOUT ► EDIT HTML ► ക്ലിക്ക് Expand widget templates

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

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

ഈ കോഡിനു പകരം ഇതു നല്‍കുക. ഇടയ്ക്കുള്ള ചില കോഡ് നീക്കം ചെതിട്ടേ ഉള്ളൂ.

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

ഫൂട്ടറിലെ Newer, Home, Older ലിങ്കുകളുടെ കൂടെ ഒരു ചിത്രം

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Sun, 17 Jan 2010 10:39:00 +0000

ഫൂട്ടറിലെ Newer, Home, Older ലിങ്കുകളുടെ കൂടെ ഒരു ചിത്രം കൊടുക്കുവാന്‍ ഈ പോസ്റ്റ് ഉപയോഗിക്കാം. ഈ ലിങ്കുകള്‍ക്ക് പകരം ചിത്രങ്ങള്‍ നല്‍കാന്‍ ഈ പോസ്റ്റ് കാണുക. ഫൂട്ടറിലെ Newer Post, Home, Older Posts ലിങ്കുകള്‍ മാറ്റി നമുക്കിഷ്ടമുള്ള വാചകം കൊടുക്കാന്‍ ഇതു കാണുക.

ദാ ഇതു പോലെ....

ആദ്യമായി ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്യുക

ഇനി

DASHBOARD ► LAYOUT ► EDIT HTML ► ക്ലിക്ക് Expand widget templates

ഈ കോഡുകള്‍ കണ്ടു പിടിക്കുക....
1. Newer Post ലിങ്ക്

<data:newerpagetitle>

2.Older Posts ലിങ്ക്

<data:olderpagetitle>

3.Home ലിങ്ക്

<data:homeMsg/>

ഇതിനു മുന്‍പായി ഒരു ചിത്രത്തിന്റെ ലിങ്കു ചേര്‍ക്കുകയേ വേണ്ടൂ

ദാ ഇതുപോലെ ആവശ്യമുള്ള ചിത്രത്തിന്റെ ലിങ്ക് എഴുതുക...

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img src='http://i42.tinypic.com/zn4qic.jpg'/><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/><img src='http://i40.tinypic.com/sfcox4.jpg'/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>

പ്രിവ്യൂ ചെയ്ത് കുഴപ്പമില്ലെങ്കില്‍ സേവ് ചെയ്യുക.

കമന്റ് ലിങ്കിനടുത്ത് ഒരു ഐക്കണ്‍

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Thu, 31 Dec 2009 07:28:00 +0000

കമന്റ് ലിങ്ക് മനോഹരമാക്കുന്നതിനായി കമന്റ് ലിങ്കിനടുത്ത് ഒരു ഐക്കണ്‍(ചെറിയ ഒരു ചിത്രം) ഉണ്ടെങ്കില്‍ എന്നു തോന്നിയിട്ടുണ്ടോ ?

ഉദാഹരണമായി താഴെ കൊടുത്തിട്ടുള്ള ചിത്രം നോക്കൂ.

ആദ്യമായി ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്യുക

ഈ കോഡിന്റെ ഏതെങ്കിലും വരി കണ്ടെത്തുക അതിനായി

DASHBOARD ► LAYOUT ► EDIT HTML ► ക്ലിക്ക് Expand widget templates

താഴെ ചിത്രത്തില്‍ കാണിച്ചിരിക്കുന്നതു പോലെ

ഓറഞ്ച്, നിറത്തിലുള്ള കോഡ് ഐക്കണ്‍ എവിടെ കാണപ്പെടും എന്നതിന്റെ പ്രതീകവും

... പിങ്ക് നിറം നിങ്ങളുടെ ഐക്കണിന്റെ ലിങ്കും ആണ്.

ഈ മുകളില്‍ കൊടുത്തിരിക്കുന്ന കോഡ് മുഖാന്തിരം ഐക്കണ്‍ വലതു വശത്തു വരുന്നു. ഇത് കമന്റ് ലിങ്കിനു മുന്‍പ് വരാന്‍ ഇങ്ങനെ കൊടുത്താല്‍ മതിയാകും

<b:if cond='data:post.allowComments'><img src='http://i39.tinypic.com/33z5njo.jpg' style='border:0px'/>

ഇമേജിന്റെ കോഡ് ഓറഞ്ച് നിറത്തിലുള്ള കോഡിന് ശേഷം ചേര്‍ക്കുക.

സയിഡ് ബാറില്‍ ഫീഡ് ബട്ടണ്‍.

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Thu, 03 Sep 2009 12:39:00 +0000

സയിഡ് ബാറില്‍ ചിത്രം സഹിതം ഫീഡ് ലിങ്കു ന്‍ല്‍കാം‍.

ദാ ഇതു പോലെ...

ഇത്രേം വലുപ്പത്തില്‍ ആവണമെന്നില്ല കേട്ടോ..!

ചുവപ്പ് നിറം മാറ്റി നിങ്ങളുടെ ബ്ലോഗിന്റെ പേരും പച്ച നിറം ചിത്രത്തിന്റെ വലുപ്പവും കാണിക്കുന്നു. സഖ്യകള്‍ കുറച്ചാല്‍ വലിപ്പവും കുറയും. മഞ്ഞ നിറം ചിത്രത്തിന്റെ URL ലിങ്കും ആണ്.

നിങ്ങളുടെ കോഡ് നോട്ട്പാഡിലോ മറ്റോ എഴുതിയതിനു ശേഷം, അല്ലെങ്കില്‍ ബ്ലോഗ് നാമം മാത്രം മാറ്റിയതിനു ശേഷം ഈ കോഡ് കോപ്പി ചെയ്ത്

DASHBOARD ► LAYOUT ► ADD A GADGET ► HTML/JavaScript ക്ലിക്ക് ചെയ്യുമ്പോള്‍ വരുന്ന വിന്‍ഡോയില്‍ പേസ്റ്റ് ചെയ്യുക. അനുയോജ്യമായ തലക്കെട്ട് നല്‍കി (ഒന്നും നല്‍കാതെയും) സേവ് ചെയ്യുക.

ഈ ചിത്രവും വേണമെങ്കില്‍ ഉപയോഗിക്കാം

ലിങ്ക്..

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVNdH1BLRDveZW7FkyawfS-6nFJFu1k4ObfA42K4ixCEGoqJOy7DbYInCJDbVUUK1I5bFKG6E3B25Q3mhVwGsE4tCv03HxpMv6sbXgheLZVc_MsCJeZdyQ8V2cZi0cjLuSfvN9IF2UIxhv/s320/feed_icon.png

ബാക്കപ്പ് - പോസ്റ്റും കമന്റും

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Wed, 02 Sep 2009 08:58:00 +0000

കുറിപ്പ്: ഈ താള്‍ ബ്ലോഗറിലെ പോസ്റ്റും കമന്റും ശേഖരിച്ച് വെയ്കുന്നതെങ്ങനെ എന്നുള്ള വിവരം നല്‍കുന്നു. ടെബ്ലേറ്റ് ബാക്ക് അപ്പ് (ബ്ലോഗിന്റെ നിര്‍മാണ രീതി, അല്ലെങ്കില്‍ ലുക്ക്) ചെയ്യുവാന്‍ ടെബ്ലേറ്റ് ബാക്ക് അപ്പ് കാണുക.

ബ്ലോഗറില്‍
SETTINGS ► BASIC ► Download Blog ല്‍ ക്ലിക്ക് ചെയ്യുക,

എവിടെ സേവ് (ശേഖരിച്ച്) വെയ്ക്കണം എന്നത് തീരുമാനിച്ച്, Save ക്ലിക്ക് ചെയ്യുക!

ടെബ്ലേറ്റ് ബാക്ക് അപ്പ് - റീസ്റ്റോര്‍

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Tue, 01 Sep 2009 08:29:00 +0000

കുറിപ്പ്: ഈ താള്‍ ബ്ലോഗിന്റെ ക്രമീകരണങ്ങള്‍ മാറ്റം വരുത്തുമ്പോള്‍ ഒരുവേള നഷ്ടപ്പെട്ടാല്‍ പൂര്‍വസ്ഥിതിയിലേക്കെത്തിക്കുവാന്‍ കരുതിവെയ്ക്കുന്നതെങ്ങനെ എന്ന് വിശദീകരിക്കുന്നു‍. ബ്ലോഗ് മുഴുവനായി (പോസ്റ്റും + കമന്റും) ബാക്ക് അപ്പ് ചെയ്യുവാന്‍ ഈ താള്‍ സന്ദര്‍ശിക്കുക.

ടെബ്ലേറ്റ് ബാക്ക് അപ്പ്ചെയ്യുന്നതിനായി താഴെക്കാണുന്ന രീതിയില്‍ DOWNLOAD FULL TEMPLATE ക്ലിക്ക് ചെയ്യുക

DASHBOARD ► LAYOUT ► EDIT HTML ► DOWNLOAD FULL TEMPLATE

അതിനു ശേഷം എവിടെ സേവ് (ശേഖരിച്ചു വെയ്ക്കണം) ചെയ്യണം എന്ന് നല്‍കിയാല്‍ മതിയാകും.

റീസ്റ്റോര്‍ (പൂര്‍വ സ്ഥിതിയിലാക്കാന്‍) ചെയ്യുന്നതിനായി ബ്രൊവ്സ് (Browse) എന്ന ബട്ടണില്‍ അമര്‍ത്തി മുന്‍പ് ശേഖരിച്ചുവെച്ച സ്ഥലം നല്‍കുക. അതിനു ശേഷം (അപ്‌ലോഡ്) Upload എന്ന ബട്ടണിലമര്‍ത്തുക.

കുറിപ്പ്:ഇങ്ങനെ ചെയ്യുമ്പോള്‍ ബാക്ക് അപ് ചെയ്തതിനു ശേഷമുള്ള മാറ്റങ്ങള്‍ ഉണ്ടാവില്ല.

പോസ്റ്റില്‍ ലേബലുകള്‍ കൊടുക്കുന്നതെങ്ങനെ

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Mon, 02 Mar 2009 06:34:00 +0000

പോസ്റ്റില്‍ ലേബലുകള്‍ (തരംതിരിക്കാനുള്ള വാക്ക്) കൊടുക്കുന്നതെങ്ങനെ എന്ന് നോക്കാം.

പോസ്റ്റ് ഉണ്ടാക്കുമ്പോള്‍ (പോസ്റ്റ് എഡിറ്ററില്‍)

ദാ മുകളില്‍ കാണിച്ചിരിക്കുന്ന ചിത്രത്തിലെ Labels എന്ന ഭാഗത്ത് ആവശ്യാനുസരണം വാക്കുകള്‍ എഴുതിച്ചേര്‍ക്കാം. കോമയിട്ട് ഓരോ വാക്കുകളും തിരിക്കേണ്ടതാണ് അല്ലെങ്കില്‍ കൊടുക്കുന്ന വാക്കു മുഴുവന്‍ ഒരു ലേബലായി എടുക്കും.
ഇനി നേരത്തെ കൊടുത്തിരുന്ന ലേബലുകള്‍ കൊടുക്കുവാന്‍,

Show All ല്‍ ക്ലിക്ക് ചെയ്ത ശേഷം, ലിസ്റ്റില്‍ നിന്നും ക്ലിക്ക് ചെയ്താല്‍ അത് തെരഞ്ഞെടുക്കപ്പെടും.

എഡിറ്റ് പോസ്റ്റ് ലിസ്റ്റില്‍

എഡിറ്റ് പോസ്റ്റില്‍
പോസ്റ്റ് സെലക്റ്റ് ചെയ്യുക.(ഏതൊക്കെ പോസ്റ്റുകള്‍ക്ക് മാറ്റം വരുത്തണം).
Label Actions... ക്ലിക്ക് ചെയ്താന്‍ മറ്റ് മൂന്ന് ഓപ്ഷനുകള്‍ ഉണ്ട്.

Apply labal

സെലക്ടു ചെയ്ത പോസ്റ്റുകള്‍ക്ക് നിലവിലുള്ള ലേബലുകള്‍ നല്‍കാം.(ക്ലിക്ക് ചെയ്താല്‍ മതി)

New Label

സെലക്ടു ചെയ്ത പോസ്റ്റുകള്‍ക്ക് പുതിയ ലേബല്‍ നല്‍കുവന്‍

Remove labal

സെലക്ടു ചെയ്ത പോസ്റ്റുകളിലെ ലേബല്‍ നീക്കം ചെയ്യാന്‍.

ലേബലിനെ അടുത്തുള്ള പോസ്റ്റുകളുടെ എണ്ണം നീക്കം ചെയ്യാം.

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Sun, 22 Feb 2009 18:20:00 +0000

ലേബലിനെ അടുത്തുള്ള പോസ്റ്റുകളുടെ എണ്ണം (ലേബല്‍ കൌണ്ട്) നീക്കം ചെയ്യാം.

ദാ ഇതുപോലെ ഉള്ളത് ...

ആദ്യമായി ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്യുക

ഇനി

DASHBOARD ► LAYOUT ► EDIT HTML ► ക്ലിക്ക് Expand widget templates

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

</span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> <data:label.name/> </a> </b:if> <span dir='ltr'>(<data:label.count/>)</span> </li> </b:loop> </ul>

മഞ്ഞ നിറത്തിലുള്ള കോഡ് നീക്കം ചെയ്യുക.

ബ്ലോഗര്‍ സൂത്രത്തിലേക്ക് സ്വാഗതം

noreply@blogger.com (സുന്ദരിക്കുട്ടി) — Sun, 17 Feb 2008 15:56:00 +0000

ബ്ലോഗ് ഒരു ഓണ്‍-ലൈന്‍ പേഴ്സണല്‍ ഡയറി ആണെന്നും മിനി വെബ് സൈറ്റ് ആണെന്നും ആശയങ്ങള്‍ പങ്കുവെയ്ക്കുവാന്‍ ഒരു മാധ്യമമാണെന്നും മറ്റും പലരും പറയുന്നു. എന്നാല്‍ നമ്മളുടെ ഡയറി തിരഞ്ഞെടുക്കുവാന്‍ നമുക്ക് സ്വാതന്ത്യമില്ലേ..? ഉണ്ടെന്നാണ് എന്റെ വിശ്വാസം. (ആരെങ്കിലും ഗിഫ്റ്റ് തന്നാലോ..? ചിന്തിക്കേണ്ടിയിരിക്കുന്നു.) അതുപോലെ തന്നെ ഈ ഇന്റര്‍നെറ്റിലെ ബ്ലോഗില്‍ നമ്മുടെ ഇഷ്ടാനിഷ്ടങ്ങള്‍ക്കനുസരിച്ച് മാറ്റങ്ങള്‍ വരുത്തുവാന്‍ കഴിഞ്ഞാല്‍.. നന്നായി ല്ലേ.. ? ദാ ഇവിടെ അതിനുള്ള ശ്രമങ്ങള്‍ ഞാന്‍ തുടങ്ങിയിരിക്കുന്ന്. ഈ സൂത്രങ്ങള്‍ പങ്കുവെച്ചാല്‍ കുറച്ചു പേര്‍ക്കെങ്കിലും ഉപകാരപ്രദമായിരിക്കും എന്നു ഞാന്‍ വിശ്വസിക്കുന്നു. വലതുവശത്ത് സൂത്രപ്പണികളുടെ പട്ടിക കാണാം. സൂത്രപ്പണികള്‍ ഇ മെയിലില്‍ കിട്ടാന്‍ ദാ സബ്‌സ്ക്രൈബ് ചെയ്‌തോളൂ. ഏറ്റവും പുതിയ സൂത്രങ്ങള്‍ ഹോം പേജില്‍ ഉണ്ടാവും. ഈ ബ്ലൊഗിനെക്കുറിച്ചുള്ള നിങ്ങളുടെ വിലപ്പെട്ട അഭിപ്രായം എഴുതാന്‍ മറക്കരുത്. എന്തെങ്കിലും സംശയം ഉണ്ടെങ്കില്‍ അതാത് താളിന്റെ കമന്റായിട്ടാല്‍ മതിയാകും. ഈ ബ്ലോഗിന്റെ ഒരു ചെറിയ ലിങ്ക് നിങ്ങളുടെബ്ലോഗിലേക്ക് പകര്‍ത്താന്‍ ഈ താളിലേക്ക് പോവുക.

PLEASE PROMOTE THIS BLOG