All In One Social Widget for Blogger: Fanspage, Subscribe Form, Facebook, Twitter, Google Plus

WIDGET Sosial All In One untuk Blogger ini menyatukan semua link dalam satu kotak keren dan cantik — Fanspage Facebook, Kotak Berlagganan (Subscribe Form), Link Facebook, Twitter, dan Google Plus sekaligus.

Dengan widget ini ruang sidebar blog jadi leluasa untuk dipasangkan widget lainnya, seperti Posting Terbaru, Popular Posts, Random Posts, dll.

Tiga Gaya Kotak Berlangganan Plus Media Sosial
Berikut ini beberapa widget sosial All in One yang bisa digunakan. Cara memasangnya sangat mudah:
1. Layout > Add a Gadget > HTML/JavaScript
2. Copas salah satu kode di bawah ini ke kolom “Content”
3. Ubah linknya dan klik Save!

Sumber

KODENYA:

<style> #socialnetworking { border: 1px solid #ebebeb; width:
280px; } .fb-likebox { padding: 10px 10px 0 10px; border-bottom: 1px
solid #ebebeb; } .googleplus { background: #eef9fd; border-top: 1px
solid white; border-bottom: 1px solid #ebebeb; font-size: 12px; color:
#000; padding: 9px 11px; line-height: 1px; font-family: Verdana, Geneva,
sans-serif; } .googleplus span { color: #000; font-size: 11px;
position: absolute; margin: 9px 70px; width: 280px; } #widgetbox {
background: #EBEBEB; padding: 2px 8px 2px 3px; text-align: right;
border-image: initial; } #widgetbox .author-credit a { font-size: 10px;
font-weight: bold; text-shadow: 1px 1px white; color: #1E598E;
text-decoration: none; } .g-plusone { float: left; } .twitter {
background: #eef9fd; border-top: 1px solid #fff; padding: 10px; } .fb {
background: #eef9fd; border-top: 1px solid white; border-bottom: 1px
solid #ebebeb; font-size: 12px; color: #000; padding: 9px 11px;
line-height: 1px; font-family: Verdana, Geneva, sans-serif; } .fb span {
color: #000; font-size: 11px; position: absolute; margin: -12px 100px;
width: 280px; } .pterest { background: #EFF5FB; border-bottom: 1px solid
#ebebeb; font-size: 12px; color: #000; padding: 9px 11px; line-height:
1px; font-family: Verdana, Geneva, sans-serif; border-top: 1px solid
#ddd; } #email-news-subscribe .email-box { padding: 5px 10px;
font-family: “Arial”,”Helvetica”,sans-serif; border-top: 0;
border-image: initial; height: 35px; background: #EFF8FB; width: 260px; }
#email-news-subscribe .email-box input.email { background: #FFFFFF;
border: 1px solid #dedede; color: #999; padding: 7px 10px 8px 10px;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius:
3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius:
3px; border-image: initial; font-family: “Arial”,”Helvetica”,sans-serif;
} #email-news-subscribe .email-box input.email:focus { color: #333 }
#email-news-subscribe .email-box input.subscribe { background:
-moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); background:
-webkit-gradient(linear,left top,left
bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00)); background:
-moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
-pie-background: linear-gradient(270deg,#ffca00,#ff9b00); font-family:
“Arial”,”Helvetica”,sans-serif; border-radius: 3px; -moz-border-radius:
3px; -webkit-border-radius: 3px; border: 1px solid #cc7c00; color:
white; text-shadow: #d08d00 1px 1px 0; padding: 7px 14px; margin-left:
3px; font-weight: bold; font-size: 12px; cursor: pointer; border-image:
initial; } #email-news-subscribe .email-box input.subscribe:hover {
background: #ff9b00; background-image:
-moz-linear-gradient(top,#ffda4d,#ff9b00); background-image:
-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
filter:
progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
outline: 0; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px
#999; box-shadow: 0 0 3px #999 background:-webkit-gradient(linear,left
top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
background: -moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
-pie-background: linear-gradient(270deg,#ffda4d,#ff9b00); border-radius:
3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px
solid #cc7c00; color: #FFFFFF; text-shadow: #d08d00 1px 1px 0 }
</style> <div id=”socialnetworking”> <!– Begin Widget
–> <div class=”fb-likebox”> <!– Facebook –>
<center> <a style=”margin-right: 10px;” rel=”me”
href=”http://profiles.google.com/104294117816058085440″
target=”_blank”> <img
src=”http://2.bp.blogspot.com/-9KrXKpRJeWY/UwWe2Wzv6HI/AAAAAAAAB3U/G75iAnP7ljQ/s1600/GooglePlus.png”
/></a> <a style=”margin-right: 10px;”
href=”http://www.facebook.com/MyBloggerBuzz” target=”_blank”
rel=”nofollow”> <img
src=”http://2.bp.blogspot.com/_rLYhkzmU7RY/TED5ihk9m6I/AAAAAAAAABI/v_2rKVhRE0g/s320/1oaxc4.jpg.png”
/></a> <a style=”margin-right: 10px;”
href=”http://feeds2.feedburner.com/MyBloggerBuzz” target=”_blank”
rel=”nofollow”> <img
src=”http://3.bp.blogspot.com/_rLYhkzmU7RY/TED5SYSjFII/AAAAAAAAABA/xcmxc456JgQ/s1600/2d7itk9.jpg.png”
/></a> <a style=”margin-right: 10px;”
href=”http://feedburner.google.com/fb/a/mailverify?uri=MyBloggerBuzz&loc=en_US”
target=”_blank” rel=”nofollow”> <img
src=”http://1.bp.blogspot.com/_rLYhkzmU7RY/TED5LW-dTrI/AAAAAAAAAAw/mozQRQcCttU/s320/j5krgl.jpg.png”
/></a> <a style=”margin-right: 10px;”
href=”http://twitter.com/#!/MyBloggerBuzz” target=”_blank”
rel=”nofollow”> <img
src=”http://3.bp.blogspot.com/_rLYhkzmU7RY/TED5Omxmx_I/AAAAAAAAAA4/iU6SVPqEQWI/s1600/3312cmr.jpg.png”
/></a> </center> </div> <div
class=”googleplus”> <span><font><font>Recommend Us
On Google </font></font></span> <!– GooglePlus
–> <!– Place this tag where you want the 1 button to render
–> <g:plusone size=”medium”></g:plusone> <!– Place
this render call where appropriate –> <script
type=”text/javascript”> (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> <script
type=”text/javascript”> gapi.plusone.render ( ‘plusone-div’, {
“size”: “medium”, “count”: “true” } ); </script> </div>
<div class=”fb”> <!– Twitter –> <iframe
src=”//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2FMyBloggerBuzz&send=false&layout=button_count&width=450&show_faces=true&action=like&colorscheme=light&font=verdana&height=21″
scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden;
width:450px; height:21px;” allowtransparency=”true”> </iframe>
<span>Like Us On Facebook</span> </div> <div
class=”twitter”> <!– Twitter –> <iframe
allowtransparency=”true” frameborder=”0″ scrolling=”no”
src=”http://platform.twitter.com/widgets/follow_button.1335513764.html#_=1335528101755&id=twitter-widget-0&lang=en&screen_name=MyBloggerBuzz&show_count=true&show_screen_name=true&size=m”
class=”twitter-follow-button” style=”width: 244px; height: 20px; ”
title=”Twitter Follow Button”> </iframe> <script
src=”http://platform.twitter.com/widgets.js”
type=”text/javascript”></script> </div> <div
class=”pterest”> <a
href=”http://pinterest.com/babycatering/”><img
src=”http://passets-cdn.pinterest.com/images/about/buttons/follow-me-on-pinterest-button.png”
width=”169″ height=”28″ alt=”Follow Me on Pinterest”/></a>
</div> <div id=”email-news-subscribe”> <!– Email
Subscribe –> <div class=”email-box”> <form
action=”http://feedburner.google.com/fb/a/mailverify” method=”post”
target=”popupwindow”
onsubmit=”window.openundefined’http://feedburner.google.com/fb/a/mailverify?uri=MyBloggerBuzz’,
‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”>
<input class=”email” type=”text” style=”width: 140px; font-size:
12px;” id=”email” name=”email” value=”Enter Your Email here..”
onfocus=”if(this.value==this.defaultValue)this.value='';”

onblur=”if(this.value=='')this.value=this.defaultValue;”/>
<input type=”hidden” value=”MyBloggerBuzz” name=”uri”/> <input
type=”hidden” name=”loc” value=”en_US”/> <input class=”subscribe”
name=”commit” type=”submit” value=”Subscribe”/> </form>
</div> </div> <div id=”widgetbox” style=”background:
#FBEFEF;border-top: 1px solid #ddd;padding: 1px 8px 1px 3px;text-align:
right;border-image: initial;font-size:10px;font-family:
“arial”,”helvetica”,sans-serif;”> <span class=”author-credit”
style=”font-family: Arial, Helvetica, sans-serif;”><a
href=”http://www.mybloggerbuzz.com/2014/02/all-in-one-social-widget-blogger.html”
target=”_blank”>Get This Widget »</a></span>
</div> <!– End Widget –> </div>

Sumber

KODENYA:

<style type=”text/css”>
#wcsub-box
{
box-shadow:1px 1px 4px #dcdcdc;
-moz-box-box-shadow:1px 1px 4px #dcdcdc;
-web-kit-box-shadow:1px 1px 4px #dcdcdc;
-goog-ms-box-shadow:1px 1px 4px #dcdcdc;
margin-bottom:70px;
height:264px;
}
#wc-socico
{
height:33px;
border-bottom:1px solid #dcdcdc;
border-left:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
padding:2px;
background:#ffffff;
}
#wc-socicoimg
{
height:28px;
width:28px;
}
#wc-socico table
{
border:none;
}
#wc-rscount
{
margin-top:2px;
margin-right:-25px;
}

#wcsub-box
.wcsub-fblike { border-bottom: 1px solid #dcdcdc; border-left: 1px
solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 5px;
background:#fff;}
#wcsub-box .wcsub-email {border: 1px solid #dcdcdc; background: #f8f8f8; padding:11px;}
#wcsub-box .wcsub-email h4{color: #444;font-family: Arial;font-size: 12px; margin: 0 0 10px;}
#wcsub-box .wcsub-email .txt,#wcsub-box .wcsub-email
.txt:focus{background:#fff; float:left; color:#777777; border:1px solid
#dcdcdc; border-radius: 3px; padding: 7px 10px 8px; width: 140px;}

#wcsub-box .wcsub-email .wcsub-button,#wcsub-box .wcsub-email
.wcsub-button:focus{background:#222222; border:1px solid #222222;
color:#fff; border-radius: 3px; float: right; font-size: 12px;
font-weight: bold; padding:7px 3px; }
#wcsub-box .wcsub-email
input, textarea {
font-family: Georgia, “Times New Roman”, Times; font-size: 1em;}
</style>

<div id=”wcsub-box”>
<div class=”wcsub-email”>
<h4>Get FREE updates on your <a href=”http://feedburner.google.com/fb/a/mailverify?uri=pretoproblogger” target=”_blank” style=”color:#3b5998;”>Email</a> | <a href=”http://feeds.feedburner.com/pretoproblogger” target=”_blank” style=”color:orange;”>RSS</a></h4>
<form onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=pretoproblogger‘, ‘popupwindow’,
‘scrollbars=yes,width=700px,height=700px’);return true”
target=”popupwindow” method=”post”
action=”http://feedburner.google.com/fb/a/mailverify”>
<input
name=”email” onblur=”if (this.value == ”) {this.value = ‘Enter your
email address’;}” onfocus=”if (this.value == ‘Enter your email address’)
{this.value = ”;}” value=”Enter your email address” class=”txt” />
<input type=”hidden” name=”uri” value=”Pretoproblogger” />
<input type=”hidden” value=”en_US” name=”loc” />
<input type=”submit” value=”Subscribe” class=”wcsub-button” />
<div style=”clear:both;”></div>
</form>
</div>

<div id=”wc-socico”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”298″>
<tbody>
<tr>
<td valign=”top” ><a href=’http://feeds.feedburner.com/pretoproblogger‘
target=’_blank’ rel=nofollow’ ><img id=”wc-socicoimg”
src=”http://3.bp.blogspot.com/-KjMedajdI2w/UTtUCEg5_zI/AAAAAAAABcQ/K3qUhvOTNrA/s1600/feed.png”
alt=”Subcribe to our RSS feeds” /></a></td>

<td valign=”top” ><a href=’http://www.facebook.com/Pretoproblogger‘
target=’_blank’ rel=’nofollow’><img id=”wc-socicoimg”
src=”http://2.bp.blogspot.com/-7_3aMhrvLq4/UTtUB9H5ZyI/AAAAAAAABcM/JjZGcP7r3_I/s1600/fbb.png”
alt=”Join Us on Facebook” /></a></td>

<td valign=”top” ><a href=’https://plus.google.com/102731179322289098765‘
target=’_blank’ rel=’nofollow’><img
src=”http://4.bp.blogspot.com/-vnYX9pKHZCU/UTtUCWa3-HI/AAAAAAAABcU/Xi7l4YF136U/s1600/gpp.png”
alt=”Add to Circles” id=”wc-socicoimg” /></a></td>

<td valign=”top” ><a href=’https://twitter.com/pretoproblogger‘
target=’_blank’ rel=’nofollow’><img id=”wc-socicoimg”
src=”http://2.bp.blogspot.com/-VXfOkCT43uI/UTtUEItlzyI/AAAAAAAABck/cvROEjW1Vx8/s1600/tww.png”
alt=”Follow us on Twitter” /></a></td>

<td valign=”top” ><p id=”wc-rscount”><a href=”http://feeds.feedburner.com/PretoproBlogger“><img src=”http://feeds.feedburner.com/~fc/PretoproBlogger?bg=000000&fg=ffffff&anim=1″ height=”26″ width=”88″ style=”border:0″ alt=”” /></a></p></td>
</tr></tbody></table>
</div>

<div class=”wcsub-fblike”>
<iframe src=”//www.facebook.com/plugins/like.php? href=https://www.facebook.com/Pretoproblogger?fref=ts

&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font&height=21″
scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden;
width:80px; height:21px;”
allowtransparency=”true”></iframe><a href=”
https://www.facebook.com/Pretoproblogger”
target=”_blank” rel=”nofollow” style=”color: #3B5998; font-family:
arial; font-size: 16px; font-weight: bold; line-height: 20px;”> Like
us on Facebook </a><div class=”clear”></div>
</div>

<a href=”https://twitter.com/pretoproblogger” class=”twitter-follow-button” data-show-count=”true” data-lang=”en-gb”>Follow @PreToProBlogger</a>
<script>!function(d,s,id){var

js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+’://platform.twitter.com/widgets.js’;fjs.parentNode.insertBefore(js,fjs);}}(document,
‘script’, ‘twitter-wjs’);</script>

<div class=”wcgplus”>
<div class=”g-plus” data-href=”https://plus.google.com/102731179322289098765” data-width=”290″ data-height=”131″ data-theme=”light”></div>
</div>
</div>

Sumber

KODENYA

<style>
    /* Social Widget */
    #ABT-mashable-bar {

        border: 0; background:#c8e993; border:1px solid #ccc;
        margin-bottom: 10px; padding:8px;
        margin: 0 auto;
            width:283px;
    }
    .fb-likebox {
        background: #fafafa;
        padding: 10px 10px 0 10px;
        border: 1px solid #D8E6EB;
        margin-top: -2px;
            height:80px;
    }
    .googleplus {
        background: #F5FCFE;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #ebebeb;
        border-right: 1px solid #D8E6EB;
        border-left: 1px solid #D8E6EB;
        border-image: initial;
        font-size: .90em;
        font-family: “Arial”,”Helvetica”,sans-serif;
        color: #000;
        padding: 9px 11px;
        line-height: 1px;}
    .googleplus span {
        color: #000;
        font-size: 11px;
        position: absolute;
        display:inline-block;
        margin: 9px 70px;}
    .g-plusone {    float: left;}
    .twitter {
        background: #EEF9FD;
        padding: 10px;
        border: 1px solid #C7DBE2;
        border-top: 0;}
    #mashable {
        background: #EBEBEB;
        border: 1px solid #CCC;
        border-top: 1px solid white;
        padding: 2px 8px 2px 3px;
        text-align: right;
        border-image: initial;}
    #mashable .author-credit {}
    #mashable .author-credit a {
        font-size: 10px;
        font-weight: bold;
        text-shadow: 1px 1px white;
        color: #1E598E;
        text-decoration:none;}
    #email-news-subscribe .email-box{
        padding: 5px 10px;
        font-family: “Arial”,”Helvetica”,sans-serif;
        border-top: 0;
        border-right: 1px solid #C7DBE2;
        border-left: 1px solid #C7DBE2;         background: #d3e0ed;
        border-image: initial;
       height:35px;}
    #email-news-subscribe .email-box input.email{
        background:#FFFFFF;
        border: 1px solid #dedede;
        color: #999;
        padding: 7px 10px 8px 10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        border-image: initial;
        font-family: “Arial”,”Helvetica”,sans-serif;}
    #email-news-subscribe .email-box input.email:focus{color:#333}
    #email-news-subscribe .email-box input.subscribe{
        background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
        background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
        -pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
        font-family: “Arial”,”Helvetica”,sans-serif;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #cc7c00;
        color:white;
        text-shadow:#d08d00 1px 1px 0;
        padding:7px 14px;
        margin-left:3px;
        font-weight:bold;
        font-size:12px;
        cursor:pointer;
        border-image: initial;}
    #email-news-subscribe .email-box input.subscribe:hover{
        background: #ff9b00;
        background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
        background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
        outline:0;-moz-box-shadow:0 0 3px #999;
        -webkit-box-shadow:0 0 3px #999;
        box-shadow:0 0 3px #999
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
        background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
        -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #cc7c00;
        color:#FFFFFF;
        text-shadow:#d08d00 1px 1px 0}
    #other-social-bar {
        background-color: #D8E6EB;
        box-shadow: 0 1px 1px #FFFFFF inset;
        padding: 0px;
        font-family: “Arial”,”Helvetica”,sans-serif;
        font-weight:bold;
        overflow: hidden;
        border: 1px solid #B6D0DA;
           height:30px;
    }
    #other-social-bar ul {list-style: none outside none; padding-left: 4px;}

    #other-social-bar .other-follow {
        float: left;
        color:#1E598E;
        overflow: hidden;
        height:20px;
        padding:7px;
        width:283px;}

    #other-social-bar .other-follow ul {
        list-style: none outside none;
        padding-left: 4px;}
    #other-social-bar .other-follow ul li {
        font-size: 12px;
        font-weight: bold;
        display:inline;
        border:0;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow ul li a {
        font-size: 12px;
        color:#1E598E;
        font-weight: bold;
        display:inline;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow li {
        font-size: 12px;
        font-weight: bold;
        display:inline;
        border:0;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow li a {
        font-size: 12px;
        color:#1E598E;
        font-weight: bold;
        display:inline;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow li.my-pin {

background:
url(‘http://4.bp.blogspot.com/-2RnZdxYjh5E/T5UpLTZoRUI/AAAAAAAAAfQ/zqJ1Sd7SZIY/s1600/pinterest-16.png’)
no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;
            margin-left:5px;}
    #other-social-bar .other-follow li.my-rss {

background:
url(‘http://3.bp.blogspot.com/-sR72SM_Wets/TwHZG9y4hXI/AAAAAAAAFv8/0bP2R3Qkl8c/s400/rss-16×16.png’)
no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;
            margin-left:5px;}

#other-social-bar .other-follow li.my-pin a, #other-social-bar
.other-follow li.my-linkedin a, #other-social-bar .other-follow
li.my-gplus a{
    text-decoration:none;}

#other-social-bar .other-follow li.my-rss a:hover, #other-social-bar
.other-follow li.my-linkedin a:hover, #other-social-bar .other-follow
li.my-gplus a:hover{text-decoration:underline;}
    #other-social-bar .other-follow li.my-linkedin {
        background: url(‘http://madbaydesigns.com/shop/images/social_bookmarks/twitter.png’) no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;}
    #other-social-bar .other-follow li.my-gplus {

background:
url(http://4.bp.blogspot.com/-cC729VpBxrk/TwHZE71ZgoI/AAAAAAAAFvk/_UMyIgA8vj8/s400/gplus-16×16.png)
no-repeat transparent;
        line-height: 1;
        width: 60px;
        padding: 0px 3px 1px 20px;
        margin-bottom:0px;}
    </style>
    <!–[if IE]>
    <style>
    #email-news-subscribe .email-box input.subscribe{
        background: #FFCA00;
        }
    </style>
    <![endif]–>

<!–begin of social widget–> <div
style=”margin-bottom:10px;”> <div id=”ABT-mashable-bar” >
<!– Begin Widget –>
<div class=”fb-page” data-href=”https://www.facebook.com/romelteamedia”
data-width=”300″ data-height=”250″ data-small-header=”true”
data-adapt-container-width=”true” data-hide-cover=”true”
data-show-facepile=”true” data-show-posts=”false”><div
class=”fb-xfbml-parse-ignore”><blockquote
cite=”https://www.facebook.com/romelteamedia“><a href=”https://www.facebook.com/romelteamedia“>Romeltea Media</a></blockquote></div></div>
<div
class=”googleplus”> <!– Google –> <span>Recommend us
on Google!</span><div class=”g-plusone”
data-size=”medium”></div> <script type=”text/javascript”
src=”https://apis.google.com/js/plusone.js”></script>
</div> <div class=”twitter”> <!– Twitter –>
<iframe title=”” style=”width:300px; height: 20px;”
class=”twitter-follow-button”
src=”http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&
    align=&button=blue&id=twitter_tweet_button_0&
    lang=en&link_color=&screen_name=romeltea&show_count=&
    show_screen_name=&text_color=” frameborder=”0″ scrolling=”no”></iframe> </div>
<div id=”other-social-bar”> <!– Other Social Bar –>
<ul class=”other-follow”>
<li
class=”my-rss”> <a rel=”nofollow” title=”Google Plus”
rel=”author” href=”http://plus.google.com/103329103950948291283”
target=”_blank”>RSS</a> </li>
<li class=”my-pin”> <a rel=”nofollow” title=”Pinterest” href=”http://pinterest/romeltea” target=”_blank”>Pinterest</a> </li>
<li class=”my-linkedin”> <a rel=”nofollow” title=”Twitter” rel=”author” href=”http://twitter.com/romeltea” target=”_blank”>Twitter</a>
</li> <li class=”my-gplus”> <a rel=”nofollow” title=”G+” rel=”author” href=”http://plus.google.com/103329103950948291283” target=”_blank”>G+</a> </li>
</ul>
</div>
<div id=”email-news-subscribe”> <!– Email Subscribe –> <div class=”email-box”>

<form action=”http://feedburner.google.com/fb/a/mailverify”
method=”post” target=”popupwindow”
onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=romelteamedia‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”>

<input class=”email” type=”text” style=”width: 120px; font-size:
12px;” id=”email” name=”email” value=”Enter Your Email here..”
onfocus=”if(this.value==this.defaultValue)this.value='';”

onblur=”if(this.value=='')this.value=this.defaultValue;”
/>
            <input type=”hidden” value=”romelteamedia” name=”uri” />
            <input type=”hidden” name=”loc” value=”en_US” />
            <input class=”subscribe” name=”commit” type=”submit” value=”Subscribe” />
        </form>
    </div> </div>
<div
id=”mashable” style=”background: #e3e3e3;border: 1px solid
#CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align:
right;border-image: initial;font-size:10px;font-family:
“arial”,”helvetica”,sans-serif;”> <span class=”author-credit”
style=”font-family: Arial, Helvetica,
sans-serif;”></span></div></div>
    <!– End Widget –> </div> <!–end of social widget–>

Silakan pilih tampilan sesuai dengan selera. Rekomendasi tampilan ketiga, lebih bagus. (http://www.komunikasipraktis.com).*

All In One Social Widget for Blogger: Fanspage, Subscribe Form, Facebook, Twitter, Google Plus

Response (1)

Tulis Komentar Cancel reply

Read Also

Response (1)

Tulis Komentar Cancel reply