3-colum Template தேடுபவர்களுக்கு :-B

பெரும்பாலும் blogger ல் இருப்பது 2-colum templates.நிறைய விஷயங்களை ஒரே இத்தில் – ஒரே பார்வையில் காண்பிக்க 2 colum Template டில் முடியாது.ரமணியின் 3 colum template ஐ ஒரு basic skeleton போல் பயன்படுத்தி .. இப்போ நீங்க பார்த்துகிட்டு இருக்கீங்களே.. இது மாதிரி பண்ணியிருக்கேன்

உங்களுக்கு 3 colum template ஐ try பண்ணனும்ன்னா..
கீழெ இருக்கும் சுட்டிய்யை Right-click செய்து SAVE Target என்று கொடுங்கள்..
File ஐ xml ஆக Save செய்யுங்கள்
Template.xml

இந்த Template ஐ உங்களுடைய பிளாகில் இணைக்கைறதுக்கு முன்னால் ஒரு சோதனை பிளாக் செய்து.. Sidebar – widgets , Adsense code , Scripts எல்லாம் சேற்த்து செரி-பார்த்துகொள்ளவும்..எல்லாம் த்ருப்தியா இருந்தா .. Main Blog ல் இணைக்கவும்

Template ல் எந்த வித மாறுதல் செய்யவதுக்கு முன்னாடி.. அதன் நகலை Edit-HTML போய் copy-paste அல்லது Download Full Template டால் பத்திரபடுத்தி வச்சுகோங்க.. அப்புறம்..அய்யோ – அம்மா– ன்னு என்ன கூச்சல் போட்டலும் .. template திரும்பி கிடைக்காது

Add this to your post-template

SETTINGS–FORMATTING–POST-TEMPLATE

<span class=”dropcaps”>*</span>
Type your summary here
<span id=”fullpost”>
Type rest of the post here
</span>

use this for ordered lists only
<ol class=”coloredNumbers”>
<li><span>First point.</span></li>
<li><span>Second point.</span></li>
</ol>

This template has the following hacks

  1. Expandable post summaries
    அதாவது..என்னோட Main Blog Page ஐ பார்தீங்கன்னா..ஒவ்வொரு பதிவிலேயும்.. + மேலும் படிக்க னு ஒரு link இருக்கும்.. அதை க்ளிக்கினா … முழு – பதிவும்..நீங்க படிக்கிற window லெயே (இன்னொரு window க்கு போகாமலெயே) படிக்கலாம்.
    அங்கேயே .. -பதிவுச்சுரூக்கம் னு ஒரு link இருக்கும்.. அதை க்ளிக்கினா …திரும்ப..பழெய நிலைக்கு வருவீங்க..

    இதை அம்ல் படுத்த கொஞ்ச்ம் கவனம் தேவை.

    • முழூ பதிவை (content) எழுதி publish செய்து செரி பார்த்துகொள்ளுங்கள்
    • Main page ல் பதிவில் எது வரை மட்டும் தெரியனும்ன்னு விரும்புரீங்களோ..அந்த வார்த்தைக்கு பிறகு ..
      Immideatly after the line/word where you want the post to be cutoff in the main page..
      <span id=”fullpost”>சேற்த்து..
      பதிவு முற்றும் இடத்தில் ..</span>சேற்க்கவும்

  2. :)Script for Yahoo Smileys to appear as you type the appropriate keys =d> இது தான் உங்களுக்கெல்லாம் தெரியுமே..Blogger Nav-Bar ஐ பத்திர படுத்திட்டேன்..(என்னால் அதை தொலைத்தவர்களுக்கு எப்பாடுபட்டாவது தேடி-கண்டுபிடித்து தருகிறேன்)
  3. Date Header for multiple posts
    ஒரே நாள் 2-3 சொதனை பதிவு போட்டு பாருங்கள்..எல்லா பதிவுக்கும் Date இருக்காது..இப்போ ஒது சாத்தியம்
  4. Drop Cap look for each posts…first letter of the post is large and spans 2 lines
  5. Custom bullets
    • Unordered bulleted lists have arrow shaped icons
    • Ordered bulleted lists–the numbers appear in diffrent color–in the posts
    • Ordered bulleted lists in the sidebar have diamond shaped icons

  6. Profile Pic at the post-header..however for what u see is a sample pic..you need to change the picture url with that of your profile-pic-URL giving a Newspaper look

நிங்கள் விருப்பபட்டால்.. Background color – text color – link color- sidebar title header-படம் – Footer வேரே என்னென்ன முடியுமே எல்லாமே உங்க விருப்பம் போல மாற்றி அமைக்கலாம் ..
ஆ.. ஆப்புறம்.. மறக்காம backlink பண்ணுங்க..

சங்கிலி தொடர் போல் சுட்டிகளை / பட்டியல்களை வரிசை படுத்த

