Cara Membuat Berbagai Sosial Media Ada dalam 1 Kotak di Blog
Selamat pagi kawan-kawan blogger.Lama gak posting nih, tangan dah kaku ngetik di kompi.Jadi, langsung saja nih.Postingan saya kali ini membahas Cara Membuat Berbagai Sosial Media Ada dalam 1 Kotak di Blog.Kalo masih bingung dengan makna judul postingan saya, brarti anda masih normal.Maksud judul dari postingan saya tentang Cara Membuat Berbagai Sosial Media Ada dalam 1 Kotak di Blog adalah bagaimana anda bisa membuat berbagai widget sosial media dan menempatkannya dalam 1 kotak.Jika masih bingung, bisa langsung melihat sidebar di blog ini atau gambar dalam postingan ini.
Hal ini bisa membuat blog kita bertambah cepat dan kita bisa menghemat tempat di sidebar blog.Cara-cara ini telah saya praktekan dan saya coba yang akhirnya berhasil dengan sukses.Cara Membuat Berbagai Sosial Media Ada dalam 1 Tempat di Blog ini memang bukan asli buatan saya, tapi saya hanya bertugas sebagai editingnya.Sekarang, jika anda sudah tidak sabar, ikut langkah-langkah dibawah ini.
1. Masuk ke akun blog anda
2. Copy dan Paste kode dibawah ini dan tempatkan di sidebar blog
3. Setelah itu, ganti tulisan yang berbeda sesuai petunjuk dibawah ini :
<style>
/* BTSNTS Social Widget */
#BTSNTS-mashable-bar {
border: 0;
margin-bottom: 10px;
margin: 0 auto;
width:300px;
}
.fb-likebox {
background: #fff;
padding: 10px 10px 0 10px;
border: 1px solid #D8E6EB;
margin-top: -2px;
height:65px;
}
.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: .110em;
font-family: "Verdana","Helvetica",sans-serif;
color: #000;
padding: 9px 15px;
line-height: 1px;}
.googleplus span {
color: #000;
font-size: 15px;
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: "Verdana","Helvetica",sans-serif;
border-top: 0;
border-right: 1px solid #C7DBE2;
border-left: 1px solid #C7DBE2;
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: "Verdana","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: "Verdana","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: 5px;
font-family: "Verdana","Helvetica",sans-serif;
font-weight:bold;
overflow: hidden;
border: 1px solid #B6D0DA;
height:35px;
}
</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="BTSNTS-mashable-bar" ><!-- Begin Widget --> <div class="fb-likebox"> <!-- Facebook --><div id="fb-root"></div><script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="http://www.facebook.com/BrilliansBlog?ref=hl" data-width="280" data-height="88" data-show-faces="false" data-stream="false" data-header="false"></div></div><div class="googleplus"> <!-- Google --><span>Recommend Me!</span><div class="g-plusone" data-size="big"></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=EndhogHzHoliC&show_count=&show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </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=brillfeed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="Your Email Here.." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /><input type="hidden" value="brillfeed" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="subscribe" name="commit" type="submit" value="Subscribe" /></form></div></div><div id="other-social-bar"><!-- Other Social Bar --><!-- <!-- AddThis Follow BEGIN -->
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="brillian.pramudyawardana"></a>
<a class="addthis_button_twitter_follow" addthis:userid="Endhoghzholic"></a>
<a class="addthis_button_google_follow" addthis:userid="116730640083619883922"></a>
<a class="addthis_button_youtube_follow" addthis:userid="MrBonex1927"></a>
<a class="addthis_button_pinterest_follow" addthis:userid="bonek86"></a>
<a class="addthis_button_rss_follow" addthis:userid="feedburner.com/brillfeed"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-518edb714b0f061b"></script>
<!-- AddThis Follow END -->
</div></div></div><!--Social Media Sharing Widget Edited by brilliandwi.blogspot.com-->
- Tulisan yang hanya diblok dan digarisbawahi diganti sesuai sosial media yang anda punya,
* brillian.pramudyawardana ganti dengan nama akun FB sobat
* Endhoghzholic ganti dengan nama akun twitter sobat
* 116730640083619883922 ganti dengan nomor google plus sobat
* MrBonex1927 ganti dengan nama akun youtube sobat
* bonek86 ganti dengan nama akun pinterest sobat
* feedburner.com/brillfeed ganti dengan alamat feedburner sobat
- Tulisan BrilliansBlog?ref=hl ganti dengan nama FansPage FB sobat
- Tulisan EndhogHzHoliC ganti dengan nama akun twitter sobat
- 2 Tulisan brillfeed ganti dengan nama akun feedburner sobat
4. Tinggal save aja, tapi ingat!jangan menghapus sumbernya.....
Jika ada yang kurang jelas, bisa dikomeng di kolom yang telah disediakan.Semoga artikel ini bermanfaat dan salam kunjungan baliknya.