Cute Social Box kek gambar di atas, aku kasi background yang cute, males liat yang monoton gtu2 aja.
Cara memasangnya di widget blog.
Layout > Add gadget > HTML/Javascript >Copy kode css n HTML berikut
<style type="text/css">
/*<!CDATA[*/
#ASH-mashable{width:315px;margin:auto;padding:0;}
.ASH-googleplus {height: 57px;}
.ASH-facebook {background:#DB7DF5;border: 1px solid #DCDCDC;margin-top: -2px;padding: 5px 10px;}
.ASH-gplusone {background-color: #FA55C6;border: 1px solid #d8e6eb;border-top: 1px solid white;font-size: .87em;color: black;padding: 9px 0 0 11px;line-height: 24px;height:30px;}
.ASH-gplusone span {display: inline-block;vertical-align: middle;height: 20px;margin-top: -17px;font-size: 11px;font-family: "Arial","Helvetica",sans-serif;}
.ASH-twitter {background-color: #55D6FA;border: 1px solid #c7dbe2;border-top: 0;}
.ASH-twitter a.twitter-follow-button {display: block;}
.ASH-twitter iframe {margin: 9px 11px;}
.ASH-emailbox {background-color: #FABB55;border: 1px solid #b6d0da;border-top: 1px solid #eff5f7;padding: 12px 16px;overflow: hidden;}
.ASH-emailbox form{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;}
.ASH-emailbox input.emailu {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;color: #999;padding: 7px 10px 8px;width: 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;}
.ASH-emailbox input.emailu:focus {color: #333;}
.ASH-emailbox input.submitu {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;padding: 7px 14px;font-weight: bold;font-size: 12px;float: right;cursor: pointer;}
.ASH-emailbox input.submitu:hover {text-decoration: none;}
.ASHYellow{border:1px solid #DBA329;text-shadow:1px 1px 0 #DBA329;background: #dddd2e;background: -moz-linear-gradient(top, #dddd2e 0%, #ffb515 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddd2e), color-stop(100%,#ffb515));background: -webkit-linear-gradient(top, #dddd2e 0%,#ffb515 100%);background: -o-linear-gradient(top, #dddd2e 0%,#ffb515 100%);background: -ms-linear-gradient(top, #dddd2e 0%,#ffb515 100%);background: linear-gradient(top, #dddd2e 0%,#ffb515 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddd2e', endColorstr='#ffb515',GradientType=0 );}
.ASHYellow:hover{background: #eaea3c;background: -moz-linear-gradient(top, #eaea3c 0%, #ffb515 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaea3c), color-stop(100%,#ffb515));background: -webkit-linear-gradient(top, #eaea3c 0%,#ffb515 100%);background: -o-linear-gradient(top, #eaea3c 0%,#ffb515 100%);background: -ms-linear-gradient(top, #eaea3c 0%,#ffb515 100%);background: linear-gradient(top, #eaea3c 0%,#ffb515 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaea3c', endColorstr='#ffb515',GradientType=0 );}.ASH-moresubs {background: none repeat scroll 0 0 #EBEBEB;border-style: solid;border-width: 1px;border-color: #fff #ccc #ccc;padding: 3px 8px 3px 3px;text-align: right;font-size: 7px;letter-spacing: 1px;}
.ASH-moresubs a {display: inline-block;font-weight: bold;color: #1E598E;text-decoration: none;text-shadow: 1px 1px 1px #fff;}
/*]]>*/
</style>
<div id="ASH-mashable">
<div class="ASH-facebook">
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fashprincesskawaii.blogspot.com%2F&width&layout=standard&action=like&show_faces=false&share=true&height=35' style='border:none; overflow:hidden; height:35px;'/>
</iframe></div>
<div class="ASH-gplusone">
<div class="g-plusone" data-size="medium" data-href="http://ashprincesskawaii.blogspot.com/"></div>
<span>Recommend on Google</span>
</div>
<div class="ASH-twitter">
<a href="https://twitter.com/ashnareswari" class="twitter-follow-button" data-show-count="true">Follow @ashnareswari</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>
</div>
<div class="ASH-emailbox">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ashprincesskawaii', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow">
<table width="100%">
<tr>
<td>
<input class="emailu" name="email" placeholder="Enter your email" type="text"/>
</td>
<td width="64px">
<input class="submitu ASHYellow" type="submit" value="Subscribe"/>
</td>
</tr>
</table>
<input name="uri" type="hidden" value="ashprincesskawaii"/>
<input name="loc" type="hidden" value="en_US"/>
</form>
</div>
</div>
Yang aku tandai warnai pink,ganti ama akun kmu yee..
Ditulis Oleh : Unknown ~ http://cokawaii.blogspot.com
KAmU BaRu aJa mEmBaCa aRtIkEl tEnTaNg Cute Social Box. KamU BoLeH CoPaSt aRtIkEl iNi, BuT JaNgAn lUpA UnTuK MeNcAnTuMkAn lInK SuMbErNyA. THaNkS FoR ViSiT...
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Ash Princess Kawaii
|
Posting Komentar