ப்ளாகரில் பதிவின் சுருக்கத்தை காட்ட "Automatic Read more hack"

"மேலும் வாசிக்க" என்ற வசதியை ஏற்கனவே நமது tvs50 அவர்கள் எழுதியுள்ளார்.ஆனால் அந்த வசதியில் page break என்ற காரியங்கள் எல்லாம் செய்ய வேண்டிய இருக்கும்.சில நேரங்களில் அதனை செய்ய நாம் மறந்து விடுவோம்.அவ்வாறு மறப்பவர்களுக்கு இந்த பதிவு உதவும் என்று நினைக்கிறேன்:)
இந்த வசதி நாம் எழுதிய (இதற்கு முன்பு எழுதிய பதிவையும்) அனைத்து பதிவுகளையும் சுருக்கி விடும்.இதற்கு நேரடி மாதிரி எனது வலைப்பூவிலேயே உள்ளது

சரி இப்பொழுது இதனை எப்படி செய்வது என்று பார்ப்போம்
குறிப்பு:இதனை செய்வதற்கு முன்பு உங்களது பலகையை ஒரு பாதுகாப்பிற்காக(backup) சேமித்து வைத்துக் கொள்ளுங்கள்.

முதலில் BLOGGGER-->DASHBOARD-->LAYOUT-->EDIT HTML.அதன் பிறகு Expand Widget Templates ஐ மறக்காமல் சொடுக்கி விடவும்.பிறகு கீழே உள்ளதை தேடவும்(Ctrl+F)

</head>
இரெண்டாம் படி:-இதனை தேடிக் கண்டு பிடித்தவுடன் கீழே உள்ளதை சேகரித்து </head> என்ற குறீயீட்டுக்கு மேலே ஒட்டவும்:-

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;

summary_noimg = 500;

summary_img = 450;

img_thumb_height = 100;


img_thumb_width = 120;

</script>

<script src='http://www.mdn.fm/files/88199_fcbow/read-more_auto.js]read-more_auto.js' type='text/javascript'/>
நான் சிகப்பு மையினால் எழுதியதை நீங்கள் உங்களின் விருப்பத்துக்கு ஏற்றவாறு மாற்றிக்கொள்ளாம் .
summary_noimg = 500;- இந்த குறீயீடு ஒரு பதிவிற்கு படம்(thumbnail/image) இல்லாத நிலையில் சுருக்கத்தின் நீளம் ஐநூறாக இருக்கும்.

summary_img = 450;-இந்த குறீயீடு ஒரு பதிவிற்கு படம் இருக்கும் நிலையில் சுருக்கத்தின் நீளம் 450 என்ற நீளத்தில் இருக்கும்.

img_thumb_height = 100;-இந்த குறீயீடு அந்த படத்தின் உயரத்தை குறிக்கும்.


img_thumb_width = 120;-இந்த குறீயீடு படத்தின் அகலத்தை குறிக்கும்.

மூன்றாம் படி:-இதனை முடித்ததும் கீழே உள்ளதை தேடவும்

<data:post.body/>

தேடியவுடன் கீழே உள்ளதை சேகரித்து மேலே உள்ள குறீயீட்டுக்கு பதிலாக ஒட்டவும்:-


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

<data:post.body/><b:else/>

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

<data:post.body/><b:else/>

<div expr:id='"summary" + data:post.id'>

<data:post.body/>

</div><script type='text/javascript'>


createSummaryAndThumb("summary<data:post.id/>");</script>

<div style='clear: both;'/>

<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> மேலும் படிக்க <data:post.title/> </a></span></b:if></b:if>

இந்த "மேலும் படிக்க" என்பதை நீங்கள் எப்படி வேண்டுமானாலும் மாற்றிக்கொள்ளலாம்.அவ்வளவுதான் இது முடிந்து விட்டது:)

2 கருத்துரைகள்:

மிகவும் பயனுள்ள பதிவு ! நன்றி நண்பரே!

மிகவும் பயனுள்ள பதிவு
சதாசிவம்

Post a Comment

தமிழ் எழுத

Related Posts Plugin for WordPress, Blogger...