54 ப்ளாக்கருக்கு ஆயிரம் Comment பெட்டிகள்

நாம் நம் வலையில் பதிவு எழுதுவோம்.அந்த பதிவு நல்லாஇருந்தால் ஓட்டு போடுவார்கள்.அதற்கு Comment தெரிவிப்பார்கள்.அனைவரது வலையிலும் Comment பெட்டிகள் ஒரே மாதிரியாக வெள்ளை நிறத்திலே இருக்கும்.அதை அழகாக எப்படி மாற்றுவது எப்படி என்று பார்போம்.
டெமொ பார்க்க சுட்டி


இதை பயன்படுத்த

• முதலில் Blogger Dashboard => design => Edit Html பக்கத்திற்கு செல்லவும்.
• "Expand Widget Templates" என்பதில் கிளிக் செய்யவும்.
• பின்வரும் code-ஐ தேடவும்

]]></b:skin>

• இந்த Code-க்கு மேலே பின்வரும் Code-ஐ PASTE செய்யவும்

#mbt-form iframe{ 

background:#ffffff url(IMAGE-LINK) repeat; 

border:1px solid #ddd; 

-moz-border-radius:6px; 

-webkit-border-radius:6px; 

box-shadow: 5px 5px 5px #CCCCCC; 

padding:5px; 

font:normal 12pt "ms sans serif", Arial; 

color:#2F97FF; 

width:560px; height:213px !important; 

}

#mbt-form a{ 

color:#fff; 

}

மாற்ற வேண்டியவை

• IMAGE LINK என்ற இடத்தில் கீழே உள்ள படங்களில் உங்களுக்கு தேவையான படத்தின் URL-ஐ PASTE செய்யவும்

• வேற படத்தின் LINK வேண்டுமானாலும் PASTE செய்து கொள்ளலாம்

• Comment as-ன் நிறத்தை மாற்ற நீல நிறத்தில் இருக்கும்  #2F97FF என்பதில் உங்களுக்கு தேவையான COLOR-ன் CODE-ஐ PASTE செய்யவும்

• Color-ன் Code தெரியவில்லையா?எனது முந்தைய பதிப்பான வலைதளங்களுக்கு தேவையான HTML கலர் கோட் ஜெனரேட்டர் எனும் பதிப்பை பார்க்கவும்

• சிவப்பு நிறத்தில் இருக்கும் width:560px; height:213px-களை உங்களுக்கு ஏற்றவாறு மாற்றிக் கொள்ளவும்

Happy Christmas Background

http://www.backgroundlabs.com/backgrounds/318.jpg

GARDEN

http://www.backgroundlabs.com/backgrounds/40.jpg

AQUA

http://www.backgroundlabs.com/backgrounds/434.gif

BLUE OCEAN

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI6RxNn_KNpKaDhP5bz0puP6Ea2BTEvIoZPAeXnXzKCjNbE4vAh7aFjR2hqcw3nrnRYXt1RtvtuT0UoVlgY2kCvJ5ZJlizrxfuiVwp7ojf8ZHklxrRuaeXbEvnYGUJRtdCY8LHoxGfoW60/s400/1.png

CHECKER

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0MWduTeQnlEEdeSo2n1-1Mw6Hcqr9upGf9Wm-TOfF_qmnxoP2DztstaAtoIsUOjn45BRIq7BRPafvvYE9rTyjDIK498IfLVACsbgM-G3rY22EAJDbNAskBazHPrPn7GhfJxI9fPirQOVN/s400/2.png

CHALK

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjracp9onf-pRqdUMwfcF-3O4WRNKWOq11LqKl4_yU2aHaT_aGziHZxfP5HxKWFiI6FrDkBx2yUSG8WWF8Qy-W5KAR5xgaFX5rrcn9hi31xkn-DD1zhtYkJXv7nVOzMskeHtF0oYcBY42xo/s400/4.png

WOODEN

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyUvFgtleJ34P-DWiJR-uvjN4DDYfCldqVKfzVMqWBzoFZvZOStRmi8w5RW-dzdY2tVZhyJz5HFmqKFPXT1FY-FUsxdhpBFv2DdQoBCnB7G2Oq0nSE-jx6z7ZTx-r5xffadfPPHlBBMUQi/s400/7.png

Blocks

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqdcooV5rg9PzaNMFIde-JhkEIHb5y0U-MHr5sDqP8uWkIeeX061K5sDByiIDKrd0aSyDc3jGeFmMw6KSjttJbJhyphenhyphenFkan3HS9Tf-5PL_zC3oe8x2QNb5qzYlPy13ms93jNsJxxm8O77xVg/s400/9.png

TILES

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd94eyCCEO2nK3nTgWsLR0l_tLSkujIgfiVxY1EN9UvUOax58FeyiH3pQWX5MZGmekW_poCbdaGPOfo6Edt_jG76Gmy4-Ren36pVm8KoCrLEcHll-rFC6RNbLIXlZ6iujXJNcDqTRxNtX9/s400/8.png

METALLIC

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeqgiW4RmMejX5-Fde_d0YEXu5UAVm5UWdIdMHqT7k1po2AmjK39OR43iCZ9aeztxvGQKA3AzahQTgLxbmWVuXJluNcwEJHvw2G3OkagWcOdYxpCthIvKhdQBygDjgDBaLiaJPnumz1V2o/s400/12.png   

• பிறகு பின்வரும் Code-ஐ தேடுங்கள்

<div class='comment-form'>

• கண்டுபிடித்த Code-ஐ நீக்கிவிட்டு பிவரும் Code-ஐ PASTE செய்யுங்கள்.அதாவது Replace செய்யுங்கள்.

<div id='mbt-form'>

அவ்வளவுதான்.

குறிப்பு:எனது தளத்தில் படங்கள் தெரிவது போல் வெள்ளை நிறம் தோன்றாது.உதாரனத்துக்கு எனது தளத்தில் நான் வைத்திருக்கும் Comment பெட்டியை பார்த்து கொள்ளவும்

பதிவு பிடித்திருந்தால் ஓட்டுகளையும் கருத்துகளையும் இடவும்.

நன்றி:mybloggertricks 

Share

Tweet

எனது பதிவு பிடித்திருக்கிறதா?

புதுப்பதிவுகளை மின்னஞ்சலில் பெற!

பின்தொடர