கோப்பிலிருந்து Random பதிவை காண்பிக்க

உங்கள் பதிவு இடுகை ஒன்றை படித்த ஒருவர் உங்கள் முந்தைய இடுகை ஒன்றை Randomஆக எடுத்துப் படிக்க வகை செய்ய கீழ்கண்ட வார்ப்புரு மாற்றங்களை செய்யுங்கள்.

1. வார்ப்புரு(Template) மாற்றுமிடத்துக்குச் சென்று. Edit HTML தேர்வு செய்து உங்கள் வார்ப்புருவின் HTMLஐ சேமித்து வைத்துக்கொள்ளுங்கள்.
2. Expand Widget Templatesஐ தேர்வு செய்யுங்கள்.
3. கீழ் வரும் நிரலை /head> என்பதற்கு முன்பாக ஒட்டுங்கள்.

<script type="text/javascript">//<![CDATA[var _yourBlogUrl = "http://purplemoggy.blogspot.com";function randomPost() { var script = document.createElement("script"); script.setAttribute("type", "text/javascript"); var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTotalPostsCallback&start-index=1&max-results=1"; script.setAttribute("src", theUrl); document.documentElement.firstChild.appendChild(script);};function getTotalPostsCallback(json) { var totalResults = json.feed.openSearch$totalResults.$t; if (totalResults > 0) { getRandomPostNumber(totalResults); }};function getRandomPostNumber(totalResults) { var randomNumber = Math.floor((Math.random() * totalResults) + 1); getRandomUrl(randomNumber);};function getRandomUrl(randomNumber) { var script = document.createElement("script"); script.setAttribute("type", "text/javascript"); var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTheUrlCallback&start-index=" + randomNumber + "&max-results=1"; script.setAttribute("src", theUrl); document.documentElement.firstChild.appendChild(script);};function getTheUrlCallback(json) { var theUrl = json.feed.entry[0].link[0].href; window.location.href = theUrl;}//]]></script>

4. மேலுள்ள நிரலில் var _yourBlogUrl = "http://purplemoggy.blogspot.com/"; என்பதில் உங்கள் பதிவின் சுட்டியை தாருங்கள்.

5. டெம்ப்ளேட்டை சேமித்துவிட்டு Page Elements பகுதிக்குச் சென்று புதிய குறும்பட்டை ஒன்றை Add a Page Element என்பதை க்ளிக் செய்து உருவாக்குங்கள். HTML/JavaScript என்பதை தேர்ந்தெடுத்து (ADD TO BLOG) கீழுள்ள நிரலை ஒட்டுங்கள்.

<a href="javascript:randomPost();">View Random Post</a>

Button வடிவில் வேண்டுமெனில் கீழுள்ள நிரலை பயன்படுத்தவும்.

<input type="button" onclick="randomPost();" value="View Random Post">

இரண்டிலுமே "View Random Post" என்பதை எடுத்துவிட்டு தமிழில் தரலாம்.

உதாரணத்திற்கு தேன் பதிவைப் பார்க்கலாம்.

நன்றி: Purplemoggy