உங்கள் பிளாக்கின் டிராப்பிக்கை அதிக படுத்தும் அதி அற்புத விட்ஜெட்!

இந்த விட்ஜெட்டானது வலைபூக்களுக்கு புதிதாக ஆறிமுகமான மற்றும் அதிகமான டிராபிக் இல்லாத வலை தளங்களுக்கு உகந்த விட்ஜெட்டாக இருக்கிறது என்றால் அது நிகறாகாது. இதை நான் ஒரு தளத்தில் எதேசையாக பார்க்க நேர்ந்தது. இது மின்னஞ்சல் சந்தாதாரர் விட்ஜெட் ஆகும். இதை நான் புதிதாக ஆரம்பித்த TRB இணைய தளத்தில் பரிச்சியத்து பார்த்தேன். ஒரே நாளில் 40 சந்தாதாரரை இணைக்க உதவியது. இந்த விட்ஜெட்டின் முக்கியமான அம்சமே இது பாப் அப் விட்ஜெட் ஆகும்.
இது மற்ற விட்ஜெட்டை விட தனித்துவமானது. இதை நான் கூறுவதை விட DEMO லிங்க் சென்று பார்த்தால் உங்களுக்கு புரியும்.

விட்ஜெட்டை பிளாக்கில் இணைப்பது எப்படி?

step 1: உங்கள் பிளாகர் டாஷ்போர்டில் கிளிக் Design > Add a gadget > Choose html/javascript

step 2 : கீழ் கண்ட குறியிட்டை நகலெடுத்து html/javascript கேஜெட்டில் ஒட்டவும்.

<style>
#topbar {
height:30px;
width:auto;
background: #005094 url('http://lh3.ggpht.com/_beEpWOXwLJE/TIb57Lu4fwI/AAAAAAAABE0/q7niFVRbyNE/top-toolbar.jpg');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:auto;
margin:0 auto;
width: 300px;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:Center;
padding:4px;
}


#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:170px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="topbar">

<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span>
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://news.muruganandam.in/" target="_blank" onclick="getValue()">close</a></span>
</div>
<div id="adsground">

<p align="left"><h3></h3></p>
<p>



<style type='text/css'>
.mbt a{ 
    color: #6e6e6e; 
    font: bold 12px Helvetica, Arial, sans-serif; 
    text-decoration: none; 
    padding: 7px 12px; 
    position: relative; 
    display: inline-block; 
    text-shadow: 0 1px 0 #fff; 
    -webkit-transition: border-color .218s; 
    -moz-transition: border .218s; 
    -o-transition: border-color .218s; 
    transition: border-color .218s; 
    background: #f3f3f3; 
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); 
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); 
    border: solid 1px #dcdcdc; 
    border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
} 
.mbt a:hover { 
    color: #333; 
    border-color: #999; 
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) 
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); 
}
.mbt a:active { 
    color: #000; 
    border-color: #444; 
}

.mbtbar{ width:280px; float: left; margin-left:3px; margin-top:5px; padding:0;}
.mbtbar .emailsub{border-bottom: 0px solid #e6e6e6; padding: 0px 0 15px 0; float: left; width: 100%; font-family: Helvetica, Arial;}
.mbtbar .emailsub .emailupdatesform{width: 100%; float: right; padding:0px;}
.mbtbar .emailsub .emailupdatesform input.emailupdatesinput{background: #F3F3F3;  float: left; border: 1px solid #dcdcdc; padding: 0px 8px; color: #989898; font-size: 14px;  width: 130px; height:30px;   border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px;}
.mbtbar .emailsub .emailupdatesform input.emailupdatesinput:hover{
border-color: #999; 
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) 
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); 
}
 
.mbtbar .emailsub .emailupdatesform input.joinemailupdates:hover{ border-color: #666;  
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) 
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); cursor:pointer; 
}
.mbtbar .emailsub .emailupdatesform input.joinemailupdates{ 
border: solid 1px #dcdcdc; 
    background: #F3F3F3; 
   font-family:Helvetica, Arial; 
text-transform: none; color: #989898; height: 25px; padding: 0 10px; margin: 0 0 0 5px; font-weight:bold; font-size:14px; height:30px; 
  border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
}
 
