Showing posts with label blogger widgets. Show all posts
Showing posts with label blogger widgets. Show all posts

டிவிட்டர் பறவை பறக்கும் நிரல் இப்பொழுது வெவ்வேறு நிறங்களில் ப்ளாகருக்காக :-

Twitter bird flying widget for blogger  in different colours :-


-----------------------------
இந்த நிரலை யார் வடிவமைத்தார்கள் என்று எனக்கு தெரியவில்லை. ஆனால் இதனை நான் இந்த வலைப்பூவில் கண்டறிந்தேன்
http://vandhemadharam.blogspot.com/2011/04/blog-post.html மற்ற சில தளங்களிலும்.மேலும் இந்த Javascript குறியீடுகளை திருத்த எனக்கு உரிமை இருக்கிறது என எண்ணி இதனை நான் உங்களுக்கு பல நிறங்களில் மாற்றினேன்!
---------------------

இந்த நிரல் மிகவும் வித்தியாசமானது. வாசகர்களை கவர்ந்து இழுக்கக்கூடியது. இதனை நீங்கள் உங்கள் வலைப்பூவில் இணைத்தால் முகப்பு பக்கத்தை தவிர மற்ற பக்கம் அதாவது பதிவுகள் எழுதிய பக்கங்களில் இந்த டிவிட்டர் பறவையானது வாசகர்கள் எங்கெல்லாம் செல்கிறார்களோ (உங்கள் பக்கத்தில் மட்டும்) அங்கெல்லாம் பறந்தது வந்து நிற்கும். அதனை சொடுக்கினால் Tweet this மற்றும் Follow me என்று காட்டும்.இதனால் உங்களுக்கு டிவிட்டரில் பலர் பின்தொடரவும்,டுவீட் செய்யவும் அதிக வாய்ப்பு உண்டு.
இப்பொழுது இதனை எப்படி நிறுவுவது என்று பார்ப்போம்.

1. முதலில் blogger.com செல்லவும்.

2. அதன் பிறகு Design --> Edit HTML செல்லவும்.
 கவனிக்க:- இதனை செய்வதற்கு முன்பு Download full template என்பதனை சொடுக்கி ஒரு தற்காப்பிற்காக பலகைகையை  சேகரித்து வைத்துக் கொள்ளவும்.

3. அங்கு சென்று </body> என்பதனை தேடவும். (Ctrl + F அழுத்தி தேடவும்)

4. அதன் பிறகு கீழே உள்ள குறியீடுகளை சேகரித்து </body> என்ற குறியீட்டின் மேல்  ஒட்டவும்.

இக்குறியீடு நீல நிறப் பறவைக்காக:-

<script src='http://dl.dropbox.com/u/8936154/Flying%20twitter%20bird%20for%20blogger-blue.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var twitterAccount = &quot;Your Twitter Account Name&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>


கவனிக்க :-  மேலே உள்ள குறியீட்டில் சிகப்பு மையினால் சுட்டிக் காட்டியதில் உங்களது டிவிட்டர் கணக்கின் பெயரை கொடுங்கள்.

5. ஒட்டிய பிறகு Save template என்பதனை அழுத்தவும் அவ்வளவுதான். 

இந்த நீல நிறப் பறவை பிடிக்கவில்லை என்றால் இந்த பச்சை நிறப் பறவையை பார்க்கவும்:-

இதற்கான குறியீடு:-
                                    
<script src='http://dl.dropbox.com/u/8936154/Flying%20twitter%20bird%20for%20blogger%20-%20green.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var twitterAccount = &quot;Your Twitter Account Name&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>

இதுவும் பிடிக்கவில்லை என்றால் இந்த சிகப்பு நிறப் பறவையை பார்க்கவும்:-
இதற்கான குறியீடு:-

<script src='http://dl.dropbox.com/u/8936154/Flying%20twitter%20bird%20for%20blogger%20-%20red.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var twitterAccount = &quot;Your Twitter Account Name&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>


