திங்கள், 28 நவம்பர், 2011

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

தமிழ் வலை பதிவுகளுக்கு அதிகமான வாசகர்கள் திரட்டிகளில் இருந்துதான் வருகிறார்கள்.  திரட்டிகளில் நமது இடுக்கைக்கு அதிக ஒட்டு விழுந்தால் தான் நமது பதிவுகள் திரட்டிகளின் முகப்பு பக்கத்தில் தோன்றும்.  திரட்டிகளில் இருந்தது நமது வலைபதிவுக்கு வரும் வாசகர்கள்
நம் வலைபதிவில் ஒட்டுப்பட்டை இல்லை என்றால் பதிவை படித்துவிட்டு
ஒட்டு போடாமல் சென்றுவிடுவார்கள் திரட்டிகளுக்கு சென்று ஒட்டு போட அவர்களுக்கு நேரம் இருக்காது.  அதனால் தான் நமது வலைபதிவில் கண்டிப்பாக ஒட்ட்டுப் பட்டைகள் இருக்க வேண்டும்.   எப்படி இணைப்பது என்பதை பார்க்கலாம்.
முதலில் 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 வைத்திருந்தால் நீக்கவேண்டாம்.


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


 நன்றி. 

சனி, 26 நவம்பர், 2011

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 தயார்.

நன்றி.

புதன், 23 நவம்பர், 2011

Blogger Template 'ஐ சுலபமாக Edit செய்யலாம்.

Color Picker என்ற மென்பொருளை பயன்படுத்தி நமக்கு வேண்டிய வடிவில் வேண்டிய color 'களில் நம் வலைப்பதிவை சுலபமாக மாற்றிக் கொள்ளலாம்.  இதை எப்படி செய்வது என்பதை படிப்படியாக பார்க்கலாம்.  முதலில் Color Picker மென்பொருளை கீழே உள்ள Download பொத்தானை அழுத்தி Download செய்துக் கொள்ளுங்கள்.

Download செய்து Install செய்துக் கொள்ளுங்கள்.

மென்பொருளை Open செய்யுங்கள் கீழே படத்தில் உள்ளது போல தோன்றும். 


பிறகு Pick Color பொத்தானை அழுத்தி,  உங்கள் வலைபதிவில் எந்த Color 'ஐ மாற்ற வேண்டுமோ அந்த color 'ஐ தேர்ந்தெடுங்கள்.

