கூகுள் டாக்கை உங்கள் வலைப்பதிவில் இணைப்பது எப்படி?

வலைப்பதிவுகளில் பலவிதமான சாட் தொடர்பு விட்ஜட்டுகளை பலரும் இணைப்பதை பார்த்திருக்கலாம். கூகுள் டாக் விட்ஜட்டை இந்த மாதிரி வலைப்பதிவின் பக்கப் பட்டியில் (சைடுபார்) இணைப்பது எப்படி?



பதிவுகளில் இந்த நிரலை எடுத்து இணைத்துக் கொண்டால் கூகுள்டாக் உங்கள் பதிவுக்கு வந்து விடும்.

Dashboard - Layout

- Template - page element

- Add a Page Element

- HTML/JavaScript - ADD to BLOG.

<iframe width="234" frameborder="0" src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&relay=http%3A%2F%2Fwww.google.com%2Fig%2Fifpc_relay" height="350"></iframe>

Blogger ன் மறுமொழி பொட்டி இப்பொ.. பதிவுப் பக்கத்திலே !!!

கவனிக்கவும் :- Settings - Comments - Show Comments in POP-UP window ... ல் YES ன்னு கண்டிப்பா கொடுக்கணும்.. அப்போ தான் இது வேலை செய்யும்.. பதிவிலேயே சொல்ல மற்ந்ததுக்கு மன்னிக்கணும்

நம்ம பதிவர் மக்கள்ஸ் ஏக்கத்துக்கு இன்னியோட ஒரு விடிவுகாலம் வந்தாச்சு.. பதிவுகள் பக்கத்திலேயே பின்னுட-பொட்டி இருந்தா எவ்வளவு நல்லா இருகும் ( ரொம்பவே உதவியும் கூட) ன்னு நாமெல்லாரும் ஏங்கியிருப்போம்... ஒரு புண்யவான் ரொம்ப சிரமபட்டு ஒருவழியா பின்னுடபொட்டிய்யை பதிவுபக்கத்துக்கே கொண்டுவந்து சாதிச்சு காட்டியிருக்கார்..என்னடா தீபா இப்படி சொல்லறாங்களே.. இது நிஜமாவே சத்தியமா ? ? ... இல்லை சும்மா பிலிம் காட்டறாங்களா..ன்னு மோவாய்கட்டைய்யை தடவுறவங்க தொடுவானத்திலே ஏதாவது ஒரு பதிவை க்ளிக்கி பாருங்க... பதிவு முடிஞ்சப்புறம்.. நீங்க போட்ட பின்னூடம் உங்களை பார்த்து சிரிக்கும்... ஏன்னா இப்போ ஜோடியா பின்னூட பொட்டியும் இருக்கே..
செய்முறை விளக்கம் இதோ

1. Template - Edit HTML லிருந்து.. உங்களுடை டெம்ப்ளேட்டை பத்திரப்படுத்தி கொள்ள்வும்
2. Expand widgets template ல் tick-mark போடவும்
3. கீழே இருக்கும் கோடை கண்டுபிடித்து.. சிகப்பு நிறத்திலிருக்கும் கோடை சேர்க்கவும்

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<!-- jackbook.com part 1 start -->
<!--
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<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>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
-->
<!-- jackbook.com part 1 ends -->
<!-- actually i almost do nothing with your template, just add that comment, you did it :) -->

<div id='comment-parent' style='padding-bottom: 20px;' onmouseover='showcomment("hoverme", "comment-child");'>
<h3 id='hoverme' style='display:block;'>
<img alt='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.' src='http://lifewg.googlepages.com/html-code-leave-comment.gif' title='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.'/>
</h3>