கடிசியாக இந்த இளஜ்சிவப்பு நிறம் உங்களுக்கு பிடிக்கும் என எண்ணி.... (முக்கியமாக பெண்களுக்கு!)

இதற்கான குறியீடு :-


<script src='http://dl.dropbox.com/u/8936154/Flying%20twitter%20bird%20for%20blogger-pink.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var twitterAccount = &quot;Your Twitter Account Name&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>

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

நீங்கள் எழுதிய பதிவுகளுக்கு காப்புரிமை பெறுவது எப்படி?

நாளுக்கு நாள் பதிவுத் திருடர்களின் எண்ணிக்கை அதிமாகிக் கொண்டே இருக்கிறது. இந்நிலையில் நாம் நமது பதிவுகளுக்கு காப்புரிமை பெற்றே தீர வேண்டும். காப்புரிமையை எப்படி பெறுவது என்ற சந்தேகம் உங்களிடத்தில் இருக்கும். அந்த சந்தேகத்தை போக்கவே இந்த பதிவு. கீழே உள்ள தளம் உங்களின் பதிவுகளுக்கு காப்புரிமை பெற்றுத் தரும்.
தளத்தின் முகவரி: http://myfreecopyright.com/
இதில் நீங்கள் ஒரு கணக்கை உருவாக்கி அதில் உங்களது செய்தியோடையை (feed) ஒப்படைத்தால் போதுமானது.


இதனால் என்ன பயன்?
உங்கள் பதிவுகளை இவ்வாறு காப்புரிமை பெறுவதன் மூலம் அந்த பதிவுகள் அனைத்தும் நீங்கள் தான் எழுதியது என்று ஒரு அடையாளம் இருக்கும். மேலும் உங்கள் பதிவுகளை பதிவுத் திருடர்கள் திருடினால் "இந்த பதிவு என்னுடையது நான் காப்புரிமை பெற்று உள்ளேன்" என்றும் முறையிடலாம். நீங்கள் புதிதாக எழுதிய பதிவுகள் தானாகவே காப்புரிமை பெற்று உங்கள் மின் அஞ்சலில் "நீங்கள் இந்த பதிவுக்கு காப்புரிமை பெற்று விட்டீர்கள்" என்று வரும். அதனை நீங்கள் பத்திரமாக வைத்துக்கொள்ள வேண்டும். தயவு செய்து அதை அழித்து விடாதீர்கள்!


my free copyright-ல் உங்களது செய்தியோடையை ஒப்படைத்த பிறகு அந்த தளம் ஒரு பொத்தானைத் (button) தரும். அந்த பொத்தானை உங்களது வலைப்பூவின் துணைப் பட்டையில் (sidebar) ஒட்டி விட்டு அதற்கு கீழ்/மேல் "இங்கு உள்ள அனைத்து பதிவுகளும் சரியான முறையில் காப்புரிமை பெற்றவை" என்று எழுதி விடுங்கள்.

உங்களது அனைத்து இடுகைகளையும் ஒரே பக்கத்தில் காண வைப்பது எப்படி? - ப்ளாகர்

இந்த நிரல் பலகை நீங்கள்  இதுவரை எழுதிய அனைத்து இடுகைகளையும் ஒரே பக்கத்தில் காண வைக்க உதவும்.இதோ இது போல:- http://cp-in.blogspot.com/2009/08/blog-post_25.html .இதனை செய்தவர்   அபுபர்ஹான். சரி இப்பொழுது  இதனை எப்படி உங்களது வலைப்பூவில் நிறுவுவது என்று பார்ப்போம் (இதனை நிறுவுவது மிக சுலபம் கவலைப்படாதீர்).

முதலில் BLOGGER-->NEW POST-->EDIT HTML. அங்கு சென்றவுடன் கீழே உள்ளதை சேகரித்து ஒட்டுங்கள்

<script style="text/javascript" src="http://dl.dropbox.com/u/8936154/Table%20of%20contents.js"></script>
<script src="http://Your-Blog-url/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

