Latest News

ப்ளாக்கர் டெம்ப்ளேட்டில் CSS நிரல்களைச் சேர்க்க எளிய வழி


நமது ப்ளாக் வலைப்பூவை வடிவமைக்க,மெருகேற்ற டெம்ப்ளேட்டில் (Blogger Template) நிரல்களை மாற்றுவதும் சேர்ப்பதும் கடினமான வேலையாகவே இருக்கும். ப்ளாக்க்ர் டெம்ப்ளேட்டில் வலை வடிவாக்க நிரல் மொழிகளான HTML, CSS, JavaScript போன்றவை பயன்படுத்தப்படுகின்றன. வெறும் HTML மட்டும் பிளாக்கர் தளத்திற்கான அழகைக் கொடுத்து விடாது. CSS எனப்படும் Cascading Style Sheet தான் ப்ளாக்கின் வடிவமைப்பைச் சிறப்பாக மாற்றுகின்றன.


உதாரணத்திற்கு கீழே இருக்கும் CSS நிரல் வரிகளில் ப்ளாக்கின் பின்புற வண்ணத்தை (Background Color) மாற்றுவதற்குப் பயன்படும்.



இதைப் போல ப்ளாக்கர் டிசைன் வேலைகளுக்கு நாம் CSS நிரல்களைச் சேர்ப்போம்; மாற்றுவோம். HTML பற்றித் தெரிந்தவர்களுக்கு நேரடியாக டெம்ப்ளேட்டில் சென்று கோடிங் மாற்றுவது எளிதாக இருக்கும். சிலர் பேக்கப் (Blogger backup) எடுக்காமல் எங்கேயாவது மாற்றி விட்டு அவஸ்தைப் படுவார்கள். இந்த பிரச்சினைக்குத் தீர்வு தான் Blogger Custom CSS வசதி.

இதன் மூலம் நீங்கள் ப்ளாக்கர் டெம்ப்ளேட்டில் Edit Html கொடுத்து போகத் தேவையில்லை. ப்ளாக்கர் கோடிங்கில் கையே வைக்கத் தேவையில்லை. ப்ளாக்கர் Custom CSS வசதி மூலம் உங்களின் புதிய CSS நிரல்களைச் சேமிக்க இடம் தருகிறது. எந்தவொரு பிரச்சினையும் இன்றி வெறும் காப்பி பேஸ்ட் செய்தாலே போதும். உடனேயே மாற்றப்படும் ப்ளாக் எப்படி காட்சியளிக்கும் என்று Preview கீழேயே பார்த்துக் கொள்ள முடியும். இதனால் இந்த முறை பாதுகாப்பானதாக இருக்கும்.

எப்படி CSS நிரல்களை ப்ளாக்கரில் சேர்ப்பது?

• உங்கள் வலைப்பூவின் Blogger Dashboard->Template மெனுவிற்குச் செல்லவும். பின்னர் Customize பட்டனைக் கிளிக் செய்யவும். 
simple way to add custom css in blogger
 • Template Designer பக்கம் திறக்கப்படும். அதில் இடதுபுறம் உள்ள Advanced -> Add CSS என்பதைக் கிளிக் செய்யுங்கள்.
simple way to add custom css in blogger

• அங்கே CSS நிரல்வரிகளைச் சேர்க்க ஒரு பெட்டி கொடுக்கப்பட்டிருக்கும். அதில் உங்கள் புதிய நிரல்களைச் சேர்த்து விட்டு Apply to Blog கொடுத்துச் சேமியுங்கள். அவ்வளவு தான்.

குறிப்புகள்:

1. நீங்கள் CSS வரிகளைச் சேர்க்கும் போது 

No comments:

Post a Comment

TIYA

WEBSITE DESIGNED BY: NOORUL IBN JAHABER ALI WEBSITE CONTROLLED BY: DOT COLORS
sourceNOORUL IBN JAHABER ALI Copyright © 2015

Theme images by Bim. Powered by Blogger.