.mbtbar .emailsub .emailupdatesform input.emailupdatesinput{background: #F3F3F3;  float: left; border: 1px solid #dcdcdc; padding: 0px 8px; color: #989898; font-size: 14px;  width: 145px; height:28px;   border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px;}
.mbtbar .emailsub .emailupdatesform input.joinemailupdates{ 
border: solid 1px #dcdcdc; 
    background: #F3F3F3; 
   font-family:Helvetica, Arial; 
text-transform: none; color: #989898; height: 25px; padding: 0 0px; margin: 0 0 0 5px; font-weight:bold; font-size:14px; height:30px; 
  border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
}
</style>

<!--[if IE 8]> <style> 
.mbtbar .emailsub .emailupdatesform input.emailupdatesinput{background: #F3F3F3;  float: left; border: 1px solid #dcdcdc; padding: 5px 10px; color: #989898; font-size: 12px;  width: 130px; height:18px;   border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px;}
.mbtbar .emailsub .emailupdatesform input.joinemailupdates{ 
border: solid 1px #dcdcdc; 
    background: #F3F3F3; 
   font-family:Helvetica, Arial; 
text-transform: none; color: #989898; height: 25px; padding: 0 5px; margin: 0 0 0 5px; font-weight:bold; font-size:14px; height:30px; 
  border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
}
 
 
</style> <![endif]-->
 
 
<div class="mbt" style="padding: 0pt 0pt 0pt 5px;"> 
<table><tbody><tr>
<td> 
<a   href="feedburner  link" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRwVx4d_fijvsMJFrXMWKSdRhc3xhRqB3x5r7ILdCnYFJNHEEhPyDf6EOIiz8Pnc0VM6_fb5PtCUZJUgCoeFc39LnkQcfY4oXFNEDOE8iVHK5JxOnGGfLSQvqJz8Lz5cQd4Fb0jNiEuNI/s1600/rss.png" border="0" /></a> 
</td>
<td>
<a style="margin-left:5px;"href=" twitter link" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqtF0dgm37hpONS_c4NYTYAWeCBFXEjHgiE_1CpuGxhNMW1Fa2KpFnx8d6kCuAX0LI1jywkJwQpoSdg1238dGEkwNNz6YBXvKlhNfzq6qu4Ad2FGm8y_QyNhmdrqgW7uJgIpkDFk6ycdU/s1600/twitter.png" border="0" /></a> 
</td>
<td> 
<a style="margin-left:5px;"href="https://www.facebook.com/Nilavaithedi" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDTwdgHoa0XE_WVfmBPzp5eq7j9zGWRNj6kweZ3mH7ITeLG9cqHFRgHWr8TY7I4YWI3M6Uc20Zqu9UqoLLRKVAebCzWjUTL4TlzOR5wPktPdL4iza_d4Flr57v2AI_eA7AJ1gAl3jIlOM/s1600/facebook.png" border="0" /></a> 
</td>
</tr></tbody></table> 
<div class="mbtbar"> 
<div class="emailsub"> 
<div class="emailupdatesform"> 
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=trb-ttet', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Submit email..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Submit email...&#39;;}" onfocus="if (this.value == &#39;Submit email...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="Trb-Ttet" name="uri" type="hidden" /><input value="Subscribe" class="joinemailupdates" type="submit" /></form></div></div></div></div>
</p></div>



<br/></div>

மேலுள்ள சிவப்பு வரியில் உங்களது தகுந்த IDயை கொடுக்கவும்

Labels

gridpost/mobile

Technology

உங்கள் பிளாக்கின் டிராப்பிக்கை அதிக படுத்தும் அதி அற்புத விட்ஜெட்!

பழைய பதிவுகளை தேட

MKRdezign

தொடர்பு படிவம்