Follow Following Steps To Add This Unique Widget:
- Go To Blogger Dashbord.
- Go To Layout/Design>>add gadget>>Html/javascript.
- Copy Following Code and Paste There.
Code:
<style>
#UT-ssw-wrap {
height:250px;
width:250px;
background:#F2F2F2;
color:#009;
font-family:Georgia, "Times New Roman", Times, serif;
padding:3px;
border:3px solid #734E76;
border-radius: 5px;
}
#UT-ssw-icons-wrap
{
text-align:center;
height:50px;
padding: 5px 0px;
}
.UT-ssw-icons
{
height:40px;
width:40px;
float:left;
margin-left:15px;
margin-bottom:10px;
}
.UT-ssw-icons:hover
{
opacity: .7;
filter:alpha(opacity=70);
height:40px;
width:40px;
cursor:pointer;
}
.UT-ssw-lbl
{
color:#734E76;
font-weight:500;
text-align:center;
padding: 2px 0px 10px 0px;
}
.UT-email-field
{
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp1t8OUo3w-V0rRQzrsloRFgOrZnt8tghTTOI0I1FMMu1zuSwIH-B7GiQF7Fz0i-cEVRavPq2B83ocj6i01Y5DZbEOTe9dDLLtBgCvwCzb7Wd25vkvPa-_YhrTt3fl9baKrnj9fhmVm9NX/s1600/icons.png) no-repeat 0 -27px;
border:1px solid #dcdcdc;
border-radius:4px;
color:#444;
margin:0 0 15px;
padding:10px 40px;
width: 166px;
}
#UT-ssw-submit
{
height:40px;
width:150px;;
background:#734E76;
color:#FFF;
font-weight:bold;
text-align:center;
margin-left: 42px;
border-radius: 10px;
}
</style>
<div id="UT-ssw-wrap">
<div class="UT-ssw-lbl">Subscribe to Us!!</div>
<div id="UT-ssw-icons-wrap">
<a href="https://www.facebook.com/allin1web" rel="nofollow" title="Like us">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Hgrv0BekryfVTP3TJXSBeXocK2L2YBjiWY8nGcWePFYpdwvPmcKyyATRWuuYp02VQFOtB4sM67OWdH5vUrWl2LClxkFeyVjXq04_ZF3LGW8R_oyQ7hmP86uDja8ecK9B1cVCrXz3QHXw/s1600/facebook-v3.png" class="UT-ssw-icons" alt="FB"/>
</a>
<a href="https://www.twitter.com/allin1web" rel="nofollow" title="Follow Us">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKi4MXnw_9z0Zd9ueugLG4zFRUM6TFFI0TOYIwIdCnXXIv7DCsXyDP7EbGNw3oPBOn92KqAfTAkptayJOICCilPfn_qIzodf02ZHzR39kCVf7nz7ZS7K3U9r3Pt-U9cISFVvsPVm91kHOH/s1600/twitter-v3.png" class="UT-ssw-icons" alt="TW" />
</a>
<a href="https://plus.google.com/u/0/Your User No." rel="nofollow" title="Follow us">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRcLg07IF_G6qyYDk9uy1vAHMHAAKf0wkbdxuvXQrljDCNerX5_d5ZRd5eMCAV4EpiabejDK6FdOQXY5DIUA5V3r30WZN8WQQ8HTDy7L2ZFXjhefJoWHngO7YxFIH9dPKurv7grZJwfFvA/s1600/google+-v3.png" class="UT-ssw-icons" alt="G+"/>
</a>
<a href="http://feeds.feedburner.com/allin1-web" title="Subscribe Us">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkQNmLV75TIULklaD6Nf4cAKWjH-uM2M80JfrnjlAJsV4-_C9183QrfV1PBDL9fIfFGMSZmp18MEhJBAo_U83VtTCXlgghUhH0EBrMJgFJZcIMSqLtc_AfAs16AdjPBpcpeCVSf5lAb0fe/s1600/rss-v3.png" class="UT-ssw-icons" alt="RSS"/>
</a>
</div>
<div class="UT-ssw-lbl">Get Pro Tutorials directly<br /> in to your Inbox</div>
<p align="center"><a href="http://feeds.feedburner.com/Allin1-web">
<img src="http://feeds.feedburner.com/~fc/Allin1-web?bg=99CCFF&fg=444444&anim=1&label=listeners" height="26" width="88" style="border:0" alt="" /></a>
</p>
<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">
<input type="text" class="UT-email-field" name="email" autocomplete="off" placeholder="Type ur email" /> <br />
<input type="hidden" value="allin1-web" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="Subscribe" id="UT-ssw-submit"/>
</form>
</div>
#UT-ssw-wrap {
height:250px;
width:250px;
background:#F2F2F2;
color:#009;
font-family:Georgia, "Times New Roman", Times, serif;
padding:3px;
border:3px solid #734E76;
border-radius: 5px;
}
#UT-ssw-icons-wrap
{
text-align:center;
height:50px;
padding: 5px 0px;
}
.UT-ssw-icons
{
height:40px;
width:40px;
float:left;
margin-left:15px;
margin-bottom:10px;
}
.UT-ssw-icons:hover
{
opacity: .7;
filter:alpha(opacity=70);
height:40px;
width:40px;
cursor:pointer;
}
.UT-ssw-lbl
{
color:#734E76;
font-weight:500;
text-align:center;
padding: 2px 0px 10px 0px;
}
.UT-email-field
{
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp1t8OUo3w-V0rRQzrsloRFgOrZnt8tghTTOI0I1FMMu1zuSwIH-B7GiQF7Fz0i-cEVRavPq2B83ocj6i01Y5DZbEOTe9dDLLtBgCvwCzb7Wd25vkvPa-_YhrTt3fl9baKrnj9fhmVm9NX/s1600/icons.png) no-repeat 0 -27px;
border:1px solid #dcdcdc;
border-radius:4px;
color:#444;
margin:0 0 15px;
padding:10px 40px;
width: 166px;
}
#UT-ssw-submit
{
height:40px;
width:150px;;
background:#734E76;
color:#FFF;
font-weight:bold;
text-align:center;
margin-left: 42px;
border-radius: 10px;
}
</style>
<div id="UT-ssw-wrap">
<div class="UT-ssw-lbl">Subscribe to Us!!</div>
<div id="UT-ssw-icons-wrap">
<a href="https://www.facebook.com/allin1web" rel="nofollow" title="Like us">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Hgrv0BekryfVTP3TJXSBeXocK2L2YBjiWY8nGcWePFYpdwvPmcKyyATRWuuYp02VQFOtB4sM67OWdH5vUrWl2LClxkFeyVjXq04_ZF3LGW8R_oyQ7hmP86uDja8ecK9B1cVCrXz3QHXw/s1600/facebook-v3.png" class="UT-ssw-icons" alt="FB"/>
</a>
<a href="https://www.twitter.com/allin1web" rel="nofollow" title="Follow Us">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKi4MXnw_9z0Zd9ueugLG4zFRUM6TFFI0TOYIwIdCnXXIv7DCsXyDP7EbGNw3oPBOn92KqAfTAkptayJOICCilPfn_qIzodf02ZHzR39kCVf7nz7ZS7K3U9r3Pt-U9cISFVvsPVm91kHOH/s1600/twitter-v3.png" class="UT-ssw-icons" alt="TW" />
</a>
<a href="https://plus.google.com/u/0/Your User No." rel="nofollow" title="Follow us">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRcLg07IF_G6qyYDk9uy1vAHMHAAKf0wkbdxuvXQrljDCNerX5_d5ZRd5eMCAV4EpiabejDK6FdOQXY5DIUA5V3r30WZN8WQQ8HTDy7L2ZFXjhefJoWHngO7YxFIH9dPKurv7grZJwfFvA/s1600/google+-v3.png" class="UT-ssw-icons" alt="G+"/>
</a>
<a href="http://feeds.feedburner.com/allin1-web" title="Subscribe Us">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkQNmLV75TIULklaD6Nf4cAKWjH-uM2M80JfrnjlAJsV4-_C9183QrfV1PBDL9fIfFGMSZmp18MEhJBAo_U83VtTCXlgghUhH0EBrMJgFJZcIMSqLtc_AfAs16AdjPBpcpeCVSf5lAb0fe/s1600/rss-v3.png" class="UT-ssw-icons" alt="RSS"/>
</a>
</div>
<div class="UT-ssw-lbl">Get Pro Tutorials directly<br /> in to your Inbox</div>
<p align="center"><a href="http://feeds.feedburner.com/Allin1-web">
<img src="http://feeds.feedburner.com/~fc/Allin1-web?bg=99CCFF&fg=444444&anim=1&label=listeners" height="26" width="88" style="border:0" alt="" /></a>
</p>
<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">
<input type="text" class="UT-email-field" name="email" autocomplete="off" placeholder="Type ur email" /> <br />
<input type="hidden" value="allin1-web" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="Subscribe" id="UT-ssw-submit"/>
</form>
</div>
- Change Orange Colour Text to Your User-Name
- Click On Save
- You Are Done..... :)
No comments:
Post a Comment
Notice: Don't add "backlink". Text with Link will automatically Removed.