Portal of all Blogger widget, Airtel USSD Codes, Facebook Hack, Free Internet Tips, PC and Blogger Tricks

Breaking

Monday 1 July 2013

Premium FeedBurner and Social Network Widget

Follow Following Steps:
1.Login in to your Blogger account.
2.Now navigate to the Layout section from your dashboard.
3.Click to add a HTML/ JavaScript gadget where you want this widget to appear.
Now Copy and paste the following code in to it.
CODE:
<style>
.UT-Social-Icons
{
height:45px;
width:45px;
}
.UT-Social-Icons:hover
{
opacity: .7;
filter:alpha(opacity=70);
height:45px;
width:45px;
cursor:pointer;
}
#UT-wrap
{
height:250px;
width:250px;
background:#EBEBEB;
border:1px solid transparent;
box-shadow:0px 0px 1px 2px #009;
}
#UT-header
{
height:30px;
background-color:#0F4794;
color:#FFF;
text-align:center;
padding-top:5px;
font-weight:bold;
}
#UT-wrap a
{
text-decoration:none;
}
#UT-SI-wrap
{
margin-top:15px;
text-align:center;
}
.UT-margin
{
margin-left:10px;
}
.UT-label
{
color:#0F4794;
font-weight:800;
text-align:center;
margin-top:10px;
}
.UT-left
{
float:left;
margin-left:5px;
}
.UT-inputs
{
height:2.5em;
border-radius:2px 2px 2px 2px;
}
#UT-subs
{
margin-left:30px;
background-color:#0F4794;
color:#FFF;
}
</style>
<div id="UT-wrap">
<div id="UT-header">
Follow us on Social Media !
</div>
<div id="UT-SI-wrap">
<a href="https://www.facebook.com/allin1web" rel="nofollow" title="Like us">
<img
src="http://3.bp.blogspot.com/-
UVBdtc4H7dE/UZoKV6IcPxI/
AAAAAAAAAjM/4eEjKW0doqU/s1600/
facebook-bs.png" class="UT-Social-Icons"/>
</a>
<a href="https://www.twitter.com/
Allin1web" rel="nofollow" title="Follow
Us">
<img src="http://4.bp.blogspot.com/-
T0bbdULbrT4/UZoKXFGb3cI/
AAAAAAAAAjc/rAMHKhJATxg/s1600/
twitter-bs.png" class="UT-Social-Icons UT-
margin"/>
</a>
<a href="https://plus.google.com /
u/0/102111280721002623355"
rel="nofollow" rel="Follow us">
<img src="http://1.bp.blogspot.com/-
_qBJVgAxEbo/UZoKVuUCwaI/
AAAAAAAAAjE/lNCevc0tuIA/s1600/
Googleplus-bs.png" class="UT-Social-Icons
UT-margin"/>
</a>
<a href="http://feeds.feedburner.com/allin1-web">
<img src="http://3.bp.blogspot.com/-
TZMaBiooQxU/UZoKV2_vHdI/
AAAAAAAAAjI/teSxXGB4VtU/s1600/RSS-
bs.png" class="UT-Social-Icons UT-margin"/
>
</a>
</div>
<div class="UT-label">
Subscribe to our RSS Feeds
</div>
<form action="http://
feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow"
onsubmit="window.open('http://
feedburner.google.com/fb/a/mailverify?
uri=allin1-web', 'popupwindow',
'scrollbars=yes,width=550,height=520');
return true">
<div>
<div class="UT-left" style="margin-
top:30px;">
<div>
<input type="text" name="email"
placeholder="Get Updates Via Email"
class="UT-inputs" style="width:150px;">
<input type="hidden"
value="allin1-web" name="uri"/>
<input type="hidden"
name="loc" value="en_US"/>
</div>
</div>
<div class="UT-left">
<img
src="http://4.bp.blogspot.com/-Ci6P54Gtvvg/
UZoKW26sbeI/AAAAAAAAAjg/
eRhopwvs8xo/s1600/sub-rss.png"
height="80" width="80" style="margin-
top:8px;"/>
</div>
<div clear:both;></div>
</div>
<div style="margin-top:-10px;">
<input type="submit"
value="Subscribe" class="UT-inputs"
id="UT-subs"/>
</div>
</form>
</div>

Now before saving, we need
to change the social networks and feedburner usernames.
»Click on Save.

No comments:

Post a Comment

Notice: Don't add "backlink". Text with Link will automatically Removed.