4 February 2014

stylish all in one social/email keren


stylish all in one social/email
setelah sekian lama saya tidak memposting .\, kali ini saya akan share  stylish all in one social/email .
bisa dilihat demonya di sini
CARA PEMASANGAN
  1. masuk dashboard
  2. klik TATA LETAK > TAMBAH GADGET
  3. pilih HTML/javascript
  4. 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&amp;width=270&amp;height=25&amp;show_faces=false&amp;colorscheme=light&amp;stream=false&amp;border_color=%23eee&amp;header=false&amp;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&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=en&amp;link_color=&amp;screen_name=USERNAME2&amp;show_count=&amp; show_screen_name=&amp;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==&#39;&#39;)this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" 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://lh5.googleusercontent.com/-EetTDeVx6tM/UcXQvlO9NyI/AAAAAAAAAnM/svadww3suuU/h120/Pc+Tools+Tips.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://lh4.googleusercontent.com/-BnZUQFMzMO4/UcXQ3LUCCgI/AAAAAAAAAnU/VlEpetaFZbY/h120/Pc+Tools+Tips.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://lh4.googleusercontent.com/-gho1ccJwKxI/UcXQ-BQuoKI/AAAAAAAAAnc/Yc3BhEJ0S00/h120/Pc+Tools+Tips.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://lh6.googleusercontent.com/-ZOiq3eMMDd0/UcXREiPqkyI/AAAAAAAAAnk/3xh_KlnAe9k/h120/Pc+Tools+Tips.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://lh4.googleusercontent.com/-7-kcq1fP770/UcXRKjRYs8I/AAAAAAAAAns/ERnffElccNg/h120/Pc+Tools+Tips.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://lh5.googleusercontent.com/-lzr5-TAX5Zc/UcXRQkdZ7uI/AAAAAAAAAn0/DVlKJE6Tf-8/h120/Pc+Tools+Tips.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://lh6.googleusercontent.com/-WJ4aEwhcRLY/UcXRXKwMRcI/AAAAAAAAAn8/WOHPFhwsjq0/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
  1. ganti teks yang berwarna kuning dengan link fanspage anda
  2. ganti teks yang berwarna ungu dengan url blog/website anda
  3. ganti teks yang berwarna merah dengan username twitter anda
  4. ganti teks yang berwarna biru dengan usernae feedburner anda

berkomentarlah sesuka anda
===>no link aktiv<===
NB:Sebelum menyisipkan kode silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar