On Saturday, May 5, 2012 0 comments


இந்த Widget நீங்கள் எந்த இடத்தில் இருக்கிறீர்கள் என்பதை குறிப்பிடும்.அதாவது முதலில் தளத்தின் Home அடுத்து பதிவின் Lable அடுத்தது பதிவின் தலைப்பு என வரிசையாக காட்டும்.இது ஆங்கிலத்தில் BreadCrump என்று பெயர்.இந்த Widget இந்த தளத்தில் உள்ளது போல பதிவி தலைப்புக்கு மேல் தோன்றும்.இது Pageviews அதிகரிக்க ஒரு வகையில் உதவும்.




செய்முறை:
  • Blogger--->Template-->Edit HTML--->Proceed என்பதை கொடுக்கவும்
  • Expand Widget Templates என்பதில் Tick செய்யவும்
]]></b:skin> என்ற Code-ஐ தேடி அதற்கு மேலே பின்வரும் Code-ஐ Paste செய்யவும்(Ctrl+f)
.breadcrumbs
{
float: left;
width: 590px;
font-size: 11px;
margin: 5px 10px 20px 10px;
padding: 0px 0px 3px 0px;
border-bottom: double #EAEAEA;
}
   பிறகு பின்வரும் Code-ஐ தேடி அதை நீக்கவும்(Ctrl+f)
<b:includable id='main' var='top'>
  <!-- posts -->
  <div class='blog-posts hfeed'>

    <b:include data='top' name='status-message'/>

    <data:defaultAdStart/>
(சிவப்பு நிற Coding-கிற்கு இடையில் உள்ள அனைத்தையும் நீக்கிவிடவும்)
நீக்கிய Code-ற்கு பதிலாக பின்வரும் Code-ஐ Paste செய்யவும்

<b:includable id='breadcrumb' var='posts'>

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

<!-- No breadcrumb on front page -->

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
நீங்கள் இங்கே &#187;&#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;&#187; <a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if> </b:loop>
&#187;&#187; <span><data:post.title/></span> </b:if> </b:loop> </div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187;&#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;&#187; Archives for <data:blog.pageName/> </div> <b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
Browse &#187;&#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;&#187; All posts <b:else/>
Browse &#187;&#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;&#187;
Posts filed under <data:blog.pageName/>
</b:if> </div> </b:if> </b:if> </b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<!-- disable default status message
<b:include data='top' name='status-message'/>default status message disabled -->
<b:include data='posts' name='breadcrumb'/><data:adStart/>


சிவப்பு நிறத்தில் உள்ள நீங்கள் இங்கே என்ற இடத்தில் உங்களுக்கு ஏற்றவாறு மாற்றிக்கொள்ளவும்

Save கொடுக்கவும்.அவ்வளவுதான்