http://Your-Blog-url/ என்ற  இடத்தில் உங்கள் வலைப்பூவின் முகவரியை குறிப்பிடுங்கள். அதனைக் குறிப்பிட்டவுடன் PUBLISH POST என்பதை  சொடுக்கினால் போதும்!(இதில் ஏதேனும் சந்தேகம் இருந்தால் கருத்துரை இடவும்)

Twitter மற்றும் facebook பயன்படுத்துபவர்களுக்கு இரண்டு பயனுள்ள நிரல் பலகைகள்(Widget):-

Twitter "Follow me" widget:-

இந்த நிரல் பலகை(widget) மற்றவர்கள் உங்களை பின்தொடர உதவும். அது மட்டும் இல்லாமல் நீங்கள் உங்கள் சொடுக்கியை(mouse) மேலும் கீழுமாக ஆட்டும் போது இந்த நிரல் பலகையும் உங்களுடன் சேர்ந்தே நகரும்.இந்த நிரல் பலகையை பெற கிழே உள்ளதை சொடுக்கவும்

http://www.go2web20.net/twitterFollowBadge/

இதே போன்று twitter-ல் நிறைய நிரல் பலகைகள் உள்ளது அந்த நிரல் பலகைகள் எல்லாம் நம் ப்ளாகரே தருகிறது.அதனைப் பெற BLOGGER-->LAYOUT-->ADD WIDGET.


Facebook fan widget:-


இந்த நிரல் பலகை மற்றவர்கள் உங்களின் ரசிகர்கள் ஆக உதவும்.இந்த நிரல் பலகையை பெற கீழே உள்ள இணைப்பை(link) சொடுக்கவும்.
http://www.facebook.com/facebook-widgets/fanbox.php
இதே போன்று facebook-கிலும் நிறைய நிரல் பலகைகள் உள்ளது அதனைப் பெற இங்கு செல்லவும்.

நிரல்பலகைகளை(widgets) வலைப்பூவின் குறிப்பிட்ட இடத்தில் மட்டும் காண வைப்பது எப்படி?

நாம் ஒரு நிரல்பலகையை(widget) வலைப்பூவில் நிறுவினால் அது வலைப்பூவின் எல்லா பக்கங்களிலும் காட்சி அளிக்கும்.ஆனால் சில நிரல்பலகைகள் இந்தந்த பக்கங்களில் இருந்தால் நன்றாக இருக்கும் என்று நம் மனதில் தோன்றும்.அதற்காகத்தான் இந்த சிறிய பதிவை எழுதுகிறேன்:)
இதற்கு முதலில் நீங்கள் எந்த நிரல்பலகையை குறிப்பிட்ட/முதற் பக்கத்தில் மட்டும் காட்ட விரும்புகிறீர்களோ அந்த நிரல் பலகைக்கு ஒரு பெயரை சூட்டுங்கள்(ஒரே பெயரில் பல நிரல் பலகைகளை வைக்காதீர்).
பின்பு "LAYOUT--->EDIT HTML" செல்லவும்.அங்கு சென்றவுடன் "Expand Widget Templates" என்றதை திருத்தவும்/சொடுக்கவும்.இப்பொழுது நான் சொன்னவாறு நீங்கள் நிரல்பலகைக்கு சூட்டிய பெயரை தேடவும்(Ctrl + F).
நீங்கள் தேடியது கீழ் கண்டவாறு இருக்கும்:-


<b:widget id='HTML3' locked='false' title='நிரல் பலகையின் பெயர்' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

இதனை நாம் இப்பொழுது சிறிது திருத்தம் செய்ய வேண்டும கீழே இருப்பது போன்று.
இந்த திருத்தம் நிரல்பலகையை முதற்பக்கம் மட்டும் காண வைக்க:-
<b:widget id='HTML3' locked='false' title='Widget Title' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
நான் சிகப்பு மையினால் குறிப்பிட்டதை மட்டும் சேர்க்க வேண்டும்!

இந்த திருத்தம் குறிப்பிட் பக்கத்தில் மட்டும் காண வைத்தல்:-
<b:widget id='HTML3' locked='false' title='Widget Title' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "SPECIFIC_BLOG_POST_URL"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

