வணக்கம் நண்பர்களே , பலரும் ப்ளாக் வைத்திருந்தாலும் சிலர் தான் அதில்விளம்பரங்களை கொடுத்து சிறு அளவில் பணம் ஈட்டி வருகின்றனர் ..
கூகுள் அட்சென்ஸ் இல்லதவர்கள் மற்ற முறையில் விளம்பரங்களுக்கு அவர்களே விலை நிர்ணயம் செய்து .. விளம்பரங்களை வெளியிடுகிறார்கள்.
பிற தளங்களுக்கு விளம்பரங்களின் மூலம் லிங்க் கொடுத்து அதன் மூலம் விளம்பரங்களை கொடுக்கின்றனர் ..
என் நண்பர் மின்னஞ்சலில் கேட்டதினால் இதை பதிவிடுகிறேன் ..
பல தளங்களில் உள்ளது போல் நாமும் இணைக்காமல் ஒரு புதுமையான முறையில் இந்த விளம்பரகளை இணைக்க போகிறோம் ..
முதலில் கீழே உள்ள கோடிங்கை
]]</b:skin> முன்னால் பேஸ்ட் செய்து Save Template என்ற பட்டனை
கொடுக்கவும் ...
.wesbanner ul {
list-style-type: none;
margin: 0 auto;
overflow: hidden;
padding: 10px 0 0;
width: auto;
}
.wesbanner ul li {
-moz-transition: all 0.2s ease 0s;
background: none repeat scroll 0 0 orange;
border-radius: 50px 0px 50px 0px;
display: inline;
float: left;
list-style-type: none;
margin: 0 1px 0 3px;
-webkit-border-radius:25px 0px 25px 0px;
-moz-border-radius:25px 0px 25px 0px;
border-radius:25px 0px 25px 0px;
}
.wesbanner ul li:hover {
-moz-transition: all 0.3s ease 0s;
box-shadow: 1px 1px 10px #000000;
-webkit-border-radius:0px 25px 0px 25px;
-moz-border-radius:0px 25px 0px 25px;
border-radius:0px 25px 0px 25px;
}
.wesbanner ul li:active {
-moz-transition: all 0.2s ease 0s;
border-radius: 30% 30% 30% 30%;
}
.wesbanner ul li a img {
border: 0 none !important;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);box-shadow:0 0 8px rgba(0,0,0,0.5);padding:3px !important;
}
எத்தனை வகையான விளம்பர பேனர்கள் உள்ளது என்று நீங்கள் தெரிந்து
கொள்ளுங்கள் ..
நம் ப்ளாக்கில் முக்கியமான பகுதியில் இணைக்க கூடியவை
width * height ----- அகலம் * உயரம்
Side bar -களில்
125 x 90 அல்லது 125 * 125
200x200
120x200
120 x 600 or 160 x 600
260 * 125
header -பகுதியில் 468 * 60
மேலும் சில மேம்பட்ட பேனர்களின் அளவுகள் :
width * height ----- அகலம் * உயரம்
கவனிக்க : height மற்றும் width இரண்டும் 120 என்று கொடுக்கப் பட்டுள்ளது ..
அதை மேலே உள்ள விளம்பர பேனர்களின் அளவைப் பார்த்து மாற்றிக் கொள்ளவும்..
1..
<div class="wesbanner">
<ul>
<li style="background: #e42b2b ! important;"><a href="link URL" target="new">
<img height="120" src="Image url" width="120" /></a></li></ul>
</div>
<div class="wesbanner">
<ul>
<li style="background: #ff8400 ! important;"><a href="link URL" target="new"><img height="120" src="Image url" width="120" /></a></li></ul>
</div>
<div class="wesbanner">
<ul>
<li style="background: #a800ff ! important;"><a href="link URL" target="new"><img height="120" src="Image url" width="120" /></a></li></ul>
</div>
<div class="wesbanner">
<ul>
<li style="background: #49a7f3 ! important;"><a href="link URL" target="new"><img height="120" src="Image url" width="120" /></a></li></ul>
</div>
<div class="wesbanner">
<ul>
<li style="background: #41d05f ! important;"><a href="link URL" target="new"><img height="120" src="Image url" width="120" /></a></li></ul>
</div>
<div class="wesbanner">
<ul>
<li style="background: #B24700 ! important;"><a href="link URL" target="new"><img height="120" src="Image url" width="120" /></a></li></ul>
</div>
<div class="wesbanner">
<ul>
<li style="background: #FFE500 ! important;"><a href="link URL" target="new"><img height="120" src="Image url" width="120" /></a></li></ul>
</div>
<div class="wesbanner">
<ul>
<li style="background: #007D47 ! important;"><a href="link URL" target="new"><img height="120" src="Image url" width="120" /></a></li></ul>
</div>
<div class="wesbanner">
<ul>
<li style="background: none repeat scroll 0% 0% rgb(51, 0, 0) ! important;><a href="link URL" target="new"><img height="120" src="Image url" width="120" /></a></li></ul>
</div>
125* 125
260 * 125
300 * 300
நான் முன் சொன்னது போல் படத்தின் உயரமும் அகலமும் சரியாக கொடுக்கவும் (மஞ்சள் நிறத்தில் படத்தில் உயரமும் அகலமும் 120 * 120 என்று கொடுக்கப் பட்டுள்ளது .. )
சந்தேகம் இருந்தால் கேளுங்கள் ...
பதிவு பயனுள்ள தாக இருந்தால் பகிர்ந்து கொள்ளுங்கள்
நன்றி
இந்த முறையில் விளம்பர படுத்தினால் நமக்கான வருமானம் எந்த வகையில் வரும் என்று தெரிந்து கொள்ளலாமா?
ReplyDeleteநண்பா சாதாரணமாக இணைக்கும் விளம்பரகளை இப்படி இணைக்கலாம் என்பதே இந்த பதிவு
Deleteபயனுள்ள பதிவு..!
ReplyDeleteபயனுள்ள பதிவு. நன்றி!
ReplyDeleteபயனுள்ள பதிவு ! நன்றி !
ReplyDeleteநன்றி நண்பா .........
ReplyDeleteஇந்த மாதிரி விளம்பர மாதிரிகளை(mouse கொண்டு சென்றால் விரிவது ) ஒரு ஆங்கில தளத்தில் பார்த்தேன் அதன் கோடிங் இது தானா நன்றி
ReplyDeleteGOOD ARTICLE. JUST NOW I DISPLAYED THIS BUTTON IN MY SITE PROPERLY. THANKS FOR YOUR GUIDELINES.
ReplyDeleteFOREVER
JAI SANKAR E
LINK: http://jai4win.blogspot.in/
பயனுள்ள பதிவு ! நன்றி !
ReplyDelete