How to add Social Subscription Widget to Blogger or website
Fast download the html code from the below download box
<style
type="text/css">
/*<!CDATA[*/
#soc-mega{width:320px;margin:auto;padding:0;}
.soc-googleplus {height:
51px;width:320px;margin-top:-2px;}
.soc-facebook
{background:#ffffff;border: 1px solid #DCDCDC;margin-top: -2px;padding: 5px
10px;}
.soc-gplusone
{background-color: #ffffff;border: 1px solid #d8e6eb;border-top: 1px solid
white;font-size: .87em;color: black;padding: 9px 0 0 11px;line-height:
24px;height:30px;}
.soc-gplusone span
{display: inline-block;vertical-align: middle;height: 20px;margin-top:
-17px;font-size: 14px;font-family:
"Arial","Helvetica",sans-serif; font-weight: bold;}
.soc-twitter
{background-color: #ffffff;border: 1px solid #c7dbe2;border-top: 0;}
.soc-twitter
a.twitter-follow-button {display: block;}
.soc-twitter iframe
{margin: 9px 11px;}
.soc-email{
background:#444444 ;
width:100%;
padding:10px 0 10px 0;
float:left;
font-size:18px;
text-align:center;
font-weight:bold;
margin:0 0 20px 0;
color:#ffffff;
}
.soc-emailsubmit{
background:#E98313;
border:1px solid #E98313;
cursor:pointer;
color:#fff;
padding:3px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:14px sans-serif;
}
.soc-emailsubmit:hover{
background:#686B6C;
border:1px solid #686B6C;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px
1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px
1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset
1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}
.social-widget
{
width:318px;
border:1px solid #d7d7d7;
}
.social-widget img
{
padding:0px 15px 2px 2px;
}
/*]]>*/
</style>
<div
id="soc-mega">
<div
class="soc-email">
Get free tutorials via
email
<form
action="http://feedburner.google.com/fb/a/mailverify"
id="feedform" method="post" target="popupwindow"
onsubmit="http://feedburner.google.com/fb/a/mailverify?uri=getinfopc', 'popupwindow',
'scrollbars=yes,width=550,height=520');return true">
<input
gtbfieldid="3" class="textarea" name="email"
value='Enter email address here' onblur='if (this.value ==
"") {this.value = "Enter email address
here";}' onfocus='if (this.value == "Enter email address
here") {this.value = "";}' />
<input
type="hidden" value="getinfopc"
name="uri"/><input type="hidden" name="loc"
value="en_US"/>
<input
class="soc-emailsubmit" value="Submit"
type="submit" />
</form>
</div>
<div
class="social-widget" align="center">
<a
href='http://feeds.feedburner.com/getinfopc' target='_blank'><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS6CFEhRYuTbGUr-ObIYlwWPUQCKx6RUhWcwbg19V5zV_2Fb0V8KmutdYC2gdGxPjv2TNZJ5SlO53E47cXHgpUZSuRgp332ppLzwhEBtiXQyAK04NH6U14MgczvbeMrbficpUw7u5YYPRV/s1600/rss.png"
alt="Subcribe to our RSS feeds" /></a>
<a href='http://www.facebook.com/getinfopc'
target='_blank'><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4rmUNhtzTC3wuaP60Zc8zbcRHUcz4emv7s0XbKieIXLvAHoQSKNNy1PzyLBy0NryGPQZ2_ZEfiHBP5oVzKp6D7t9iok-p6jDNcugTgJMSyaLuG1ChS1Vl0tc_R6hbXX07MWJu8IoCTqMB/s1600/fbook.png"
alt="Join Us on Facebook" /></a>
<a
href='https://twitter.com/getinfopc' target='_blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5lgUOC2WM-MtyvKu076dK9VFOJgtxdqgrkcRIeFMIm0evh7m4DFvN5oteDDQUGTK2NzDR7dMsPlZ306GvmWy4ShdYwAspCGxSIAhyphenhyphenr_sCXtNswuLKLIFon3cXpXl0nV2xOu45piRqDwgX/s1600/twit.png"
alt="Follow us on Twitter" /></a>
<a href='https://plus.google.com/107244857879006042054' target='_blank'><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMcUuXmQI2p5Y0CH4Usz6wMQcZ5bGRgFuqjs-uZI5gTGnuahZ2SOzOmE8g921kXOmmUxEA3Wn8SdalM7w-cJap_T3ff5O-MuaR6ErjB6VvCusO6va6ZXmU38TvXDryl1xwgjD7jqZ85f9e/s1600/gplus.png"
alt="Add to Circles" /></a>
<a
href='http://www.youtube.com/getinfopc' target='_blank'><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdGChBSbbynIrVK19HKHw3Recah3V7oY-ePgw1xPqlSB53OsStGROx26mhKLF-tEJ-3nazHl4qIZ7QegK9KaRAzwiRhykmote-RhqAfjUlzBQ3ysPMwTqwakBv7OUXbO-TJX4gpP14jzp0/s1600/ytube.png"
alt="Watch us on Youtube"/></a>
</div>
<div
class="soc-twitter">
<a href="https://twitter.com/getinfopc"
class="twitter-follow-button" data-show-count="true"
data-size="large">Follow @getinfopc</a>
<script
type="text/javascript">/*<![CDATA[*/!function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/*]]>*/</script>
<br/>
</div>
<div
class="soc-googleplus">
<script
type="text/javascript">
/*<![CDATA[*/
window.___gcfg = {lang: 'en'};
(function(){
var po =
document.createElement("script");
po.type = "text/javascript";
po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s =
document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();
/*]]>*/
</script>
<div class="g-plus"
data-href="https://plus.google.com/107244857879006042054"
data-width="320" data-height="69" data-theme="light"></div>
</div>
<div
class="soc-gplusone">
<script
type="text/javascript">/*<![CDATA[*/
(function() {
var po =
document.createElement("script"); po.type =
"text/javascript"; po.async = true;
po.src = "https://apis.google.com/js/plusone.js";
var s =
document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();/*]]>*/
</script>
<span>Recommend On
Google</span> <div
class="g-plusone" data-size="large"
data-href="http://adminwidget.blogspot.in/"></div>
</div>
<div
class="soc-facebook">
<iframe
src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fgetinfopc&width=300&height=200&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false&appId=136993703047102"
scrolling="no" frameborder="0" style="border:none;
overflow:hidden; width:300px; height:155px;"
allowTransparency="true"></iframe>
</div>
<div class="soc-googleplus">
<script
type="text/javascript">
/*<![CDATA[*/
window.___gcfg = {lang: 'en'};
(function(){
var po =
document.createElement("script");
po.type = "text/javascript";
po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var
s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();
/*]]>*/
</script>
<div class="g-plus"
data-href="https://plus.google.com/103576187731291423463"
data-width="320" data-height="69" data-theme="light"></div>
<span
style="float:right; padding:10px; margin-right:-10px;
font-size:10px;font-family:
"arial","helvetica",sans-serif;"><a
href="http://www.digitaltechinspiration.com/">.</a></span>
</div>
</div>
>> log on to blogger .
>> Go to Dashboard >> Layout
>> Go to add a gadget
>> Select HTML/JavaScript Widget
>> Paste the Downloaded html code here
Replace http://Feeds.feedburner.in/getinfopc with your
feedburner link.
Replace getinfopc with your facebook username.
Replace getinfopc with your twitter username .
Replace http://google.com/ 107875874887 with your google puls page link.
Replace http://google.com/ 107875874887 with your google puls profile link.
https://www.youtube.com/Getinfopc with your youtube link.
Replace http://onyourphone.blogspot.in/blogger website address.
Don't forget to like us on facebook .
0 comments:
Post a Comment