" SPECIFIC_BLOG_POST_URL" என்ற இடத்தில் நிரல் பலகையை காட்ட விரும்பும் பக்கத்தின் முகவரியைக் குறிப்பிடவும்.

இந்த திருத்தம் முதற் பக்கத்தைத் தவிர மற்ற பக்கத்தில் காண வைத்தல்:-

<b:widget id='HTML3' locked='false' title='Widget Title' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

இந்த திருத்தம் நிரல் பலகையை குறிப்பிட்ட பக்கத்தில் மட்டும் மறைத்து மற்ற பக்கத்தில் காண வைத்தல்:-

<b:widget id='HTML3' locked='false' title='Widget Title' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "SPECIFIC_BLOG_POST_URL"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
இந்த பதிவு உங்களுக்கு மிகவும் பயன் உள்ளதாக இருக்கும் என்று நம்புகிறேன்!

ப்ளாகருக்கான புதிய கருவிப்பட்டை(toolbar)


இப்பொழுது ப்ளாகரில் அசத்தலான கருவிப்பட்டை(toolbar)!!புதிய தொழில் நுட்பத்தோடு.இந்த கருவிப்பட்டை மூலம் உங்களது சமீபத்திய பதிவுகள்,தளத் தேடல்(site search),இணையத் தேடல்(web search).....என அனைத்தையும் ஒரே இடத்தில் வைத்திடலாம்!!

இந்த கருவிப்பட்டையை நீங்கள் கீழ்க்கண்ட தளத்தின் மூலம் பெறலாம்:-

நான் குறிப்பிட்ட தளத்தில் சென்று ஒரு புதிய கணக்கினை(new account) உருவாக்கவும்,உருவாக்கிய உடன் ஒன்று அல்லது இரெண்டு நாட்களுக்குள் உங்களுக்கு அழைப்பிதல் வரும்.அதன் பிறகு உங்கள் வலைப்பூவிற்கு ஏற்றவாறு வண்ணம்,குறும்படம்(icon) ஆகியவற்றை அமைத்து வலைப்பூவில் நிறுவினால் போதுமானது!!

புக்மார்க் ஐகான்களை(bookmark icon) ஒவ்வொரு பதிவுக்கும் கிழே எப்படி சேர்ப்பது-ப்ளாகர்

சோசியல் புக்மார்க் விஜெட்டை(social bookmark widget) ஒவ்வொரு பதிவுக்கும் கீழே சேர்த்துக்கொள்வதன் மூலம்,உங்கள் பதிவைப் படிப்பவர்களுக்கு அதனை எளிதாக மற்றவர்களிடம் பரிமாறிக்கொள்ளவும் மற்றும் புக்மார்க் செய்துக்கொள்ளவும் மிகவும் உதவும்.இந்த சோசியல் புக்மார்க் விட்ஜெட்டை நீங்கள் எளிதாக பல தளங்களில் பெற்றுக்கொள்ளலாம்.அந்த தளங்களை நான் கிழே பட்டியலிட்டு இருக்கிறேன்.முதலில்

share this:
ஷேர் திஸ்.காம் தரும் சோசியல் புக்மார்க் பட்டன் மிக கவர்ச்சியாகவும்,எளிமையாகவும் இருக்கும்.இதில் உங்கள் பதிவின் லின்குகளை ஈமைல்(email), பிளாக்கர்(blogger),வோர்டுப்ராஸ் (wordpress),டைப்பேட்(typepad),பேஸ்புக்(facebook),மைபேஸ்(myspace) ஆகியவைகளில் எளிதாக பரிமாறிக்கொள்ளாம்.இது மொத்தம் 39 வெப் ஷாரிங்(web sharing) தளங்களை ஆதரிக்கும்.இதற்கு நீங்கள் வெறும் add to blogger என்று அழுத்தினால் போதும் அதுவே தானாக உங்கள் ஒவ்வொரு பதிவுக்கும் கிழே வந்துவிடும்.அந்த ஷேர் திஸ் பட்டனை நீங்கள் இங்கு பெற்றுக்கொள்ளலாம்.

