Blogger Tips - கலர்புல் கமெண்ட், மின்னும் வரிகள், ஒளிரும் வாக்கியங்கள்

உண்மைத் தமிழன், சின்னப்ப்பையன், சுரேகா இவங்களோட பதிவுகளுக்குள் நுழையும் போது ஏதோ தாஜ் ஹோட்டலுக்குள் நுழைந்த கமாண்டோ மாதிரி ஒரு பயத்தோட தான் நுழைய வேண்டி இருக்கும்... ஏனா? அதை கடைசியில் சொல்றேன்.

முதலில் சில உதவிக் குறிப்புகள் பார்க்கலாம். ப்ளாக்காரில் Bold, Italic, நிறம் மாற்றும் முறை, தொடுப்பு (Link) தரும் முறை போன்றவை முன்பே தரப்பட்டுள்ளன. இவை தவிர்த்து சில முறைகளை அறிமுகப்படுத்தவே இந்த இடுகை.

(இதில் உள்ளவை சாதாரண HTML Code கள் என்பதால் உங்கள் பதிவு திறக்க அதிகப்படியான நேரம் எடுக்காது என்பதால் தாராளமாக பயன்படுத்தலாம்.)

1. How to add scrolling Text in your blogger template?
2. How to add Flashing Text in your blog post?
3. How to show blog owner's comment in a different color?

1. முதலில் உங்கள் பதிவில் உருளும் வரிகளை பதிக்கும் முறை.



எவனுடைய அண்டை வீட்டார் அவனது துன்பங்களை விட்டுப் பாதுகாப்புடையவராக இல்லையோ அவன் இறைநம்பிக்கை இல்லாதவனாகின்றான் - நபிகள் நாயகம்


இதே போன்ற அமைப்பை எனது பதிவின் முகப்பிலும் வைத்து இருக்கின்றேன். கடைசியாக எழுதிய மூன்று பதிவுகள் அதில் ஓடிக் கொண்டு இருக்கும். மூன்றும் தனித்தனியாக அதற்குரிய தொடுப்புக்கு(Link) செல்வது போல் அமைக்கப்பட்டுள்ளது. இதே போன்று உங்களது தளத்திலும் அமைக்கலாம். இடுகையில் சேர்க்க கீழே உள்ளது போல் எழுதலாம்.

<marquee behavior="scroll" direction="left" onmouseover="this.stop()" scrollamount="4" onmouseout="this.start()" bgcolor="##fdefd0" align="middle"><br/><br/> <a href="http://majinnah.blogspot.com/2008/11/blog-post_28.html "> Blogger Tips - கலர்புல் கமெண்ட், மின்னும் வரிகள், ஒளிரும் வாக்கியங்கள், </a> <br/><br/> </marquee>

அதில் தொடுப்புக்கான இடத்தில் உங்களுக்கு தேவையான தொடுப்பையும், விளக்கத்தில் உங்களுக்கான விளக்கத்தையும் மாற்றிக் கொள்ளலாம். இதை Dash Board, Layout,Add a Gadget, HTML/JavaScript சென்று அங்கு உங்களுக்கு தேவையான கோடை அதில் உள்ளீடு செய்ய இனி உங்கள் பதிவிலும் இது ஓடத் தொடங்கி விடும். இது கீழ்கண்டவாறு உங்கள் பதிவில் வரும். இந்த முறையில் சிறு துணுக்குகள், முக்கிய செய்திகள், பொன் மொழிகள், அறிவுரைகளைத் தரலாம்.


Blogger Tips - கலர்புல் கமெண்ட், மின்னும் வரிகள், ஒளிரும் வாக்கியங்கள்


2. உங்கள் பதிவில் மின்னும் வார்த்தைகளைப் (Flashing Text) பதிப்பது எப்படி?

இதுவும் மிக சுலபம் தான். கீழே எடுத்துக்காட்டுக்காக இரு வரிகளைத் தந்துள்ளேன்.

ஒரு மனிதனை அநியாயமாகக் கொன்றவன் ஒரு சமுதாயத்தையே கொன்றவனாவான் - திருக்குர்ஆன்

இதற்கு பயன்படுத்தப்பட்ட HTML Code கீழே தந்துள்ளேன்.