<!-- this iframe below is your comment form. you can change the height, or add more style property into it -->
<div id="comment-child" style='border: none; display: none; height:750px; width: 420px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'>
<iframe style='border:none;' expr:src='data:post.addCommentUrl' height='100%' scrolling='yes' width='100%'/>
<br/>
<a href='http://www.jackbook.com/2007/06/how-to-make-readers-leave-comment.html' title='Want to have this on your blogger/blogspot?'>Comment Form under post in blogger/blogspot</a>
</div>
<!-- end of iframe -->

</div>

</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>

4. கீழே இருக்கும் கோடை </body> ... tag க்கு மேலே எழுதவும்

<!-- www.jackbook.com -->
<!-- this to hide and show el -->
<script languange='javascript'>function showcomment(a,b){var jackbookdotcom = document.getElementById(a);jackbookdotcom.style.display = 'none';jackbookdotcom = document.getElementById(b);jackbookdotcom.style.display = 'block';}</script>
<!-- www.jackbook.com -->

5. கீழே இருக்கும் கோடை கண்டுபிடித்து சிகப்ப நிறத்திலலிருப்பதை மட்டும் மாற்றி எழுதவும்

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<a class='comment-link' expr:href='data:post.url + "#comments"' >
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/>
<b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>

6. Template ஐ Save செய்து பதிவு பக்கத்தை பாருங்க

என்ன.. செய்துபார்க்க கை துடிக்குமே... செய்து பார்த்து மறக்காம இதை சாதிச்ச புண்யவானுக்கும் நன்றி சொல்லிடுங்க

மறுமொழிப் பக்கத்தின் நீளம் - அகலத்தை மாற்ற;-
Template ல் கீழே சுட்டிக்காட்டியிருக்கும் கோடை கண்டுபிடிக்கவும்

<!-- this iframe below is your comment form. you can change the height, or add more style property into it -->
<div id="comment-child" style='border: none; display: none; height:750px; width: 420px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'>
<iframe style='border:none;' expr:src='data:post.addCommentUrl' height='100%' scrolling='yes' width='100%'/>
<br/>
<a href='http://www.jackbook.com/2007/06/how-to-make-readers-leave-comment.html' title='Want to have this on your blogger/blogspot?'>Comment Form under post in blogger/blogspot</a>
</div>
<!-- end of iframe --> e ல் கீழே சுட்டிக்காட்டியிருக்கும் கோடை கண்டுபிடிக்கவும்

அதில் <div id="comment-child" style='border: none; display: none; height:750px; width: 420px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'> உள்ள height:750px; width: 420px; ஐ.. இப்படி மாத்தி எழுதலாம்..

width:99%.. Height க்கு உங்கள் விருப்பம் போல் செய்யலாம்..

<div id="comment-child" style='border: none; display: none; height:850px; width: 99%; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'>

Blidget - உங்க photoblog ஐ ட்ரைலர் மாதிரிக் காட்டுங்க

நம்ம தமிழ் மக்கள் பல பேருக்கு "படம்-காட்டரது"..ன்னா ரொம்ப பிடித்தமான விஷயம்... அய்யோ !.. எதுவும் வில்லங்கமா சொல்லலை... நம்ம செல்லா & குழு நடத்தும் Photography In Tamil ஐ தான் சொன்னேன்.. அங்கே கிளாஸ் அட்டெண்ட் பண்ணி இப்பொ நிறைய பேர் புகைப்படங்கள் மட்டுமே பதிவு செய்ய ஒரு தனி-தனி photoblog ஏ வச்சிருக்காங்கன்னா.. எவ்வளவு ஆர்வம் இருக்கணும்

