ബ്ലോഗില്‍ related post link എങ്ങനെ ആഡ് ചെയാം

related post link ഉപയോഗിക്കുകയാണെങ്കില്‍ നമ്മുടെ ബ്ലോഗിന്റെ പേജ് വ്യൂ കൂടുവാന്‍ കഴിയും .നമ്മുടെ ബ്ലോഗില്‍ വിസിറ്റ് ചെയുന്നവര്‍ എന്തായാലും ഇത് കാണുകയും ,നല്ലതാണെങ്കില്‍ ആ പേജ് വായിക്കുകയും ചെയും .

ധാരാളം related post link കോഡുകള്‍ നമ്മള്‍ ഉപയോഗിക്കാറുണ്ട് .ചിലതില്‍ thumb ഇമേജ് കാണിക്കും ,ചിലതില്‍ പേജിന്‍െ ഹെഡിംഗ് മാത്രം കാണിക്കും .

താഴെ പറയുന്ന കോഡ് വളരെ വേഗം ലോഡ് ആകുന്നതാണ് .

ഈ കോഡില്‍ നമ്മുടെ ബ്ലോഗിന്റെ ലോഗോയും ചെര്‍ക്കാവുന്നതനാണ് .

എങ്ങനെ ഇവ ബ്ലോഗില്‍ ചേര്‍ക്കാം

1.താഴെ പറയുന്ന കോഡ് </head> എന്നതിന് മുകളില്‍ പേസ്റ്റ് ചെയുക

<style>#related-posts {float:left; width : 475px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 14px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 14px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://1.bp.blogspot.com/-vcbCme7rMTw/TZEU-rnpibI/AAAAAAAAAiE/YtY9ovqoTOw/s1600/redlogoo.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #333; } </style>
<script src='http://chocodot.googlecode.com/files/related_posts.js' type='text/javascript'/>

2.ഇതിനു ശേഷം താഴെ പറയുന്ന കോഡ്

<div class='post-footer-line post-footer-line-1'> എന്നതിന്റെയോ അല്ലെങ്കില്‍

<data:post.body/>

ഇതിന്റെയോ താഴെ പേസ്റ്റ് ചെയുക

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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=9"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

ഉദാഹരണത്തിന്

നമ്മുടെ ആദ്യത്തെ കോഡ് ഇങ്ങനിരിക്കും


<style>#related-posts {float:left; width : 475px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 14px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 14px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://1.bp.blogspot.com/-vcbCme7rMTw/TZEU-rnpibI/AAAAAAAAAiE/YtY9ovqoTOw/s1600/redlogoo.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #333; } </style>
<script src='http://chocodot.googlecode.com/files/related_posts.js' type='text/javascript'/>
</head>

റെഡ് നിറത്തില്‍ കാണിച്ചിരിക്കുന്നത് നിങ്ങളുടെ ലോഗോയുടെ url അഡ്രസ്‌

2.

<div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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=9"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

കൂടുതല്‍ വിവരങ്ങള്‍ക്ക് വേണ്ടി


വിസിറ്റ്

[ Read More ]

ബ്ലോഗിനായി favicon എങ്ങനെ ഉണ്ടാക്കാം

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

അതിനായി ആദ്യം നമ്മള്‍ ഒരു 16 x 16 സൈസ് ഉള്ള ഒരു .png ഫയല്‍ അപ്‌ലോഡ്‌ ചെയണം .

എന്നിട്ട് അതിന്‍റെ ലിങ്ക് location കോപ്പി ചെയണം .റൈറ്റ് ബട്ടണ്‍ അമര്തിയിട്റ്റ് copy link location കൊടുക്കുക

പിന്നീട design എടുത്തു edit HTML കൊടുക്കുക
അതിനുശേഷം താഴെ പറയുന്ന കോഡ്

<link href='http://1.bp.blogspot.com/-vcbCme7rMTw/TZEU-rnpibI/AAAAAAAAAiE/YtY9ovqoTOw/s1600/redlogoo.png' rel='shortcut icon'/>
<link href='http://1.bp.blogspot.com/-vcbCme7rMTw/TZEU-rnpibI/AAAAAAAAAiE/YtY9ovqoTOw/s1600/redlogoo.png' rel='icon'/>

ചുവന്ന അക്ഷരങ്ങള്‍ നിങ്ങളുടെ imaginte ലിങ്ക് location ആണ്
കോഡ് കോപ്പി ചെയ്തതിനുശേഷം ഈ കോഡ് കണ്ടുപ്ടിക്കുക

<title><data:blog.pagetitle/></title>

അതിനുശേഷം അതിനുതാഴെ പേസ്റ്റ് ചെയുക '

പിന്നീട സേവ് ചെയുക

കൂടുതല്‍ വിവരങ്ങള്‍ക്കും മറ്റും ഈ ലിങ്കില്‍ പോവുക

[ Read More ]

ഗൂഗിള്‍ ഇമേജ്സില്‍ നിന്ന് എങ്ങനെ ബ്ലോഗിന്ടെ ട്രാഫിക് കൂട്ടാം

നമ്മള്‍ എല്ലാവരും ബ്ലോഗ്‌ എഴുതുന്നവരാണ്.ഇഷ്ടം പോലെ ഇമേജ് അപ്‌ലോഡ്‌ ചെയുന്നവരാണ് .അവയെല്ലാം നമ്മളുടെ content നേക്കാള്‍ വേഗം ഗൂഗിളില്‍ index ചെയും .എന്നാല്‍ അവയെല്ലാം ഒരു framil ആണ് കാണിക്കുന്നത് .നമ്മുടെ ബ്ലോഗ്‌ പുറകില്‍ ലോഡ് ആകും .

ഈ ഫ്രെയിം ഒന്ന് കളഞ്ഞാലോ ,അങ്ങനെയാണെങ്കില്‍ സെര്‍ച്ച്‌ ചെയുന്നവര്‍ ചിലപ്പോള്‍ നമ്മുടെ മറ്റു പോസ്റ്റുകളും വായിച്ചേക്കാം .ശരിയല്ലേ അത്

അതിനു ചില tricks ഉണ്ടു

1. ബ്ലോഗറില്‍ Design എടുക്കുക
2.Edit HTML
3. Expand Widget Templates എടുക്കുക
4.താഴേ കാണുന്ന കോഡ് </head> എന്നത്നു മുകളില്‍ പേസ്റ്റ് ചെയൂക

<script language='Javascript'>
if(parent.location != self.location)
{
parent.location=self.location;
}
</script>

ഇത് ശരിയയില്ലെങ്കില് മറ്റൊന്ന് കൂടി ട്രൈ ചെയുക .രണ്ടും ഇട്ടാലും കുഴപ്പമില്ല

<script type='text/JavaScript'>
if (parent.frames.length > 0)
top.location.replace(document.location);</script>

കൂടുതല്‍ വിവരങ്ങള്‍ക്കും വീഡിയോ കാണാനും ഇവിടം ക്ലിക്ക് ചെയുക

ഗെറ്റ് മോര്‍ ട്രാഫിക്‌ ഫ്രം ഗൂഗിള്‍

[ Read More ]