<span style="text-decoration: blink; color: rgb(51, 0, 153);
font-weight: bold;">ஒரு மனிதனை அநியாயமாகக் கொன்றவன் ஒரு சமுதாயத்தையே கொன்றவனாவான் - திருக்குர்ஆன்</span>

இதில் அந்த வார்த்தைகள் இருக்கும் இடத்தில் உங்களுக்குத் தேவையான வரிகளை சேர்த்துக் கொள்ளலாம்.

3. பதிவர்கள் தங்கள் சொந்த பின்னூட்டங்களை மட்டும் வேறு கலரில் தருவது எப்படி?

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

முதலில் வழக்கம் போல் Dash Board, Layout, Edit HTML, சென்று Expand Widget Templates என்பதை கிளிக் செய்து கொள்ளுங்கள்.

முக்கியம் :இதில் இருப்பதை ஒரு வேர்ட் பைலில் சேவ் செய்து வைத்துக் கொள்ளுங்கள்

இனி உங்கள் HTML ல்

Step : 1

.comment-body
{
margin:0;
padding:0 0 0 20px;
}
.comment-body p
{
font-size:100%;
margin:0 0 .2em 0;
}

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

கொஞ்சம் விளக்கமாக சொல்ல வேண்டும்..... தேவைப்படுபவர்கள் தொடர்பு கொள்ளலாம்)

இதற்குக் கீழே, அடியில் உள்ளதை பேஸ்ட் செய்யுங்கள்.

.comment-body-author {

margin:0;

padding:0 0 0 20px;

}

.comment-body-author p {

font-size:100%;

margin:0 0 .2em 0;

color:#CC3300;

text-decoration:bold;

}

Step : 2

HTML ல் <dl id='comments-block'> <b:loop values='data என்பதைத் தேடிக் கண்டுபிடியுங்கள். இந்த வரிக்கு கீழே சில வரிகளுக்குப் பின் <data:comment.author/> </b:if> said... </dt> இப்படி இருக்கும். இந்த dt> க்குக் கீழே , அடியில் உள்ளதை பேஸ்ட் செய்யுங்கள்.

<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-author'> <p><data:comment.body/></p> </dd> என்று முடியும். அதற்குக் கீழே </b:if> என்பதை மட்டும் பேஸ்ட் செய்து விடுங்கள். இனி Save Template கொடுங்கள். அம்புட்டுத்தேன்..இனி உங்கள் பதிவில் நீங்கள் கமெண்ட் போட்டால் சிவப்பு கலரில் தெரியும்.

Save ஆகும் போது எரர் வருதா? அமைதியா ஏற்கனவே வேர்ட் பைலில் சேவ் செய்து வைத்திருப்பதை திரும்பி பேஸ்ட் செய்து விட்டு அமைதியா இருந்து கொள்ளுங்கள்... ;)))

எனக்கு சிவப்பு கலர் பிடிக்காது. வேற கலர் தான் வேண்டும் என்று சொல்பவர்கள் இங்கு சென்று புதிய கலருக்கான Code ஐ (#3B9C9C இப்படி இருக்கும்) எடுத்து வந்து மாற்றி போட்டுக் கொள்ளுங்கள். நிறத்திற்கான குறிப்புகள்

மாற்றம் செய்யுமிடம்

.comment-body-author p {

font-size:100%;

margin:0 0 .2em 0;

color:#CC3300;

text-decoration:bold;

}

இதில் சிகப்பு நிறத்தில் இருக்கும் எழுத்துக்களுக்குப் பதில் உங்கள் நிறத்திறகான Code ஐ மாற்றிக் கொள்ளுங்கள்.

நன்றிகள் : தீபா அக்கா மற்றும் முத்துலக்ஷ்மி அக்கா!

****************************************************************

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

<script type='text/javascript' src='http://deepa7476.googlepages.com/DeepaSmiley.js'></script>

சிரிப்பான் கண்டிப்பாக சிரிக்க வேண்டுமெனில் அப்படியே விட்டு விட்டு எங்கள் கணிணியை சூடேற்றலாம்... :)))

டிஸ்கி : படித்தவர்கள் அனைவரும் தமிழ் மண கருவிப்பட்டையில் ஓட்டுப் போட்ட்டுட்டு போகனும்... யார் வந்துட்டு ஓட்டு போடாம போனாலும் கண்டுபிடிச்சிடுவேன்.. ... :)))