ங்க எல்லாருடைய பிளாக்லெ பல சுட்டிகள் இருக்கும்.. நீங்க அடிக்க்டி சுத்தற வலைபதிவோட சுட்டியெல்லாம் கைய்க்கெட்டின தூரத்துல வைச்சிருப்பீங்க. /:) .Most likely in the sidebar. ஒருவேளே..எக்கசக்கமான சுட்டிகள் இருந்தா.. பட்டியல் ரொம்ப நீளமா இருக்கும்…அதனால் எல்லா சுட்டிகளையும்.. அடக்கமா ஒரு குறிபிட்ட எல்லைக்குளே கட்டுகோப்பா வைச்சோம்னா பார்க்கவும் அழகா இருக்கும்.. Side bar லெ வெறே எதாவது சேர்க்கணும்னாலும் வசதியா இருக்கும்.

நான் எதை குறிப்பிட்டு சொல்லறேன்னு சந்தேகமா.. என்னொட Right-Side Bar ல் “”நன்றி“”ஐ பாருங்க..உங்களுக்கு சாதாரண-பட்டியல் மற்றும் மறைமுக சுட்டிகள் கொண்ட பட்டியல் செய்யும் முறை தெரியும்ன்னா மட்டும் மேலே படிங்க :-w..

  1. உங்கள் Template ஐ Edit-HTML பொய் நகலை பத்திர படுத்தி கொள்ளவும்
  2. Template – Page Elements – Add New Element – HTML-Javascript ஐ தேர்ந்தெடுக்கவும்

  3. <table width=”100%” border=”1″ >
    <tr ><td >
    <marquee height=150 width=100% onMouseover=”this.stop()” onMouseout=”this.start()” direction=up scrollamount=”2″>

    *******நீங்கள் சேர்க்க விரும்பும் சுட்டிகளை இங்கே எழுதவும்******

    </marquee>
    <td></tr></table>
  4. இங்கே நிங்க எவள்ளாவு நீளமான பட்டியல் வேணும்னாலும் கொடுக்கலாம்
  5. marquee height=150ஐ மாற்றி அமைத்தால்.. பார்வயில் தெரியும் பட்டியல்களின் எண்ணிக்கைகளை கூட்டவோ – குறைக்கவோ செய்யலாம்

