HTML Code 'ஐ ஒரு அழகான பெட்டிக்குள் வைப்பது எப்படி?

நமது பிளாக்/தளத்தின் லோகோ மற்றவர்க்கு வழங்குவதற்கும், மற்றும் டூல்பார், Widget வழங்குவதற்கும் HTML மற்றும் JavaScript போன்ற இனைய மொழிகளைதான் பயன்படுத்துகிறோம்.  அதை வழங்குவதற்கு ஒரு அழகான பெட்டியினுள்
வைத்து வழங்கினால் இடம் அதிகமாக பிடிக்காது, அழகாகவும் இருக்கும்.  சரி எப்படி இந்த பெட்டியை எப்படி உருக்குவது என்று பார்க்கலாம்.

கீழே உள்ள படத்தில் உள்ளது போல உங்கள் HTML Code தோன்றும்.

முதலில் உங்கள் பிளாக்கர் தளத்தில் உள்நுழைந்துக் கொள்ளுங்கள்.

 

பிறகு Dashboard ==>  Design ==>  Add a Gadget ==>  HTML/JavaScript சென்று கீழே கொடுத்துள்ள கோடிங்கை காப்பி செய்து பேஸ்ட் செய்துக் கொள்ளுங்கள்.

<textarea name="textarea" cols="40" rows="4" wrap="VIRTUAL">=====your
code=====</textarea>

பிறகு மேலே சிவப்பு வண்ணத்தில் இருக்கும் your code என்பதை நீக்கிவிட்டு உங்களது HTML Code 'ஐ கொடுங்கள்.

பச்சை வண்ணத்தில் உள்ள cols="40" என்பதுதான் பெட்டியின் உயரம் உங்களுக்கு வேண்டிய அளவு உயரத்தை அமைத்துக் கொள்ளலாம்.

நீலே வண்ணத்தில் உள்ள rows="4" என்பதுதான் பெட்டியின் அகலம் உங்களுக்கு வேண்டிய அளவு அகலத்தை அமைத்துக் கொள்ளலாம்.

பிறகு Widget 'ஐ சேமித்துக் கொள்ளுங்கள் இப்போது உங்கள் வலைபதிவில் HTML Code அழகான பெட்டிக்குள் தோன்றும்.

நன்றி.

வலைப்பதிவில் எத்தனை கருத்துரைகள் மற்றும் பதிவுகள் உள்ளன.

நம் வலைப்பதிவில் எத்தனை கருத்துரைகள் மற்றும் பதிவுகள் உள்ளன.   என்று கேட்டால் உடனே பிளாக்கரில் நுழைய தேவையில்லை நம் வலைபதிவிலே அதற்க்கான Widget நிறுவிக்கொண்டு எப்போது வேண்டுமானாலும் நமது  வலைபதிவில் எத்தனை பதிவுகள் மற்றும் கருத்துரைகள் உள்ளது என்பதை பார்த்துக் கொள்ளலாம்.  அந்த Widget கோடிங்கை கீழே கொடுத்துள்ளேன் இணைத்துப் பயன்பெறுங்கள்.

முதலில் Dashboard ==>  Design ==>  Add a Gadget ==>  HTML/JavaScript சென்று கீழே கொடுத்துள்ள கோடிங்கை காப்பி செய்து பேஸ்ட் செய்துக் கொள்ளுங்கள்.

<center><script style="text/javascript">
    function numberOfPosts(json) {
    document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
    }
    function numberOfComments(json) {
    document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
    }
    </script>
    <font color="blue"><script src="http://tamil-computer.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
    <script src="http://tamil-computer.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font></center>

 மேலே சிவப்பு வண்ணத்தில் உள்ள வலைப்பதிவின் URL 'ஐ நீக்கிவிட்டு உங்கள் வலைப்பதிவின் URL 'ஐ சேர்த்துக் கொள்ளுங்கள்.
 
பிறகு உங்கள் Widget 'ஐ செமித்துங்கள்.

நன்றி.

பிளாக்கில் திரட்டிகளின் ஓட்டு பட்டைகள் இணைப்பது எப்படி?

தமிழ் வலை பதிவுகளுக்கு அதிகமான வாசகர்கள் திரட்டிகளில் இருந்துதான் வருகிறார்கள்.  திரட்டிகளில் நமது இடுக்கைக்கு அதிக ஒட்டு விழுந்தால் தான் நமது பதிவுகள் திரட்டிகளின் முகப்பு பக்கத்தில் தோன்றும்.  திரட்டிகளில் இருந்தது நமது வலைபதிவுக்கு வரும் வாசகர்கள்
நம் வலைபதிவில் ஒட்டுப்பட்டை இல்லை என்றால் பதிவை படித்துவிட்டு
ஒட்டு போடாமல் சென்றுவிடுவார்கள் திரட்டிகளுக்கு சென்று ஒட்டு போட அவர்களுக்கு நேரம் இருக்காது.  அதனால் தான் நமது வலைபதிவில் கண்டிப்பாக ஒட்ட்டுப் பட்டைகள் இருக்க வேண்டும்.   எப்படி இணைப்பது என்பதை பார்க்கலாம்.
முதலில் Dashboard ==>  Design ==>  Edit HTML ==>  Download Full Template என்பதை தேர்வுசெய்து உங்கள் வலைப்பதிவை Backup எடுத்து வைத்துக் கொள்ளுங்கள்.

பிறகு  Dashboard ==>  Design ==>  Edit HTML ==> Expand Widget Templates என்ற இடத்தில் டிக் அடையாளம் ஏற்படுத்திக் கொள்ளுங்கள்.
 
