blogger.It include Facebook, Twitter and
youtube link.so you can link your page to
it. This gadget is easy to install.Because
it no need to edit your template.You can
add it as gadget.try it. Earlier post about
subscription Attractive Rss Subscription
Widget With Nice Style For Blogger
1. Log in to blogger Design > Page Element.
2. Click Add Gadget and select 'HTML/Javascript
3.Now Paste Below code.
<a href="http://feeds.feedburner.com/bloggertrix" imageanchor="1" style="margin-left: .5em; margin-right: 1em; float: center;" rel="nofollow" target="blank"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXAcmsrfzz0ERy8Nox_ni38FJwKQZO8k9OtPUdzKas8AXWQjhzwK680FWjTPZsEgj4l30NQsQuSP0qXKjXcvVFQZ5XgULbD30lS4omMSsHz3R4dt-44K40DMYJIZMHQbQ9NNZ2T5kA8d2-/s400/Untitled-5.png" width="290" /></a>
<style>
.mbtips-email{
background:Fff no-repeat 0px 12px ;
width:270px;
float:center;
font-size:1.4em;
font-weight:bold;
margin:2px 20px 0px 35px;
color:#686B6C;
}
.mbtips-emailsubmit{
background:#0084CE;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
margin:0 0 0px 0;
text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
font:12px sans-serif;
}
.mbtips-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:0px 2px 0px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}
</style>
<style class="text/css">
.center
{
text-align:center;
font-weight:bold;
margin:10px;
}
</style>
<div class="center">
Submit your Email Address to Get Free Blogger Tips Directly to your Inbox
</div>
<div class="mbtips-email">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if undefinedthis.value == "") {this.value = "Enter email address here";}" onfocus="if undefinedthis.value == "Enter email address here") {this.value = "";}" value="Enter email address here..." type="text" />
<input type="hidden" value="bloggertrix" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbtips-emailsubmit" value="Submit" type="submit" />
</form>
</div>
<style class="text/css">
table
{
border-bottom: 0px solid #E6E6E6;
float: center;
width: 300px;
margin:10px 0 0 15px;
}
.subicons
{
border-right: 1px solid #E6E6E6;
}
.Fadeout {
filter:alphaundefinedopacity=100);
opacity: 1.0;
border:0;
}
.Fadeout:hover{
filter:alphaundefinedopacity=80);
opacity: 0.8;
border:0;
}
</style>
<div class="table">
<table>
<tr>
<td><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/pages/bloggertrix" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt5MPWxqr2_NTPgryc13-WCFx7rKCLbajDT2jiOMdDmqnU-MIMBDfv1OTIpesNPjmsLpahxeAxKUbZgCVe7zg6GvQCQHxnPQZ7LIxZtbnfzaLawXHn1WsOmNtxb_ArRXCb4E2-YDISUHU/s1600/bloggertrix.com-Facebook.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://twitter.com/bloggertrix" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKEglgG4RFLH7oOJEse2bbHwhdnMZFIIWbFkHAfwwVsSizAL6aXJMTIzrBmU5ux8khc7BX96gbLHjQPhjy-z-RJ0AxQ8m1F1yMjyEA1BhF0ysAjSx8jdYwDBVnfAQ62TMg3-eulWreoZo/s1600/bloggertrix.com-twitter.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/bloggertrix" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2qFUpL2EiGRgjYgSXlhJtf_k9OQtBu7vtKHSdSRXtAmF2Cnhgh5g2M7qkmBGMV9KePuti2U-LYj6sDfOs_OfMr3zdi8-TLD_nMeCyMa3UrsbiU_uW2M4AaRwzg1el-IseiX3CyPOyi7A/s1600/bloggertrix.com-rss.png" /></a></div></td>
<td><a class="Fadeout" href="https://youtube.com/bloggertrix" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWctDvwImFQkQKhyphenhyphen5T97zszUYMSTJ4CJygXVZnbr0-0DJx5keFwguW5AWTuOfruWbp-Ww_mRD5hk5Ox976qeJUQLQzoEDLgttVFbE2da4cWmMGvVOHfeVHBflbG7k9dqXQ8SNcp5Rt70U/s1600/bloggertrix.com-youtube.png" /></a></td>
</tr></table>
</div>
After paste one of above code
* Replace bloggertrix with your feedburner username
*Replace bloggertrix with your twitter Username
*Replace bloggertrix with Facebook page name
*Replace bloggertrix with youtube username
4. Now save your HTML/Javascript'.
You are done...
No comments:
Post a Comment