இந்த பிளாக்கர் கேஜெட்டானது பார்வையாளர்கள் உரை அளவு மற்றும் தலைப்புகள், பக்கப்பட்டியில் உரை மற்றும் பிந்தைய உரை உட்பட உங்கள் வலைப்பதிவில் எழுத்துரு மாற்ற ஒரு கேஜெட்டாகும். இது இடுகைகளை உரை மறு அளவு பொத்தான்கள் சேர்த்து ஒரு டுடோரியலாக உள்ளது. ஆனால் ஒரு அட்டவணையில் சில வண்ணமயமான சின்னங்கள் கருந்தாய்விலும் முன் ஸ்கிரிப்ட்டுகள் மற்றும் பாணிகள் பல சரிபார்க்கப் பட்டு ஒரு நாகரீகமான உரை மறுஅளவீடு பகுதி மற்றும் கேஜெட்டின் மூலையில்
மிதக்க உரை அளவு மற்றும் தரம் உரை மறுஅளவீடு சின்னத்தை சேர்த்து ஒரு மீட்டமை பட்டனை குறைக்க, உரை அளவு அதிகரிக்க மூன்று பொத்தான்கள் கொண்டு உள்ளது.
டெமோவை பாருங்கள்:
வண்ணமயமான உரை மறுஅளவிடு கேஜெட்டை சேர்ப்பதற்கு:
நீங்கள் மாற்றங்களை செய்யவும் முன் உங்கள் வார்ப்புருவை பேக் அப் எடுத்துக் கொள்ளவும்
Step 1. உங்கள் பிளாகர் டாஷ்போர்டில் Click Design > Edit Html
Step 2. கீழ் கண்ட குறியீட்டை கண்டுபிடிக்கவும்: (குறியீட்டை கண்டறிய உதவ ஒரு தேடல் பட்டியில் கிளிக் செய்யவும் Ctrl மற்றும் F )
</head>Step 3. நேரடியாக பின்வரும் </head> குறியீட்டை மேலே நகலெடுத்து ஒட்டவும்
<!-- Start Text re size gadget by http://www.muruganandam.in -->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script>
$(document).ready(function(){
//ID, class and tag element that font size is adjustable in this array
//Put in html or body if you want the font of the entire page adjustable
var section = new Array('span','.section2');
section = section.join(',');
// Reset Font Size
var originalFontSize = $(section).css('font-size');
$(".resetFont").click(function(){
$(section).css('font-size', originalFontSize);
});
// Increase Font Size
$(".increaseFont").click(function(){
var currentFontSize = $(section).css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;
$(section).css('font-size', newFontSize);
return false;
});
// Decrease Font Size
$(".decreaseFont").click(function(){
var currentFontSize = $(section).css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
$(section).css('font-size', newFontSize);
return false;
});
});
</script>
<!-- End Text re size gadget by http://www.muruganandam.in -->குறிப்பு - முன்பு நீங்கள் உங்கள் வலைப்பதிவில் jQuery ஸ்கிரிப்ட் சேர்க்கப்பட்டது எனில் சிவப்பு குறியீட்டை நீக்கலாம்.
Step 4. கீழ் கண்ட குறியீட்டை கண்டுபிடிக்கவும்: (குறியீட்டை கண்டறிய உதவ ஒரு தேடல் பட்டியில் கிளிக் செய்யவும் Ctrl மற்றும் F )
<div class='post-header-line-1'/>Step 5. நேரடியாக பின்வரும் <div class='post-header-line-1'/> குறியீட்டின் கீழ் நகலெடுத்து ஒட்டவும்
<!-- Start Text re size gadget by http://www.muruganandam.in -->
<b:if cond='data:blog.pageType == "item"'>
<table border='0' style='float:right; margin-left:5px;'><tr><td><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0_KS_6p3mjU_JA58_5h4rocAtlodwJ2pUruWbk2RHcVZUdeBKjks7eRe_tUYUbyjlKil-jZU5G1funRFps0FyKRv_vm24WZ4sljvCw_x7YMNwTkvfFLZ5a53I5Mv4Lhp3YvN_jeMTXms/s1600/font-size-blogger-gadget.png'/> | <a class='increaseFont' style='cursor: pointer; cursor: hand;' title='Larger Text'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKy-KzHEGf0KpLDVmvjU99PQHAAEFowJyopZF0h6xsBgNEvnzP0i3fLqCdjIe1cqcZuDCPqPjOBosB38yVgFGHHipITwqSVOkjMciRgS54Z-0ERtkN8pjoOuE2QkUI_TULYQN7XoMmQ2w/s1600/bigger-font+-+Copy.png'/></a>
<a class='decreaseFont' style='cursor: pointer; cursor: hand;' title='Smaller Text'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIR7pGPnzzh41OB52Z0iUnz14TQ4AZqzvtgMF4QVxEEiyE-35DRURvqVVbfM68cjr7hjAz5FNoYHxjQFFErXqmiUKfmf3YbqUQCSyT8DS2a60FbDwBlc1EJSmsjSdtZNc02m9rDTRhrrQ/s1600/smaller-font.png' style='cursor: hand;'/></a>
<a class='resetFont' style='cursor: pointer; cursor: hand;' title='Reset Text Size'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnkccd6JkZhSfT9WTrY-SogA-rGb1XhKAypRpVHjkYZaQ2r9V_1TuQLOWoxjqKG1_dNTqSkAim3RBXl2niWHXjyo2B-4jIaToWdmeZVWgLv6UJ8z1C6mS60dzCX0JYd9Ni9T8ljd_j6HM/s1600/reset-font.png' style='cursor: hand;'/></a></td></tr></table>
</b:if>
<!-- End Text re size gadget by http://www.muruganandam.in -->Step 6. கீழ் கண்ட குறியீட்டை கண்டுபிடிக்கவும்: (குறியீட்டை கண்டறிய உதவ ஒரு தேடல் பட்டியில் கிளிக் செய்யவும் Ctrl மற்றும் F )
<data:post.body/>Step 7. பின்வரும் குறியிட்டுக்கு பதிலாக <data:post.body/> கீழ்கண்ட குறியிட்டை மாற்றவும் :
<span><data:post.body/></span>Step 8. டெம்ப்ளேட்டை சேமிக்கவும்.
இப்பொழுது அழகான மறு அளவிடு கேஜெட் தயார்.