Want to add beautiful Professional Social Widget With Rss Subscribe Box.Social Sharing Widget with Rss,Google+,Twitter,Facebook.
DEMO
How to add this Social Widget ?
well this very easy to add above Social sharing button to your blogger .. you just add the the below Codes as HTML Widget.
<style>
#socialegytricks{
width:244px;
padding:10px 10px 0px 9px;
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5pfvwwfC-zj0xUi8pG75r99IOWvIRrxqcHvxVhX7f13chs16ewRtUkzubiVf848lnqeKWqi4pTshqLQxUHa19Ie9p1oQ2G4229F6OxOyQLMsRmI4hFW4kSDN2oHiNSFWKgBF73saPRAw/s1600/HP-Laptop-Luster.png)no-repeat top left;
box-shadow:5px 7px 5px #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:20px;}
p#socialegytricksp img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
padding-right:10px;}
p#socialegytricksp img:hover {
-moz-transform: rotate(420deg);
-webkit-transform: rotate(420deg);
-o-transform: rotate(420deg);
-ms-transform: rotate(420deg);
transform: rotate(420deg);}
egytricksform.emailout{
margin:20px;
display:block;
clear:both;
padding:50px;
float:right;
}
.egytrickstxt{
font-size:16px;
color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;
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;
width:240px;
height:30px;
}
.egytricksbtn{
color:#666;
font-weight:bold;
text-decoration:none;
padding:10px 20px;
border:4px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 20px;
background: #fbfbfb;
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%);
}
</style>
<br />
<div id="socialegytricks">
<center><p id="socialegytricksp">
<a href="http://feeds.feedburner.com/yourfeedname">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTVHQVyJhEm9ME88pLUtS2gj8ctshOm1t1pGSBDbqm6Jo0u9ljsxBW-3OOHJQSfzGEpgLtf2Cy_dSOV0wOz-5jgWMgomQzrsV4_ZE8-GXRTWty8fiAN20ISEtVj40TqI32LEmQn5raEjUG/s1600/RSS-48x48.png " /></a>
<a href="https://plus.google.com/google+name">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbu6pkNwblPOlEyX3uw4-4ddBkjr6Bw51Ke_Ka2DtoA9sxgow3SlPHNQ4PUxHA49IlhjmcJH-SAmdPI2OPI4WwN2zFF3lBafx0KfsdhIiOvjsZ4IuPi8xaUS5QJLVueZjxIpqfdn4ttpA/s1600/TNT.png " /></a>
<a href="https://twitter.com/yourtwittername">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH_U-kBZLlFa2_d1_myl1e1cprOXLqGa7peSGIOBii6ELnks-l3g4skUf0-uNwZp2CRiXNbqIzkDSx7eAqTnIzPvNe33OIuCmC60CN3SeS_vOlaAYcK5DkV__5L-dvFLRzFDv8Ql4549U/s1600/TNT.png " /></a>
<a href="http://www.facebook.com/yourfacebookname">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYbMw63uhj2baALl9lTmXKPFiRth4s0XK9X2n0cnGmPh6MnCazgsekRX7WO_hfxAWBdJHuTE3LeF8u1WodTRp0pmGZtbEwWArfnTIPDBqi4Fa9-vREaWFb8oTxi1ldYWmBNzhpzM9keJE/s1600/TNT.png " /></a></p></center>
<p style='color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;'>Get Quality Updates Into Your Inbox FREE !!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailout' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=your feed name here', 'popupwindow', 'scrollbars=yes,width=550,height=550');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='your feed name here'/>
<center><input name='loc' type='hidden' value='en_US'/>
<input class='egytrickstxt' name='email' onblur='if (this.value == "") {this.value = "Enter your Email";}' onfocus='if (this.value == "Enter your Email") {this.value = ""}' type='text' value='Enter your Email'/>
<input alt='' class='egytricksbtn' title='' type='submit' value='Submit'/>
</form><center>
</div>
#socialegytricks{
width:244px;
padding:10px 10px 0px 9px;
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5pfvwwfC-zj0xUi8pG75r99IOWvIRrxqcHvxVhX7f13chs16ewRtUkzubiVf848lnqeKWqi4pTshqLQxUHa19Ie9p1oQ2G4229F6OxOyQLMsRmI4hFW4kSDN2oHiNSFWKgBF73saPRAw/s1600/HP-Laptop-Luster.png)no-repeat top left;
box-shadow:5px 7px 5px #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:20px;}
p#socialegytricksp img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
padding-right:10px;}
p#socialegytricksp img:hover {
-moz-transform: rotate(420deg);
-webkit-transform: rotate(420deg);
-o-transform: rotate(420deg);
-ms-transform: rotate(420deg);
transform: rotate(420deg);}
egytricksform.emailout{
margin:20px;
display:block;
clear:both;
padding:50px;
float:right;
}
.egytrickstxt{
font-size:16px;
color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;
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;
width:240px;
height:30px;
}
.egytricksbtn{
color:#666;
font-weight:bold;
text-decoration:none;
padding:10px 20px;
border:4px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 20px;
background: #fbfbfb;
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%);
}
</style>
<br />
<div id="socialegytricks">
<center><p id="socialegytricksp">
<a href="http://feeds.feedburner.com/yourfeedname">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTVHQVyJhEm9ME88pLUtS2gj8ctshOm1t1pGSBDbqm6Jo0u9ljsxBW-3OOHJQSfzGEpgLtf2Cy_dSOV0wOz-5jgWMgomQzrsV4_ZE8-GXRTWty8fiAN20ISEtVj40TqI32LEmQn5raEjUG/s1600/RSS-48x48.png " /></a>
<a href="https://plus.google.com/google+name">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbu6pkNwblPOlEyX3uw4-4ddBkjr6Bw51Ke_Ka2DtoA9sxgow3SlPHNQ4PUxHA49IlhjmcJH-SAmdPI2OPI4WwN2zFF3lBafx0KfsdhIiOvjsZ4IuPi8xaUS5QJLVueZjxIpqfdn4ttpA/s1600/TNT.png " /></a>
<a href="https://twitter.com/yourtwittername">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH_U-kBZLlFa2_d1_myl1e1cprOXLqGa7peSGIOBii6ELnks-l3g4skUf0-uNwZp2CRiXNbqIzkDSx7eAqTnIzPvNe33OIuCmC60CN3SeS_vOlaAYcK5DkV__5L-dvFLRzFDv8Ql4549U/s1600/TNT.png " /></a>
<a href="http://www.facebook.com/yourfacebookname">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYbMw63uhj2baALl9lTmXKPFiRth4s0XK9X2n0cnGmPh6MnCazgsekRX7WO_hfxAWBdJHuTE3LeF8u1WodTRp0pmGZtbEwWArfnTIPDBqi4Fa9-vREaWFb8oTxi1ldYWmBNzhpzM9keJE/s1600/TNT.png " /></a></p></center>
<p style='color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;'>Get Quality Updates Into Your Inbox FREE !!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailout' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=your feed name here', 'popupwindow', 'scrollbars=yes,width=550,height=550');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='your feed name here'/>
<center><input name='loc' type='hidden' value='en_US'/>
<input class='egytrickstxt' name='email' onblur='if (this.value == "") {this.value = "Enter your Email";}' onfocus='if (this.value == "Enter your Email") {this.value = ""}' type='text' value='Enter your Email'/>
<input alt='' class='egytricksbtn' title='' type='submit' value='Submit'/>
</form><center>
</div>
Now replace highlighted red color with your URL ..Comment you got any problem ..
0 comments:
Post a Comment