இப்போது நீங்கள் தேர்வுசெய்த கலருடைய HTML Code (ex: #808080) தோன்றும்.

அந்த கோடிங்கை Edit Html பகுதிக்கு சென்று (CTRL+F) அழுத்தி கண்டுபிடித்து உங்களுக்கு வேண்டிய கலரின் HTML Code கொடுத்து எழுத்து மற்றும் வலைப்பதிவின் மற்ற பக்கங்களில் உள்ள Color 'களை மாற்றிக் கொள்ளலாம்.

 அல்லது நீங்கள் தேர்வுசெய்த Color Edit HTML பகுதில் வரவில்லை என்றால் அது ( Background Images ) படங்களைக்கொண்டு வடிவமைக்கப் பட்டிருக்கலாம்.

இந்த படங்களை மாற்றுவதற்கு படங்களின் மீது Right Click செய்து View Background Image என்பதை தேர்ந்தெடுங்கள்.

Background Image URL 'ஐ Firefox Browser 'ன் Address Bar 'ல் பெற்றுக் கொள்ளலாம்.



இந்த URL 'ஐ Edit Html பகுதிக்கு சென்று (CTRL+F) அழுத்தி கண்டுபிடித்து உங்களுக்கு வேண்டிய Image URL 'ஐ கொடுத்து மாற்றிக் கொள்ளலாம்.

இந்த Background Image காணும் வசதி Firefox Browser 'ல் உள்ளது.

இது என்னுடைய பழைய பதிவு

பதிவர்கள் ஒன்றுக்கு மேற்ப்பட்ட உலாவிகளை பயன்படுத்த வேண்டும் ஏன்?

நன்றி.

ஞாயிறு, 20 நவம்பர், 2011

Blogger Comments Profile Image தெரியவில்லையா இதோ தீர்வு.

நம் வலைபதிவில் நாம் Comment எழுதும்போதும் மற்றவர்கள் Comment எழுதும்போதும் வலது அல்லது இடது பக்கத்தில் Comments Profile இமேஜ் தோன்றும் இதை நமது வலைபதிவில் எப்படி தொன்றவைப்பது என்பதைப் பார்க்கலாம்.  இதில் ஒரு சிறிய பிரச்சனை உள்ளது அதை சரிசெய்வதும் மிக சுலபம் கீழே கொடுத்துள்ள வழிமுறைகளை பின்பற்றி பயன்பெறுங்கள்.



முதலில் Dashboard ==>  Design ==>  Edit HTML ==>  Download Full Template என்பதை தேர்வுசெய்து உங்கள் வலைப்பதிவை Backup எடுத்து வைத்துக் கொள்ளுங்கள்.

 பிறகு Settings ==> Comments ==> Show profile images on comments? ==> Yes என தேர்ந்தெடுக்கவும்.
பிறகு Save Settings கொடுத்து வெளியேறுங்கள் இப்போது உங்கள் பதிவுகளில் profile image தெரியும்.

அப்படியும் profile images தெரியவில்லை என்றால் META TAG 'ல் உங்களுடைய title tag 'ஐ கண்டுபிடியுங்கள் கீழே உள்ளவாறு இருக்கும்.

( CTRL+F ) அழுத்தி title tag 'ஐ கண்டுபிடியுங்கள்.

<title>தமிழ் கம்ப்யூட்டர்</title>

கண்டுபிடித்த கொடிங்கின் மேலே கீழே உள்ள கோடிங்கை Paste செய்யுங்கள்.

<b:include data='blog' name='all-head-content'/>

மேலே உள்ள கோடிங்கை நாம் META TAG இணைக்கும்போது தவறுதலாக அழித்திருக்கலாம் இதனால் Comments Profile image தெரியாமல் போய்விடுகிறது..

பிறகு  SAVE TEMPLATE என்பதை அழுத்தி சேமித்துக் கொள்ளுங்கள்.
 இப்போது உங்கள் பிளாக்கில் profile image காட்சியளிக்கும்.

நன்றி.

வியாழன், 17 நவம்பர், 2011

Comment Reply button புதிய பிளாகருக்காக

நம் வலை பதிவிற்கு வருபவர்கள் நம் வலைப்பதிவை படித்துவிட்டு அதில் எதாவது குறைகள் அல்லது அவர்களுக்கு எதாவது சந்தேகம் வந்தால் நமக்கு Comments எழுதுகிறார்கள்.  அவர்களுக்கு பதிலளிப்பது நமது கடமை அதற்க்காகதான் இந்த Comment Reply Button உதவுகிறது.  இதை எப்படி நம் வலைபதிவில் இணைப்பது என்பதை பார்க்கலாம்.

முதலில் Dashboard ==>  Design ==>  Edit HTML ==>  Download Full Template என்பதை தேர்வுசெய்து உங்கள் வலைப்பதிவை Backup எடுத்து வைத்துக் கொள்ளுங்கள்.

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


<data:commentPostedByMsg/>


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


<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>[Reply]</a></span>



இப்போது மேலே உள்ள கோடிங்கில் சிவப்பு வண்ணத்தில் உள்ள YOUR-BLOG-ID என்பதற்கு பதிலாக உங்களுடைய ப்ளாக் ID 'யை சேர்த்துக்கொள்ளுங்கள்.

 பிறகு மேலே சிவப்பு வண்ணத்தில் உள்ள [Reply] என்பதற்கு பதிலாக Button வேண்டும் என்றால் [Reply] என்பதை நீக்கிவிட்டு கீழே உள்ள கோடிங்கை இணையுங்கள்.


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSUNAcqfDk5umtlmhl0lwwVfn5P8IIXCBV0ga4uAglExbsUqArI3yEEGYbeWLIyW6NpbnYtcnUthmwTvosuYT4ubkmSht_U5cP8NUI87gH2mdk4wf_kq-8sNoOqfWhmQgd0WjXIgFMczg/s1600/reply01.png'/>


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

மேலே சிவப்பு வண்ணத்தில் இருப்பதுதான் உங்கள் Reply Button Image URL.

பிறகு உங்களுக்கு இந்த Button பிடிக்கவில்லை என்றால் கீழே உள்ள படங்களில் எந்த படம் உங்களுக்கு பிடிக்கிறதோ அந்த படத்தின் URL 'ஐ பயன்படுத்திக் கொள்ளுங்கள்.

 


நன்றி...
  

ஞாயிறு, 6 நவம்பர், 2011

Blogger admin comments 'ஐ தனித்துக் காட்டுவது எப்படி?

ப்ளாக் வைத்திருக்கும் அனைவரும் தங்கள் பிளாக்கர் பதிவை அழகாக வைத்திருக்க வேண்டும் என்று எண்ணுவர் அவர்களுக்காக இந்த பதிவையும் எழுதுகிறேன்.  மற்றவர்கள் Comments 'ஐயும், நமது ( Admin ) Comments 'ஐயும் தனித்துக் காட்டினால் அது Comments பகுதியை அழகாக வைத்திருக்கும்.
அதற்க்கான வழிமுறைகளை பார்க்கலாம்.




முதலில் Dashboard ==>  Design ==>  Edit HTML ==>  Download Full Template என்பதை தேர்வுசெய்து உங்கள் வலைப்பதிவை Backup எடுத்து வைத்துக் கொள்ளுங்கள்.


பிறகு  Dashboard ==>  Design ==>  Edit HTML ==> Expand Widget Templates என்ற இடத்தில் டிக் அடையாளம் ஏற்படுத்திக் கொள்ளுங்கள்.

பிறகு ( CTRL+F ) அழுத்தி கீழே உள்ள கோடிங்கை கண்டுபிடியுங்கள்.

]]></b:skin>