எல்லாரும் ஏதாவது ஒரு திரட்டியை உபயோகித்துக்கொண்டு தான் இருப்பீங்க.. சில பேர் நேரடியா கூகிள்-ரீடர் லே படிப்பீங்க... இன்னும் சில பேர்.. உங்க பிளாகின் sidebar லே ஒரு விட்ஜெட் மாதிரி அதை வச்சிருப்பீங்க.. photoblog க்கு இந்த மாதிரி sidebar லே அம்சமா உட்காரமாதிரி எந்த திரட்டியும் இல்லாம நான் ரொம்ப அவஸ்தை பட்டேன்.. அப்போ தான் இந்த் blidget சமாசாரத்தை தெரிஞ்சுக்கிட்டேன்... இப்போ இங்கே / இங்கே பாருங்க.. ரெண்டு இடத்திலேயும் என் photoblog ல் இருக்கும் படங்களை சும்மா ஒரு ட்ரைலர் மாதிரி பார்க்கலாம்... பட்த்தின் தலைப்பிலே க்ளிக்கினால்.. நேரடியா பதிவுக்கே போகலாம்

இந்த blidget ஐ குறித்து ஏர்க்கணவே ஒரு பதிவு இங்கே போட்டிருக்கேன்.. ஆனா அந்த நேரத்திலே வெறும் english எழுத்துக்கள் தான் சரியா படிக்க முடிஞ்சுது.. தமிழ் (unicode) எழுத்துக்கள் வெறும் டப்பா-டப்பாவா தான் வந்தது... நிறையபேர் கேட்டுகிட்ட்தாலே... இப்போ தமிழ்( unicode) எழுத்துக்களும் அருமையா தரியுது...செய்முறை விளக்கம்.. இதோ

இது widgetbox.com ன் Blidget என சொல்லப்படும். அதாவது உங்கள் பிளாகையே மொத்தமா ஒரு widget ஆக்கிடலாம்.. என்னை பொறுத்தவரையில் இது photoblogs க்கு மிகச்சிறந்தது.. தேவையும் கூட...

செய்வது ரொம்ப சுலபம்
PHASE 1 :- blidget ஐ உருவாக்குவது

1. widgetbox.com ல் ஒரு பயணர் கணக்கு உருவாக்க வேண்டும்
2. Make Blidget ன்னு இருப்பதை தேர்வு செய்து.. உங்கள் phothoblog ன் முகவரியை கொடுக்கவும்
3. அடுத்தது LAYOUT .. இது உங்கள் விருப்பம் பொறுத்தது.. Sidebar லே வைக்கணும்ன்னா Narrow வும்:::: header க்கு கீழே / எல்லா பதிவுகளுக்கும் மேலே ன்னா Wide ஐ தேர்வுசெய்யலாம்
4. DISPLAY ல் header style ஐ title only ன்னு கொடுப்பது தான் photoplog க்கு சிறந்தது...(படத்தை தானே முக்கியமா காட்டணும்...படத்தை குறித்து எழுதியிருப்பதை பதிவிலே படிக்கலாமே)
5. அப்புறம் உள்ளதெல்லாம் சிம்பிள்.. நீங்கள் செய்து கொண்டிருக்கும் இந்த blidget ஐ பொதுஜன பார்வைக்கு வைக்கவும் மற்றும் உங்கள் பிளாக் குறித்து ஒரு சில வரிகளில் சொல்லணும்..

ஈஸி தானே...blidget ஐ publish பண்ணவேண்டியது தான்
PHASE 2 :- blidget ஐ உங்கள் பிளாகில் சேர்ப்பது
இதுக்கு அவங்களே எல்லா option ம் கொடுத்திருக்காங்க.. கீழே இருக்கும் படத்துகு மேலே mouse - move பண்ணினால்..எந்தெந்த platform ல் சேர்க்கலாம் ன்னு தெரிஞ்சுக்கலாம் ( blogger - typepad - goodle - netvibes..etc etc)
                           
நேரடியா அங்கேயிருந்தே உங்க பிளாகிலேயும் சேர்க்கலாம்.. இல்லை get code ங்கிரதை க்ளிக்கி ஜாவஸ்க்ரிப்ட் கோடை தேர்ந்தெடுத்து... உங்கள் பிளாகின் template-page elemnts - add new elelents - html hjavascript element ன்னு செய்தும் சேர்க்கலாம்