Add this:

இதுவும் ஷேர் திஸ்.காம் போல தான்.ஆனால் இது சிறிது வேகமாக இன்ஸ்டால் ஆகிவிடும்.இதனை நீங்கள் ஒவ்வொரு பதிவிற்கும் கீழே வைக்க சில வேலைகளை செய்யவேண்டிய இருக்கும்.இது ஷேர் திஸ்.காம் போல இன்ஸ்டால் செய்தவுடன் ஒவ்வொரு பதிவிற்கும் கீழே வராது.இதற்கான நேரடி மாதிரி கிழே -->

நேரடி மாதிரி:
Bookmark and Share

இந்த பட்டனைப் பெற:- http://www.addthis.com/web-button-select

Add to any:

இந்த பட்டனை அடைய சைன் அப்(sign up) செய்ய அவசியம் இல்லை.ஆனால் ஷேர் திஸ் மற்றும் ஆட்திஸ்ஸில் கிடைக்கும் வசதிகள் இதில் இல்லை.

நேரடி மாதிரி:Share/Save/Bookmark

பட்டனைப் பெற: http://www.addtoany.com/buttons/

Tell a friend:
இதில் எல்லா வசதிகளும் உள்ளது.இது பார்க்க சுமாராக இருக்கு.மேலும் இதற்கு சைன்அப் செய்ய வேண்டும்!

நேரடி மாதிரி:SocialTwist Tell-a-Friend

பட்டனைப் பெற: http://tellafriend.socialtwist.com/index.jsp

இதோடு இது முடிந்துவிட்டது.

இப்பொழுது இந்த பட்டன் விட்ஜெட்டே எனக்கு வேண்டாம்!எனக்கு ஒரு அழகான,கவர்ச்சியான சோசியல் புக்மார்க் விட்ஜெட் வேண்டும் என்று கூறுபவர்கள் சிறிது கீழே பார்க்கவும்..

1)
இது போன்று எனக்கு வேண்டும் என்பவர்களுக்கு இங்கே செல்லவும் http://www.cahayabiru.com/2009/04/add-sexy-social-bookmark-to-your.html

2)
இதற்கு இங்கே செல்லவும் http://www.tipsblogger.com/2008/12/how-to-add-social-bookmark-links.html

உங்கள் வலைப்பூவில் மற்றவர்கள் டைரக்ட் டவுன்லோட்(direct download) செய்ய என்ன செய்ய வேண்டும்?


ப்ளாகரில் நாம் நேரடி தரவிறக்கம் செய்ய முடியாது.இது நம்மளுக்கு தெரியும்!!அனால் இப்பொழுது நீங்கள் ப்ளாகரில் நேரடி தரவிறக்க செய்யலாம்!!ஆம் box.net இன் மூலம்.இதற்கு முதலில்

1) box.net இல் ஒரு அக்கௌன்டினை உருவாக்கவும்.

2) அங்கு ஒரு போல்டரை(folder) உருவாக்கி உங்களுக்கு விருப்பமானதை அப்லோட்(upload) செய்யவும்.

3) அதனை செய்து முடித்தவுடன் நீங்கள் உருவாக்கிய போல்டரில்(folder) embed folder in your site என்று இருக்கும்,அதனை அழுத்தி உங்கள் வலைப்பூவில் சேர்க்கவும்.

நேரடி மாதிரிக்கு இங்கே பார்க்கவும்:-

உங்களின் வலைப்பூவை தேட ஒரு விட்ஜெட்:

இந்த விட்ஜெட் உங்களின் வலைப்பூவை தேட உதவும்......சொடுக்கி இன்ஸ்டால் செய்யுங்கள்.
Search box for blogger





இதில் size="20" என்பது அந்த விட்ஜெட்டின் வடிவத்தை குறிக்கும்.(எ.கா)ஐம்பது என்று குறிப்பிட்டால் அந்த விட்ஜெட் பெரியதாக காணப்படும்.