பிறகு கண்டுபிடித்த கோடிங்கின் மேலே கீழே உள்ள கோடிங்கை paste செய்யுங்கள்.
.comment-body-author {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVuLXwkAXZgBtCwGhvCuln7nE6_TMCCGru0B2H2GHjmWjc8ACkj38n_lFpmhEOMxfhVUoqg3easWvsLX-_MOPaewOeVids48V0dZunuMO7P05gTMhp9iEQoK6HLnlb1anVFnfq9ieJKJE/h80/admin.gif") no-repeat scroll right bottom #BFE3FE;
border: 1px solid #80C8FE;
-moz-border-radius: 6px;-webkit-border-radius: 6px;
padding:5px 35px 3px 3px;
}

மேலே நீல வண்ணத்தில் உள்ள IMAGE URL 'க்கு பதில் உங்களுக்கு பிடித்த படத்தின் URL 'ஐ சேர்க்கலாம்.
பிறகு SAVE TEMPLATE என்பதை அழுத்தி சேமித்துக் கொள்ளுங்கள்.
 இதனுடன் முடிந்து விடவில்லை உங்கள் Blogger Template பழைய மாடலாக இருந்தால் கீழே உள்ள கோடிங்கை கண்டுபிடியுங்கள்.
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
  
இந்த கோடிங்கை கண்டுபிடித்தவுடன் கீழே நீல வண்ணத்தில் உள்ள கோடிங்கை மட்டும் நீங்கள் சேர்க்க வேண்டும்.

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd> </b:if>

<dd class='comment-footer'>
 பிறகு  SAVE TEMPLATE என்பதை அழுத்தி சேமித்துக் கொள்ளுங்கள்.
( அல்லது )
உங்கள் Blogger Template புதிய மாடலாக இருந்தால் கீழே உள்ள கோடிங்கை கண்டுபிடியுங்கள்.
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
 இந்த கோடிங்கை கண்டுபிடித்தவுடன் கீழே நீல வண்ணத்தில் உள்ள கோடிங்கை மட்டும் நீங்கள் சேர்க்க வேண்டும். 
     <b:if cond='data:comment.author == data:post.author'>
    <dd class='comment-body-author'>
    <p><data:comment.body/></p>
    </dd>
    <b:else/>

    <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p>
    <data:comment.body/>
    </p>
    </b:if>
    </dd>

    </b:if>

    <dd class='comment-footer'>

பிறகு  SAVE TEMPLATE என்பதை அழுத்தி சேமித்துக் கொள்ளுங்கள்.
இப்போது நமது ( Admin )  கருத்துரை மட்டும் மேலே உள்ள படத்தில் உள்ளது போல காட்சியளிக்கும்.

நன்றி.

தமிழ் திரட்டிகளுக்கான Share Button

உங்கள் நேரத்தை சேமிப்பதற்கான சிறிய முயற்சி தமிழ் திரட்டிகளுக்கான Share Button  நீங்களும் உதவலாம். இதோ லிங்க்: http://help.tamilblo...