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

ப்ளாகரில் பதிவின் சுருக்கத்தை காட்ட "Automatic Read more hack"

"மேலும் வாசிக்க" என்ற வசதியை ஏற்கனவே நமது tvs50 அவர்கள் எழுதியுள்ளார்.ஆனால் அந்த வசதியில் page break என்ற காரியங்கள் எல்லாம் செய்ய வேண்டிய இருக்கும்.சில நேரங்களில் அதனை செய்ய நாம் மறந்து விடுவோம்.அவ்வாறு மறப்பவர்களுக்கு இந்த பதிவு உதவும் என்று நினைக்கிறேன்:)
இந்த வசதி நாம் எழுதிய (இதற்கு முன்பு எழுதிய பதிவையும்) அனைத்து பதிவுகளையும் சுருக்கி விடும்.இதற்கு நேரடி மாதிரி எனது வலைப்பூவிலேயே உள்ளது

சரி இப்பொழுது இதனை எப்படி செய்வது என்று பார்ப்போம்
குறிப்பு:இதனை செய்வதற்கு முன்பு உங்களது பலகையை ஒரு பாதுகாப்பிற்காக(backup) சேமித்து வைத்துக் கொள்ளுங்கள்.

முதலில் BLOGGGER-->DASHBOARD-->LAYOUT-->EDIT HTML.அதன் பிறகு Expand Widget Templates ஐ மறக்காமல் சொடுக்கி விடவும்.பிறகு கீழே உள்ளதை தேடவும்(Ctrl+F)
</head>
இரெண்டாம் படி:-இதனை தேடிக் கண்டு பிடித்தவுடன் கீழே உள்ளதை சேகரித்து </head> என்ற குறீயீட்டுக்கு மேலே ஒட்டவும்:-

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;

summary_noimg = 500;

summary_img = 450;

img_thumb_height = 100;


img_thumb_width = 120;

</script>

<script src='http://www.mdn.fm/files/88199_fcbow/read-more_auto.js]read-more_auto.js' type='text/javascript'/>
நான் சிகப்பு மையினால் எழுதியதை நீங்கள் உங்களின் விருப்பத்துக்கு ஏற்றவாறு மாற்றிக்கொள்ளாம் .
summary_noimg = 500;- இந்த குறீயீடு ஒரு பதிவிற்கு படம்(thumbnail/image) இல்லாத நிலையில் சுருக்கத்தின் நீளம் ஐநூறாக இருக்கும்.

summary_img = 450;-இந்த குறீயீடு ஒரு பதிவிற்கு படம் இருக்கும் நிலையில் சுருக்கத்தின் நீளம் 450 என்ற நீளத்தில் இருக்கும்.

img_thumb_height = 100;-இந்த குறீயீடு அந்த படத்தின் உயரத்தை குறிக்கும்.


img_thumb_width = 120;-இந்த குறீயீடு படத்தின் அகலத்தை குறிக்கும்.

மூன்றாம் படி:-இதனை முடித்ததும் கீழே உள்ளதை தேடவும்

<data:post.body/>

தேடியவுடன் கீழே உள்ளதை சேகரித்து மேலே உள்ள குறீயீட்டுக்கு பதிலாக ஒட்டவும்:-


<b:if cond='data:blog.pageType == "item"'>

<data:post.body/><b:else/>

<b:if cond='data:blog.pageType == "static_page"'>

<data:post.body/><b:else/>

<div expr:id='"summary" + data:post.id'>

<data:post.body/>

</div><script type='text/javascript'>


createSummaryAndThumb("summary<data:post.id/>");</script>

<div style='clear: both;'/>

<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> மேலும் படிக்க <data:post.title/> </a></span></b:if></b:if>

இந்த "மேலும் படிக்க" என்பதை நீங்கள் எப்படி வேண்டுமானாலும் மாற்றிக்கொள்ளலாம்.அவ்வளவுதான் இது முடிந்து விட்டது:)

விலாசப்பட்டையில்(address bar) உள்ள ப்ளாகரின் சின்னத்தை(icon) எடுத்து விட்டு நாம் விரும்பிய சின்னத்தை பதிய வைப்பது எப்படி?

அனைவருக்கும் தங்களது சின்னத்தை வலைப்பூவின்(blog) விலாசப்பட்டையில்(address bar) பதிய வைக்க ஆசை உண்டு. ஆனால் என்ன செய்வது அங்கு தான் ப்ளாகரின் சின்னம் இருக்கிறதே அதனை எப்படி நாம் எடுப்பது என்று யோசிக்கிறீர்களா? அதற்காகத்தான் இந்த பதிவு.
இதற்கு வேண்டுவன உங்களுக்கென்று ஒரு சின்னம் மட்டும் தான்!அந்த சின்னத்தை ஆங்கிலத்தில் Favicon என்று குறிப்பிடுவார்கள் அதற்கு அர்த்தம் விரும்பிய சின்னம்(Favourite icon) ஆகும். அது போகட்டும் இந்த சின்னத்தை எப்படி உருவாக்குவது என்று உங்களுக்குள் கேள்வி எழும் அதற்கு கிழே உள்ள இணைப்பை(link) ஒரு சொடுக்கு சொடுக்கினால் போதுமானது,
நேரடி மாதிரிக்கு எனது விலாசப்பட்டையை பார்க்கவும் அங்கு ப்ளாகரின் சின்னம் இல்லாமல் எனது சின்னமாகிய cp என்ற சின்னம் இருக்கும்.

http://www.favicon.cc/ - இந்த இணைப்பு ஒரு சின்னத்தை உருவாக்க.

http://www.html-kit.com/favicon/ - இந்த இணைப்பு உங்களது படங்கள் அல்லது வேறு படங்களை சின்னமாக மாற்ற.
http://www.genfavicon.com/ - இதுவும் அதே போன்று தான்.
http://www.favicongenerator.com/ - " "

நமக்கு இதெல்லாம் ஒத்து வராதுப்பா! என்று கூறுவோர் ஏற்கனவே தயார் செய்த(ready made) சின்னத்தை இங்கு எடுத்துக் கொள்ளுங்கள்

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

http://www.myimgs.net/index.php

http://photobucket.com/

மேலேற்றியவுடன் அது ஒரு முகவரியை தரும் அதனை சேகரித்து வைத்துக் கொள்ளுங்கள்.

பிறகு ப்ளாகர் கணக்கிற்கு செல்லவும்.அங்கு சென்று, LAYOUT-->EDIT HTML ‍ன் கீழ் இதனை தேடவும்:
</head>


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


<link href='YOUR-FAVICON-URL' rel='shortcut icon'/>
<link href='YOUR-FAVICON-URL' rel='icon'/>

YOUR-FAVICON-URL என்ற இடத்தில் மேலேற்றிய முகவரியை குறிப்பிடவும். இதில் ஏதேனும் சந்தேகம் இருந்தால் தெரிவிக்கவும்!

நிரல்பலகைகளை(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

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

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





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