Hi.....Friends.Today
we are here with new awesome social subscription box widget with social
icon hover effect.In Blogging world,Traffic is most essential for blog
admin.This widget can increase your visitors and subscribers and it also
allows to get latest updates from you blog.If your blog have no traffic
then your blog will be count in zero.Using this widget you will get
more benefits from your blog.This widget include social media such as
Facebook, Twitter, Google Plus, Pinterest, Rss.These icons are rotating
when you will mouse hover on it.Hope you will sure like this widget.
- Log In To Blogger.com
- Navigate To Template And Click on Edit HTML
- Now Click Anywhere In The HTML Coding Box To Active It.
- Press CTRL+F And Find The Given Below Code.
<data:post.body/>
- Just Below Above Found Code Paste The Provided Given Below.
<b:if cond='data:blog.pageType == "item"'>
<style>
form.feedburner{
margin:20px 0 0;
display:block;
clear:both;
}
.TechBlogGuide-email-style{
padding:7px 15px 7px 5px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.TechBlogGuide-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3RG_MB4JtAYTg_mCBbxPCh8qS9TcOavH_PX1w2gInY9vdpv_AJ541LOGlpJsehjiPgkyUgBHMikXPIloRhi09ZU4vXQj8mlBxEt-E5zIZVzWeNkd5g0zkMAbHQV00-a2f90XWusieffc/s1600/email+TechblogGuide.png) no-repeat 0px 13px ;
width:300px;
padding:10px 0 0 55px;
float:bottom,left;
font-family: "Trebuchet MS",sans-serif;
font-size:1.2em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.TechBlogGuide-submit-button{
color:#000000;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #c4c4c4;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #00ff01;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#TBGemailwidget-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 5px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #c4c4c4;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:auto;
margin:10px 0;
}
#TBGemailwidget-outer:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
#TBGemailwidget-outer td{
padding:3px 0;
}
</style>
<center>
<div id='TBGemailwidget-outer'>
<div id='TBGemailwidget'>
<p style='color:#333; font-weight: bold; font-size: 23px;font-family: "Georgia MS",sans-serif; margin:0px 0px 5px 0px; '>Subscribe And Get Latest Updates Free !</p>
<table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
<tbody>
<tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
<td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
<div class='TechBlogGuide-email'>Enter Your Email Below !
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=asadreza2006', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='asadreza2006'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='TechBlogGuide-email-style' name='email' onblur='if (this.value == "") {this.value = "Enter your email…";}' onfocus='if (this.value == "Enter your email…") {this.value = ""}' type='text' value='Example@example.com'/>
<input alt='' class='TechBlogGuide-submit-button' title='' type='submit' value='Submit'/>
</form></div>
</td>
<td style='border:none; margin: 40px 0px 0px 0px; padding: 40px 0px 0px 0px;'><p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; '>Follow us!</p>
<style>#social{border:0px solid #888; margin:0px 0px 0px 0px; padding:0px; } #social:hover {border:0px solid #ccc;cursor:pointer; } .opacity {opacity: 1;margin-left: 50px;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-ms-transition: all 1s ease-out;transition: all 1s ease-out;-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');zoom: 0;} .opacity:hover {opacity: 0.65;-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');zoom: 0;}</style><a href="http://facebook.com/techblogguide" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" class="opacity" id="opacity" img="img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZfx0pN7WghOjqOv_INgFoLosBgqmbH5L40fnrBOhyphenhyphendzHNTU5BZupPThgIc83NTZ3Sam0GXBgOkOVgOUpiY4yRyg3KHIo48yJyFeuMrqsB7gLW3i7fNcUph4IP149pOI6OlDpj6MEIbro/s320/Facebook+TBG.png" style="margin-right: 1px;" /></a><a href="http://twitter.com/asadreza2006" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" class="opacity" id="social" img="img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfnP_SK2LlwMvfuJzllIogaakS2qeUEw2Y_HicbAoaDiqQeNEVBZg53wtghI01phIMRZeP1prY_pWjHXBOZikEaT9tgTuHW6MhtIgDjoCFzmQqVgqUL0tQNJRLr_3dpXPII703qtu8i48/s320/Twitter+TBG.png" style="margin-right: 1px;" /></a><a href="https://plus.google.com/
111604591527304843321" rel="nofollow" target="_blank" title="Follow Us On Google+"><img class="opacity" id="social" img="img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcNwyR6niLl2IuPFycZLzHnPymup9zmFFhffh-R9N-URMd9ApAbINw1S71R0iypTL3MolMYexNs-a8OTrgr0kaojY294eosxHEh35a1ZT2XpgCZyYdkQOnrq89qod87xuAqbRs0xT0-9A/s320/Google+plus+TBG.png" style="margin-right: 1px;" /></a><a href="http://pinterest.com/loveasadreza" id="opacity" rel="nofollow" target="_blank" title="Follow Us On Pinterest"><img alt="Icon" border="0" class="opacity" id="social" img="img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipYUS0qVYhm85Do-SQroZri5cRKoRSoboNjJ86BJhotpUWsjerNPSTal_lMzcLFvpVCROis8J4IOF0oc4czpwFwj6fcO2iUYN-t75KxjClVX9rykTTuIkXh4MOvKsiNsVWnmcLtkNoFLk/s320/Pinterest+TBG.png" style="margin-right: 1px;" /></a><a href="http://feeds.feedburner.com/allsoftwareandwidget" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" class="opacity" id="social" img="img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1TuC7Ix5c4f7dN51fNEleV55thhoIcgqzZu_YSNLLKfMvM7-xkYC8JxH0BG0eXD1kxoawtIKB6YYKGqqOkiuqC3w8LhU9Z5_VwXs1CecCMWeWNAqqIr6OWm9c9WXFBmEqvMX8F3QNKLU/s320/RSS+TBG.png" style="margin-right: 1px;" /></a>
</td>
</tr>
</tbody></table>
</div></div>
</center>
</b:if>
Customization:
- Replace The allsoftwareandwidget Text With Your Social Link.
- Mission Complete.
Get Free UpDates ?
If yes, Then enter your email below to get
more such great articles in your inbox
Powered By HAmza Gujjar Get Free !
Posts
0 comments:
Post a Comment