Logo

Link Within உங்கள் ப்லோக்கில் பயன்படுத்தினால். அது அளித்த இடுகைகளை

காண்பிக்கும் நான் பல முறை அவர்களை தொடர்பு கொண்ட போதும்  அவர்களால்

அதை சரி செய்ய முடியவில்லை.மேலும்
Load ஆக ரொம்ப நேரம் எடுக்கும்.
           இது உங்களுக்கும் நேரலாம்.
       
 எனவே நாமாகவே சொந்த ஜாவாஸ்கிரிப்ட் பயன்படுத்தினால் அது உங்களுக்கு 
பின்நாழில் எந்த பாதிப்பையும் ஏற்படுத்தாது.
      அதற்கு பின் வரும் வழிமுறையை பின்பற்றவும்
1.முதலில் Layout > Edit HTML சென்று  "Expand Widget Templates" ஐ டிக்

செய்யவும்



2.இப்பொழுது

</head>

என்பதற்கு பதிலாக பின் வரும் கோடிங்க பேஸ்ட் பண்ணுங்க.

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == 

&quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var 

defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAA

AAAA

AArk/yL95WlyTqr0/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-with-

thumbnails-

for-blogger-pro.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

3.இப்பொழுது இந்த வரியை கண்டுபிடியுங்கள்

<div class='post-footer-line post-footer-line-1'>

அல்லது


இந்த வரியை கண்டுபிடியுங்கள்.

<p class='post-footer-line post-footer-line-1'>

இந்த வரிக்கு கீழாக பின் வரும் கோடிங்கை பேஸ்ட் செய்யுங்கள்.

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == 

&quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + 

&quot;?

alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-

results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if> 
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if 

cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-

widget.html'><img style="border: 0" alt="Related Posts 

Widget For Blogger with 

Thumbnails" src="http://image.bloggerplugins.org/blogger-

widgets.png" /></a><a 

href='http://www.bloggerplugins.org/' ><img style="border: 0" 

alt="Blogger Widgets" 

src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

4.உங்களுக்கு எவளோ இடுகைகள் தேவையோ இதில் உள்ள 5 என்ற எண்ணிற்கு

பதிலாக உங்களுக்கு தேவையானதை போட்டுகொள்ளுங்கள்.

var maxresults=5;


உங்களுக்கு தேவையான தலைப்பை இதில் உள்ள related post என்பதிற்கு


பதிலாக உங்களுக்கு வேண்டும் தலைப்பை போட்டுகொள்ளுங்கள் .



6.உங்கள் இடுகையில் புகைப்படம் படம் இல்லை என்றால்


அதற்கு பதிலாக இதில் உள்ள புகைப்படம் தோன்றும்.

இந்த புகைபடத்தை நீங்கள் மாட்ரி கொள்ளலாம்.

var

defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAA

AArk/yL95WlyTqr0/s400/noimage.png";


7.இதில் உள்ள இடை வெளிக்கோட்டின் நிறத்தை மாற்றுவதக்கு 


var splittercolor="#d4eaf2";

இதில் உள்ள hexadecimal என்னை மாற்றுங்கள்.


8.நீங்கள் இடுகை இட்ட பக்கம் மட்டும் தோன்றாமல் அனைத்து பக்கத்தில்லும் தோன்ற


இந்த வரியை அழித்துவிடுங்கள்

<!-- remove --><b:if cond='data:blog.pageType == 

&quot;item&quot;'>

மற்றும்

<!-- remove --></b:if>

இது உங்களுக்கு மிகவும் பயன்உள்ளதாக அமையும் என்று எதிர்பார்கின்றேன்.

நண்பா இந்த இடுகைக்கு வாக்கு அளித்தால் அனைவரயும் சென்று அடையும்.