பிறகு ( CTRL+F ) அழுத்தி கீழே உள்ள கோடிங்கை கண்டுபிடியுங்கள்.

<data:post.body/>

( புதிய வசதிகள் காரணமாக மூன்று அல்லது நான்கு கோடிங்குகள் இருக்கலாம் கவனமாக சேருங்கள் )

கண்டுபிடித்த கோடிங்கின் கீழே.  இங்கே கீழே கொடுத்துள்ள கோடிங்கை பேஸ்ட் செய்யுங்கள்.

<!-- vote button start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script type='text/javascript'> button=&quot;hori&quot;; lang=&quot;ta&quot;; submit_url =&quot;<data:post.url/>&quot; </script> <script src='http://ta.indli.com/tools/voteb.php' type='text/javascript'> </script>

<script src='http://www.tamil10.com/buttons/button2.php' type='text/javascript'>
</script>

<script type='text/javascript'>submit_url = &quot;<data:post.url/>&quot;</script> <script src='http://ulavu.com/evb/button.php' type='text/javascript'/>

<script expr:src=' &quot;http://services.thamizmanam.com/toolbar.php?date=&quot; + data:post.timestamp + &quot;&amp;posturl=&quot; + data:post.url + &quot;&amp;cmt=&quot; + data:post.numComments + &quot;&amp;blogurl=&quot; + data:blog.homepageUrl + &quot;&amp;photo=&quot; + data:photo.url' language='javascript' type='text/javascript'>
</script>
</b:if>
<!--vote button End-->

பிறகு SAVE TEMPLATE என்பதை அழுத்தி சேமித்துக் கொள்ளுங்கள்.

இதில் இன்ட்லி, தமிழ்10, உலவு, தமிழ்மணம் ஆகிய திரட்டிகளின் ஒட்டுப்பட்டைகள் இணைக்கப்பட்டுள்ளது.

தமிழ் 10 ஒட்டுப்பட்டை பிடிக்கவில்லை என்றால் மேலே உள்ள கோடிங்கில் Pink Color 'ல் உள்ள கோடிங்கை நீக்குங்கள்.


இன்ட்லி ஒட்டுப்பட்டை பிடிக்கவில்லை என்றால் மேலே உள்ள கோடிங்கில் Green Color 'ல் உள்ள கோடிங்கை நீக்குங்கள்.


உலவு ஒட்டுப்பட்டை பிடிக்கவில்லை என்றால் மேலே உள்ள கோடிங்கில் Blue Color 'ல் உள்ள கோடிங்கை நீக்குங்கள்.


தமிழ்மணம் ஒட்டுப்பட்டை பிடிக்கவில்லை என்றால் மேலே உள்ள கோடிங்கில் Yellow Color 'ல் உள்ள கோடிங்கை நீக்குங்கள்.

ஒட்டுப்பட்டைகள் முகப்பு பக்கத்தில் தெரியவேண்டு என்றால் மேலே Red Color 'ல் உள்ள கோடிங்குகளை நீக்குங்கள். Read More Button வைத்திருந்தால் நீக்கவேண்டாம்.


 என் வலைபதிவை பிரபலபடுத்த உதவிய திரட்டிகள்


 நன்றி. 

Contact Me Page உருவாக்குவது எப்படி?

Foxyform என்ற இனைய தளம் நமக்கான Contact Me பக்கம் சுலபமாக உருவாக்க வழி செய்துள்ளது இது நிறைய பேருக்கு தெரிந்திருக்கலாம் தெரியாதவர்களுக்காக இதை எழுதுகிறேன்.  இந்த வலைதளத்தில் நமக்கு Account இருக்க வேண்டும் என்ற அவசியம் இல்லை யார் வேண்டுமானாலும்
தங்கள் வலைபதிவிற்கு Contact Me பக்கத்தை உருவாக்கிக் கொள்ளலாம்.   முதலில் Foxyform என்ற
இணைய தளத்தை புதிய Tab 'ல் திறந்துக் கொள்ளுங்கள்.
பிறகு கீழே உள்ள படத்தில் உள்ளது போல் உங்களுக்கு Foxyform தளம் தோன்றும்.

 

YOUR OPTIONS என்ற இடத்தில் உங்களுக்கு தேவையான வசதிகளை தேர்ந்தெடுத்து எழுத்தின் அளவு, வண்ணம், மற்றும் சில மாறுதல்களை மேற்கொள்ளலாம்.

YOUR E-MAIL ADDRESS என்ற இடத்தில் உங்களுடைய மின்னஞ்சல் முகவரியை உள்ளிடுங்கள்.  இந்த மின்னஞ்சல் முகவரிக்கு தான் Contact Me பக்கத்தில் எழுதும் அனைத்தும் வரும்.

பிறகு Create Formular என்ற Button 'ஐ கிளிக் செய்யுங்கள் இப்போது உங்களுக்கு உங்களுடைய Contact Me Form 'க்கான HTML Code கிடைக்கும்.

அந்த HTML கோடிங்கை Copy செய்து கொள்ளுங்கள்.  பிறகு உங்கள் பிளாக்கில் Posting ==> Edit Pages ==> New Page சென்று Page Title 'ஐ Contact Me என்று கொடுங்கள்.

பிறகு கீழே Edit HTML தேர்வுசெய்து Email Me Form HTML கோடிங்கை Paste செய்து PUBLISH PAGE கிளிக் செய்யுங்கள்.

இப்போது உங்கள் பிளாக்கருக்கான Contact Me page தயார்.

நன்றி.