அம்புட்டுத்தேன்... ஒண்ணும் பிரம்மவித்தை இல்லை.. இது ஒரு மீள்பதிவு

BloggerDraft அறிமுகபடுத்தும் Search-Widget

நாம எல்லாரும் கூகிளில் பல விஷயத்தை எப்போதுமே தேடிகிட்டே இருப்போம்... சில பேருக்கு கூகிளின் பக்கம் தெரிய சில நொடிகள் காலதாமதமானாலே கையெல்லாம் வெட-வெடன்னு நடுக்கம் வரும்.. அவ்வளவு தூரம் " தேடுதல்"" லில் ஈடுபாடு... பல விஷயங்களை இப்படி தேடி-தேடி தான் படிச்சு தெரிஞ்சுக்கிறோம். சில நேரத்திலே நம்ம பிளாகிலே கூட ஒரு தேடுதல் பொட்டி இருந்தா எவ்வளவு நல்லா இருக்கும்ன்னு நீங்க நினனச்சுப்பார்த்துண்டா ? ? ?ஏதோ ஒரு டாபிக்கை பார்த்தோம்... "அட.. இதை குறித்து நானும் ஒரு பதிவு போட்டேனே... எங்க போச்சு ? ? ? ".... ( இன்னேரத்தில் 150 பதிவுகள் போட்டிருப்பீங்க... ஒவ்வொண்ணாவா தேட முடியும் ? ? )... ஒரு வேளை உங்க வலைபதிவுக்கு வருபவர் தேடும் சொல் உங்க label லே இல்லாமல் இருக்கலலாம்... இந்த மாதிரி சந்தர்பங்களில் இந்த "தேடுதல் பொட்டி" search widget ரொம்பவும் உபயோகமா இருக்கும்.

என்னடா.. நம்ம template - page elements - add elements லே.. இங்கே சொல்லறா மாதிரி search-widget எதுவும் இல்லையேன்னு அவசரபடாதீங்க... இந்த search -widget .. பிளாகரின் புதிய அறிமுகங்கிரதால.... நம்ம தினமும் பார்க்கிர Dashboard லே தெரியாது....அதனாலே உங்க வலையுலாவியில் draft.blogger.com ன்னு type பண்ணூங்க....உங்க dashboard தெரியும்.. அப்படியே மேலே பாருங்க .... Blogger in Draft ன்னு போட்டிருக்கும்.. அதாவது.... பிளாக்ர் ஏதாவது புதுசா அறிமுகபடுத்தினா... அது இனிமேல் உங்கள் Template - page elements - Add New elements ல் தெரியும்...

இதை சேர்க்கும் போது எங்கெல்லாம் தேடலாம்ன்னு உங்க கிட்டே கேக்கும்..

1. இந்த பதிவில் மட்டும் தேடு - Results from This Blog
2. இந்த பதிவில் குடுத்திருக்கும் சுட்டிகளில்் தேடு -Results from the Links used here
3. இணையம் முழுவதும் தேடு - Results from The Web

இப்படி 3 சாய்ஸ் இருக்கு... இதிலே உங்களுக்கு தேவையானதை சொடுக்கி தேட சொல்லலாம். மற்ற விட்ஜெட்டுகள் போலே இதை click - and Drag முறையில் எங்கே வேணும்ன்னாலும் வச்சுக்கலாம்.. தேடுதல் விவரங்கள் ( பதிவுகளின் தலைப்பு.. etc etc) எல்லாமே எப்பவுமே... எல்லா பதிவுகளுக்கு மேலே தான் தேரியும்..

இந்தபொட்டி எப்படி வேலை செய்யும்... தேடிய பிறகு Results ஐ எப்படி காட்டும்ன்னு உங்களுக்கு பரிசோதனை செய்து பார்க்க இங்கே க்ளிக்கவும்