Salam bahagia,
Untuk kod dan tutorialnya sila semak ke MariBinaBlog., Cara pasang Sidebar Social Widget di Blogspot
Btw, ini kod yang saya punya.. kot-kot lah terdelete ke apa.. boleh lah saya refer di lain masa
#sidesocial{
border:0 solid #;
}
.sideg{
background: white
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCG_DCla0UupyghbbKrUB6YCjBWPL9phMtrFSX4M-EzpgsZK4FJBpkXfGE-vF6Vd8VmTQfOyNG8sjJVw7wjXtDayx07GDMpoTPVWhFXegvqoFigF578wWUEFFFYDdUC8cYFZFJcrDBiZ31/s320/gradient.png) repeat-x 0 -100px!important;
font-size:0.85em;
color:#000;
line-height:1px;
border-top:1px solid white;
border-bottom:1px solid white;
padding:5px 11px
}
.sideg span{
vertical-align:text-top;
color:#333;
margin:2px;
}
.sidetw{
background: white
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCG_DCla0UupyghbbKrUB6YCjBWPL9phMtrFSX4M-EzpgsZK4FJBpkXfGE-vF6Vd8VmTQfOyNG8sjJVw7wjXtDayx07GDMpoTPVWhFXegvqoFigF578wWUEFFFYDdUC8cYFZFJcrDBiZ31/s320/gradient.png) repeat-x 0 -100px!important;
line-height:1px;
border-top:1px solid #FFF;
border-bottom:1px solid white;
padding:4px 11px;
}
.sidefb{
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCG_DCla0UupyghbbKrUB6YCjBWPL9phMtrFSX4M-EzpgsZK4FJBpkXfGE-vF6Vd8VmTQfOyNG8sjJVw7wjXtDayx07GDMpoTPVWhFXegvqoFigF578wWUEFFFYDdUC8cYFZFJcrDBiZ31/s320/gradient.png) repeat-x 0 -100px!important;
}
.sidesub{
line-height:1px;
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCG_DCla0UupyghbbKrUB6YCjBWPL9phMtrFSX4M-EzpgsZK4FJBpkXfGE-vF6Vd8VmTQfOyNG8sjJVw7wjXtDayx07GDMpoTPVWhFXegvqoFigF578wWUEFFFYDdUC8cYFZFJcrDBiZ31/s320/gradient.png) repeat-x 0 -100px!important;
border-top:1px solid white;
padding:3px 10px;
}
.sidesub span{
width:115px;
}
</style>
<div id="sidesocial">
<div class="sidefb">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FLaman-Kakyongdotcom%2F172935636135077&width=280&height=183&colorscheme=light&show_faces=true&border_color=%2382CDFC&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:190px;" allowtransparency="true"></iframe>
</div>
<div class="sideg">
<div class="g-plusone" data-size="medium" data-href="http://ibualiya.blogspot.com"></div><span>Recommend on Google</span>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
</div>
<div class="sidetw">
<a href="https://twitter.com/Ibu3A" class="twitter-follow-button">Follow @YOU</a>
<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>
<div class="sidesub"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=KeluargaIbu3a', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="submit" value="Subscribe" /><span><input type="text" style="width: 165px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
font-size: 0.85em;
margin-top: -1px;
margin-left: 15px;" name="Masukkan email" value=" Masukkan Email" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/><input type="hidden" value="KeluargaIbu3a" name="uri"/><input type="hidden" name="loc" value="en_US"/></span></form>
</div>
</div>
..
Jangan lupa join contest & giveaway ibu sihat anak riang
..
p/s
Buat kawan-kawan yang dah LIKE Laman Kakyongdotcom tu.. boleh ajer bila2 masa nak ping entry blog ke situ... tapi tolong jangan SPAM yer..
salam kasih sayang,
..