ரொம்பவும் Technical Jargons உபயொக படுத்தாம செய்முறை விளக்கம் குடுக்கணும்ன்னு ந்னினைச்சேன்..சரியா விளக்கம் சொல்லியிருக்கேனான்னு நிங்க தான் சொல்லணும் [-o<

சும்மா ஜாலியா அரட்டை அடிக்கலாமா ..?Using Shout-box

பிளாகர்லெ எல்லாரும் என்ன பண்ணுவாங்க .. பிளாக் தான் பண்ணுவாங்க.. ஏதாவது சொல்லணும்ன்னா Comments லெ பின்னூடம் போட்டால் ஆச்சு.. அப்படிதானே ..செரி.. ஒருவேளை பதிவுக்கு சம்பந்தமே இல்லாத விஷயத்தை குறித்து கருத்து தெரிவிக்கணும்ன்னா என்ன பண்ண…மின்-அஞ்சல் அனுப்பலாம்..ஆனால் சில விஷயங்கள் “”இதுக்கு போய் மின்-அஞ்சல் அனுப்பவா.(சோம்பலா இருக்கே. :-w .)…சும்மா கேட்டா தேவலை”” அப்படின்னு இருக்கும்.. —. அந்த மாதிரி விஷயங்களை குறித்து கருத்து தெரிவிக்க தான் Shout box ஐ நான் உபயொக படுத்தியிருக்கேன்….கொஞ்சம் அப்படி வலது-கை பக்கமா பாருங்க… “சும்மா ஜாலி” ங்கிர தலைபுக்கு கீழே … சர்னா-பேசியிருக்காக::டேவிட்-பேசியிருக்காக:: மற்றும் நம் பிளாகர் நண்பர்கள் எல்லரும் என்கூட பேசியிருக்காக….இது மாதிரி நீங்களும் உங்கள் நண்பர்கள் வட்டத்திலே பேசலாமே.. செய்யவேண்டியது ரொம்ப சிம்பிள்..

  1. நான் CBox வழங்கும் shout Box உபயொகபடுத்தியுள்ளேன்

  • உங்களது Template ன் நகலை Edit-HTML பொய் பத்திர படுத்திகொள்ளவும்
  • பிறகு Template — Page elements ல் போய் Add Page elements ல் HTML-Javascript ஐ தேர்ந்தெடுக்கவும்
  • இங்கு CBox தளத்திலிருந்து எடுத்த code ஐ ஒட்டவும்
  • Save செய்து பிளாகை Refresh செய்து பார்க்கவும்..
  • இனிமேல் என்ன.. சும்மா ஜாலியா உங்க பிளாகிலேயே அரட்டை அடிக்கலாம்.. இதை உபயோகபடுத்தி சந்தோஷமா இருந்தீங்கன்னா.. பின்னூடம் போட்டிட்டு பொங்க.. உங்க பிளாகிலெ இந்த பதிவுக்கு சுட்டி குடுத்தீங்கன்னா நானும் கொஞ்சம் குஷியா இருப்பேன் 8->

    Yahoo Smileys ஐ பிளாகர் பதிவுல சேர்க்க முடியும். :)>-

    Yahoo messenger லெ Chat பண்ணாதவங்க்ளே இல்லைன்னு.. .. சொல்லலாம்.. இல்லையா.. ஏன்னா Messenger லெ பேசும் போது ..Smileys ஐ நல்லா தாராளமா பயன்படுத்தியிருபீங்க.. :-” (காசா-பணமா..சும்மா தட்ட வேண்டியது தானே)

    WordPress லெ இந்த வசதி இருக்கு.. ஆனால் பிளாகர் லெ கிடையாது.இப்ப இது பிளாகர்லெயும் சாத்தியம் =D> இந்த பதிவே எடுத்துக்கோங்க.. Yahoo smileys எல்லாம் இருக்கா.., எதையுமே <img> tag & picture element உபயோக படுத்தி செய்ததில்லை.. சும்மா : ) போட்டா 🙂 வரும் Aditya of Last Word..க்கு தான் நன்றி சொல்லணும்..அவர் தான் முதலில் இதை சில Basic Smileys ஐ கொண்டு வடிவமைத்தான்..நான் அதை கிட்ட-தட்ட எல்லா yahoo Smileys க்கு தோதாக மாற்றியமைத்தேன்

    இந்த சொதனை பதிவில் எல்லா Smileys உம் போட்டிருக்கேன். Yahoo Messenger லெ Smileys க்கு என்ன Keyboard shortcuts உபயோக படுத்துவீங்களொ.. இங்கேயும் அதையே பயன்படுத்தலாம் <: -P .. உங்கள் வசதிக்கு Yahoo Emotions மற்றும் Yahoo Hidden Emotionsசுட்டிகள்

    1. உங்கள் Template ஐ Edit-HTML பொயி நகலை பத்திர படுத்தி கொள்ளவும்
    2. </head> tag க்கு மேலே
      <script type=’text/javascript’ src=’http://deepa7476.googlepages.com/DeepaSmiley.js’></script>
      எழுதவும்
    3. Save and start posting
    4. Yahoo Smileys சுற்றும் Border இருந்தால் உங்கள் Template டில் கீழே காணும் வரிகளை மாற்றவும்

      .post img {
      padding: 4px;
      border: 0x solid #cccccc;
      }

    I have Slogged pretty long to get this script working..so if you are using this script kindly link back to this post as an appreciatoion for the effort taken.This gesture of your appriciation will motivate me to take up new challenges

    பதிவில் 1 2 3ன்னு பட்டியல் போடுவது & நீளமான சுட்டிகளை மறைமுக சுட்டிகளாக்குவது

    1 2 3ன்னு பட்டியல் போடுவது
    சில விஷயங்களை பட்டியல் போட்டு சொன்னாத்தான் அதுக்கு ஒரு செரியானா Impact இருக்கும்.பட்டியல் இரெண்டு வகைப்படும் ..தொடார்வரிசை (Ordered List) மற்றும் தொடர்-இல்லாத வரிசை (Unordered lists)பதிவுல பட்டியல் இப்படி போடலாம்.

    தொடார்வரிசை (Ordered List)

    1. 1-2-3ன்னு பட்டில போட.. பக்கத்தில் இருக்கும் வரிகளை உங்கள் பதிவின் Edit-htmlல் சேர்த்து கொள்ளவும்
    2. உங்கள் பட்டியல் இடும் வார்த்தைகள் (வரிகள்)
      <Li> – </LI> க்குள் இருக்க வேண்டும்
    3. உதாகரணம்:-
      <ol>
        <li>சென்னை </li>
        <li>மதுரை </li>
      </ol>

    <ol>
      <li>    </li>
      <li>    </li>
      <li>   </li>
      <li>   </li>
      <li>   </li>
    </ol>

    1. சென்னை
    2. மதுரை
    தொடர்-இல்லாத வரிசை (Unordered lists)

    • சாதாரண பட்டியல் இப்படி இருக்கும்.. இதுக்கு 1 2 3 எல்லாம் இருக்காது.
    • பக்கத்தில் இருக்கும் வரிகளை உங்கள் பதிவின் Edit-htmlல் சேர்த்து கொள்ளவும்
    • உங்கள் பட்டியல் இடும் வார்த்தைகள் (வரிகள்)
      <Li> – </LI> க்குள் இருக்க வேண்டும்
    • உதாகரணம்:-
      <ul>
        <li>சென்னை </li>
        <li>மதுரை </li>
      </ul>


    <ul>
      <li>    </li>
      <li>    </li>
      <li>   </li>
      <li>   </li>
      <li>   </li>
    </ul>

    • சென்னை
    • மதுரை

    நீளமான சுட்டிகளை மறைமுக சுட்டிகளாக்குவது

    சுட்டி பயன்படுத்தாதவங்களே இருக்க முடியது. சுட்டி இணைக்கிறது ஒரு பெரிய் விஷயமான்னுகூட நீங்க கேக்கலாம் http://thoduvanamnamullathil.blogspot.com/ன்னு போட்டா ஆச்சு.கொஞ்சம் யொசிச்சு பாருங்க.. சுட்டி முகவரி ரொம்ப நீளமா இருந்தா.. பதிவுல பார்க்க எவ்வளவு அசிங்கமா இருக்கும்.. அதை சமாளிக்க.. நீங்க சுட்டி-முகவரிய்யை ஏதாவது வார்த்தை (வார்த்தைகள்) க்கு பின்னாலே ஒளிச்சு வைக்கலாம்.

    1. பதிவுல எந்த வார்த்தைக்கு பின்னாலே சுட்டி-முகவரைய்யை ஒளிச்சு வைக்கணும்ன்னு விரும்பரீங்களோ.. அதை தெர்ந்தேடுக்கவும்-Select that word using mouse
    2. பதிவின் Toolbarல் இருக்கும் Globe ஐ க்ளிக்கி நீங்கள் சுட்டி-முகவரிய்யை அது காட்டும் பொட்டியில் கொடுக்கவும்

    பதிவுல – செய்முறை விளக்கத்துல தவறு ஏதாவது இருந்தா சொல்லுங்க.. திருத்தி எழுதறேன்… உங்கள் கருத்தை மறக்காம சொல்லுங்க

    உங்கள் பதிவேட்டில் Home – Older Posts – Newer Posts – Subscribe to (atom) – ஐ தமிழில் காண்பிக்க

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

    1. உங்கள் Temlplate ஐ Edit HTML ல் போய் நகலை பத்திரபடுத்தி கொள்ளவும்
    2. Subscribe to Posts (atom) ஐ மாற்ற கீழே காணும் வரிகளை கண்டுபிடிக்கவும்

      < b:includable id=’feedLinksBody’ var=’links’>
      <b:includable id=’feedLinksBody’ var=’links’>
      <div class=’feed-links’>
      <data:feedLinksMsg/>
      <b:loop values=’data:links’ var=’f’>
      <a class=’feed-link’ expr:href=’data:f.url’ expr:type=’data:f.mimeType’ target=’_blank’><data:f.name/> (<data:f.feedType/>)</a>
      </b:loop>
      </div>
      </b:includable>

      பாகம் – 1
      இதில் <data:feedLinksMsg/> தான் “Subscribe to” என்று வெளிப்படுகிறது..விருப்பபட்டால் இதை அழித்துவிட்டு நீங்கள் விரும்பிய சொற்களை செற்க்கலாம்

      பாகம் – 2
      இதில் <data:f.name/> தான் “posts” என்று வெளிப்படுகிறது..விருப்பபட்டால் இதை அழித்துவிட்டு நீங்கள் விரும்பிய சொற்களை செற்க்கலாம்

      பாகம் – 3
      இதில் <data:f.feedType/> தான் “atom” or “rss” என்று வெளிப்படுகிறது..விருப்பபட்டால் இதை அழித்துவிட்டு நீங்கள் விரும்பிய சொற்களை செற்க்கலாம்

    3. Older posts ஐ மாற்ற கீழே காணும் சொல்லை கண்டுபிடிக்கவும்
      <data:olderPageTitle/>
      விருப்பபட்டால் இதை அழித்துவிட்டு நீங்கள் விரும்பிய சொற்களை செற்க்கலாம்
    4. Newer posts ஐ மாற்ற கீழே காணும் சொல்லை கண்டுபிடிக்கவும்
      <data:newerPageTitle/>
      விருப்பபட்டால் இதை அழித்துவிட்டு நீங்கள் விரும்பிய சொற்களை செற்க்கலாம்
    5. Home ஐ மாற்ற கீழே காணும் சொல்லை கண்டுபிடிக்கவும்
      <data:homeMsg/>
      விருப்பபட்டால் இதை அழித்துவிட்டு நீங்கள் விரும்பிய சொற்களை செற்க்கலாம்

    I have just now added the தமிழ்மணம்-பதிவு- Toolbar .So just let me know if the post is displayed when ever there is a new comment.. is it automatic..or each time i moderate a comment i have to send some kind of intimation to தமிழ்மணம்