வலைதளத்தில் Happy New Year Banner இணைப்பது எப்படி? Updated!

வணக்கம் வலை நண்பர்களே,

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

Step:1
உங்கள் blogger ஓபன் செய்து dashboard-இல் layout செல்லுங்கள்.

 

Step:2
Layout-இல் add a gadget க்ளிக் செய்யுங்கள்.

Step:3
ஓபன் ஆகும் பக்கத்தில் HTML/ JAVA SCRIPT என்பதை தேடி க்ளிக் செய்து திறக்கும் கட்டத்தில் கீழே உங்களுக்கு பிடித்தமான படத்தின் html code-ஐ copy/paste செய்து save செய்யுங்கள்.

IMAGE 1
இந்த வாழ்த்து உங்கள் தளத்தில் இடது மேல் மூலையில் தோன்றும்.

<div style='position: fixed; top: 0%; left: 0%;'/><a href="http://www.tamilvaasi.com" target="_blank"><img src="http://i1187.photobucket.com/albums/z386/prakashin/happy-new-year-flash.gif" border="0" alt=" photo happy-new-year-flash.gif"/></a></div>

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

IMAGE 2

இந்த வாழ்த்து உங்கள் தளத்தில் வலது மேல் மூலையில் தோன்றும்.

<div style='position: fixed; top: 0%; right: 0%;'/><a href="http://www.tamilvaasi.com" target="_blank"><img src="http://i1187.photobucket.com/albums/z386/prakashin/animated-fireworks-new-year.gif" border="0" alt=" photo animated-fireworks-new-year.gif"/></a></div>

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

IMAGE 3

இந்த வாழ்த்து உங்கள் தளத்தில் வலது கீழ் மூலையில் தோன்றும்.

<div style='position: fixed; bottom: 0%; right: 0%;'/><a href="http://www.tamilvaasi.com" target="_blank"><img src="http://i1187.photobucket.com/albums/z386/prakashin/baby-new-year-animated.gif" border="0" alt=" photo baby-new-year-animated.gif"/></a></div>

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

IMAGE 4

இந்த வாழ்த்து உங்கள் தளத்தில் வலது மேல் மூலையில் தோன்றும்.

<div style='position: fixed; top: 0%; right: 0%;'/><a href="http://www.tamilvaasi.com" target="_blank"><img src="http://i1187.photobucket.com/albums/z386/prakashin/happy-new-year-animation.gif" border="0" alt=" photo happy-new-year-animation.gif"/></a></div>

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

IMAGE 5

இந்த வாழ்த்து உங்கள் தளத்தில் இடது மேல் மூலையில் தோன்றும்.

<div style='position: fixed; top: 0%; left: 0%;'/><a href="http://www.tamilvaasi.com" target="_blank"><img src="http://i1187.photobucket.com/albums/z386/prakashin/animated-happy-new-year.gif" border="0" alt=" photo animated-happy-new-year.gif"/></a></div>

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

IMAGE 6

இந்த வாழ்த்து உங்கள் தளத்தில் இடது கீழ் மூலையில் தோன்றும்.

<div style='position: fixed; bottom: 0%; left: 0%;'/><a href="http://www.tamilvaasi.com" target="_blank"><img src="http://i1187.photobucket.com/albums/z386/prakashin/happy-new-year-ribbon-animated.gif" border="0" alt=" photo happy-new-year-ribbon-animated.gif"/></a></div>

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

IMAGE 7

இந்த வாழ்த்து உங்கள் தளத்தில் வலது கீழ் மூலையில் தோன்றும்.

<div style='position: fixed; bottom: 0%; right: 0%;'/><a href="http://www.tamilvaasi.com" target="_blank"><img src="http://i1187.photobucket.com/albums/z386/prakashin/happy-new-year-champagne.gif" border="0" alt=" photo happy-new-year-champagne.gif"/></a></div>

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