stylish all in one social/email keren ~ MOONROEMOORT

4 February 2014

setelah sekian lama saya tidak memposting .\, kali ini saya akan share stylish all in one social/email .
bisa dilihat demonya di sini
CARA PEMASANGAN

masuk dashboard
klik TATA LETAK > TAMBAH GADGET
pilih HTML/javascript
masukan kode di bawah ini

<style type="text/css">
/*<!CDATA[*/
#social-widget {margin: 0 auto;margin-bottom: 25px;padding-top:2px;overflow:hidden;width:270px;box-shadow: 0px 2px 6px 4px rgba(0, 0, 0, 0.1);}.fb-likebox {padding: 10px 10px 0 10px;border: 1px solid #FA5E51;margin-top: -2px;background: #FD7D55;overflow: hidden !important;border-bottom: none;}
.fcontainer iframe{width: 248px;height: 66px;}.fcontainer{background: #FAFCFF;height: 66px;box-shadow: inset 0 0 5px rgba(0, 31, 255, 0.45);overflow: hidden;border-radius: 10px;border-bottom-leftradius: 0;border-bottom-right-radius: 0;}.googleplus {background: #F75151;border: 1px solid #F84B4B;font-size: .90em;font-family: "Helvetica",sans-serif;color: black;padding: 9px 11px;line-height:1px;}.googleplus span {color: #fff;font-size: 11px;position: absolute;display:inline-block;margin: 9px 70px;}.g-plusone { float: left;}.twitter {background: #84D7F5;padding: 10px;border: 1px solid #84D7F5;}
#email-news-subscribe .email-box {padding: 5px 10px;font-family: "Arial","Helvetica",sans-serif;border: 1px solid #E48A17;height: 35px;background: #E48A17;}
#email-news-subscribe .email-box input.email{width: 130px;background: white;border: 1px solid #DEDEDE;color: #999;padding: 5px 10px 5px 10px;font-family: "HelveticaNeue",sans-serif;font-size: 12px;}
#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:6px 12px;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 #999background:-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}
#social-bar {background-color: #111;padding: 0px;font-family: "Helvetica",sans-serif;font-weight: bold;overflow: hidden;border: 1px solid #222;height: 44px;}#social-bar ul {list-style: none outside none; padding-left: 4px;}#social-bar .other-follow {float: left;color:#1E598E;overflow: hidden;padding:5px;width: 270px;}#social-bar .other-follow ul {list-style: none outside none;padding-left: 4px;}#social-bar .other-follow ul li {font-size: 12px;font-weight: bold;display:inline;border:0;text-shadow: 1px 1px white;} #social-bar .other-follow ul li a {font-size: 12px;color:#1E598E;font-weight: bold;display:inline;text-shadow: 1px 1px white;}#social-bar .other-follow li {display: inline-block;padding-right: 10px;padding-left: 7px;position: relative;}
/*]]>*/
</style>
<div id="social-widget"><div class="fb-likebox"><div class="fcontainer">
<script> document.write(" <iframe frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/"+facebook+"&width=270&height=25&show_faces=false&colorscheme=light&stream=false&border_color=%23eee&header=false&appId=163093577065198' style='border:none; overflow:hidden; '></iframe> ");</script> <iframe frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=URL HERE&width=270&height=25&show_faces=false&colorscheme=light&stream=false&border_color=%23eee&header=false&appId=163093577065198" style="border:none; overflow:hidden; "></iframe>

</div></div><div class="googleplus">
<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>
<div class="g-plusone" data-size="medium" data-href="YOUR SITE URL"></div>
<span>Share It</span>
</div>
<div class="twitter">
<script> document.write(" <iframe class='twitter-follow-button' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=en&link_color=&screen_name="+twitter+"&show_count=& show_screen_name=&text_color=' style='width: 300px; height: 20px;' title=''></iframe> ");</script> <iframe class="twitter-follow-button" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=en&link_color=&screen_name=USERNAME2&show_count=& show_screen_name=&text_color=" style="width: 300px; height: 20px;" title=""></iframe>
</div>
<div id="email-news-subscribe"><div class="email-box">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USERNAME1', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="email" id="email" name="email" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Enter Your Email here.." />
<input name="uri" type="hidden" value="USERNAME1" />
<input name="loc" type="hidden" value="en_US" />
<input class="subscribe" name="commit" type="submit" value="Subscribe" />
</form>
</div></div><div id="social-bar"><ul class="other-follow"><div style='clear:both;'/>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8D75iXwGOVtFKD0DchHeulzwDkwyme0132_UG5kUFUMEvq9WFSgTLoqe5YbBFQav0MmkTkUu-5NihbI8Ur9ke7VioPnRYu-Ng_9axqD0QWxAGWMb1CGdXrapUxD2gm8qUVF1mkmNUN04/h120/Pc+Tools+Tips.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpY73no3zi3OLo_5PaEmTCsjXyBwccvwHHK9Ramv5516lSGqXkcmnmfhFSd99ZtjcSctrJv1JwsOwKDGRRq3Gacv6YLVB8xySYbinGmr6v0O87KIur8gD3yt4PCVdu1phMFcmJVPb4un4/h120/Pc+Tools+Tips.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6rhWGCdGUs2wrcHrTsMgJ4AkNokwuAfZaD5Qsfvo0GuFEUmUQckVyIskzQwPzCAofys4en3w8jFa1X_USYqgoBnfwH3tP0C8nHSIkr9pIcGt2gRDGuSpXr-u1Mcrar6K7onjwuzJwiVg/h120/Pc+Tools+Tips.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTtAj5ZwSd6DkB31GRtjUBvKkfcQKHf_6zrGLNAxd72l-J6dM79VvLoUxVYLzcjMplk8pIkOeeUztoV-J9LGGgu6GudyVxaBWgu_N6xif54Ru1Odlaf3k4SibSlUse69gvAQ-6Oamcge4/h120/Pc+Tools+Tips.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT89d9S1sgOjbqFCgtltMRb93O5UQmJ3Y8FfiHicqdMvk7u0TCcm4rLB4Qel9Q8AjaG9GWFb4srIHq_IEd8Zc28RecXkiUZXrhtsmMOXAxH5IPgPCVOuBwq7ftMxedlnPvD9d_P5wAsQ0/h120/Pc+Tools+Tips.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF0a5cybrI38kCm4gbV99KLgkx6k7MbBX0o7DTrDwsOjEAtCY5h-md-BOOk1u0tcaBR4z4K_WXBIHxT00qZn6NKbJcju2qIZW0BrtgEdM_2FQjvs4P90P2S1Lo9HgaBQsqanQ9tJANz9U/h120/Pc+Tools+Tips.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_KnOCynqRrMfHcnk2BUqFIBCqSPgXOpNhaJ2IYA1W_H3ac_zTtox3QPgjAc7mSxJmCZolKVOXUAEZXaODHL0bZcFAyk_dDqFBqSjd9BBxQTBOJGUeHn6VKjgDPjJzYiZ2YyiZvgEx8kk/h120/Pc+Tools+Tips.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
<div style='clear:both;'/>
</script>
</div></ul></div></div>

KETERANGAN

ganti teks yang berwarna kuning dengan link fanspage anda
ganti teks yang berwarna ungu dengan url blog/website anda
ganti teks yang berwarna merah dengan username twitter anda
ganti teks yang berwarna biru dengan usernae feedburner anda

MOONROEMOORT

stylish all in one social/email keren

site info

support

Labels