Social Media Share Widget

Assalamu'alaikum Wr.Wb.

Berbagi sosial adalah hal yang paling penting untuk semua blogger. Hal ini meningkatkan lalu lintas di blog Anda. Go Blog Go akan memberikan Social Media Share Widget, dan widget ini ditambahkan mouse efek hover dingin. Untuk menambahkan Widget ini ikuti dengan langkah-langkah yang sangat sederhana.

• Login To Blogger
• Masuk Dashboard -> Klik Monetize -> Pilih Template -> Edit HTML
• Jangan lupa kalau perlu di Back-Up dulu template-nya
• Cari Kode ]]></b:skin> pakai Ctr+F untuk mempercepat pencarian
• Tambah Kode CSS dibawah ini sebelum Kode ]]></b:skin>

#search{
width:350px; /* Anda bisa rubah ukuran Width ini */
border:1px solid #E0DFD9;
background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioAYKPHaiFDYPkrNpvzAYipz-cJcn8QuUZCCVXqWp4t4Hs1UBkBjez8l__-_3Tx1cv05mSzB1zfpZXv5AIpZPOkir1v0dbyv7rrivGnzIeeTtJl9MsysBhdfJVq9Heqw1iLGwzDCcDjQU/s1600/search-bg.png) left top repeat-x;
height:32px;
padding:0;
text-align:left;
overflow:hidden
} 
#search #s{
width:80%; /* Anda bisa rubah ukuran Width Input Area ini */
background:none;
color:#3F3F3F;
border:0;
padding:4px;
margin:3px 0 0 12px;
float:left
} 
#search .search-image{
border:0;
vertical-align:top;
float:right;
margin:8px 4px 0 2px
} 
#search-wrap{
padding:15px 0
} 
.topsearch #search{
margin-top:0;
margin-bottom:10px
}
.social-connect-widget{
background:#FFF;
border:1px solid #E7E6DE;
padding:10px
} 
.social-connect-widget:hover{
border:1px solid #CBCBC2;
background:#F5F4EF
} 
.social-connect-widget a{
text-decoration:none;
font-weight:bold;
font-family:Arial,Helvetica,Sans-serif;
color:#4B4D4E
} 
.social-connect-widget a:hover{
text-decoration:underline;
color:#F77C04
} 
.social-connect-widget img{
vertical-align:middle;
margin-right:5px
}

• Save Template-nya
• Sekarang ke Layout Template
• Klik Add Gadget (Tambah Gadget)
• Tambah HTML/Javascript
• Masukkan Kode HTML dibawah ini ke dalam kotak-nya (di-Copy Paste)

<div class='topsearch'> 
<div class='clerfix' id='search'> 
<form action='/search' id='searchform' method='get'> 
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search here...&quot;;}' onfocus='if (this.value == &quot;Search here...&quot;) {this.value = &quot;&quot;}' type='text' value='Search here...'/> 
<input class='search-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4MCoN8vzS5uqllnnBYi69rv2fV21vd6HhN4fsECoW1eM7DeijChyphenhyphendyqz-UkzYgoSw1OQH_nQhXVLOuxDLt4hCsZ9iMe3c5VNE1eaT9ys5l8W1bRVIbnoXbK3cvfgd7o4uOABa9SodMbY/s1600/search.png' title='Search' type='image'/> 
</form> 
</div> 
</div> 

<div style='clear:both;'/>
<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'> 
<a expr:href='data:blog.homepageUrl&quot;feeds/posts/default&quot;'>
<img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKlWlB4IWn1KKXFvSudYIcshKo65S-pDOw2BAbCLuVz3KSYCMBjGa6LEilnIX2CodzTkp3WgG6ZjsadGOOFInaJq4G-2WDDHhee6R8RPfjA8KuA8G0lbCVjPgJqsVTnj1MT1TN00YfrKiE/s1600/social-connect-rss.png' title='RSS Feed'/>
</a>
<a expr:href='data:blog.homepageUrl&quot;feeds/posts/default&quot;'>Subscribe to our RSS Feeds!</a> 
</div> 

<!-- GANTI NAMA ID TWITTER DENGAN ID TWITTER ANDA -->
<div class='social-connect-widget' style='margin-bottom:10px;'> 
<a href='http://twitter.com/Nama-TWITTER-Anda'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1_zP8wMvpKd2BfdrjhHhsoZm6yhybdvugoG_Sr7Wu5NMN6C21VnDygjXUCO7QOkud8YxSsIXEHYBQFGNoAI337CGshb3UAPRStEV2j0a3vtx0QYeEXYTGL6ZKBfm-1qpN4r8dDE83F53a/s1600/social-connect-twitter.png' title='Follow Us on Twitter!'/>
</a>
<a href='http://twitter.com/Nama-TWITTER-Anda'>Follow Us on Twitter!</a> 
</div>

<!-- GANTI NAMA ID FACEBOOK DENGAN ID TWITTER ANDA -->
<div class='social-connect-widget' style='margin-bottom:10px;'> 
<a href='http://facebook.com/Nama-FACEBOOK-Anda'>
<img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzFqJokV2zBK_TOGNC3ZJNnkdK6yod-bVJ_TldWHAQGa3vayYGzzbGjRecXlYz9xvnI5g5GJJ-lmqzzhis3FCuKbFpkG27iKH6ueEYhPrY6m_eOp1ar6mSGlgs4OyXCDl3X4s5n-TWiJyX/s1600/social-connect-facebook.png' title='Be Our Fan'/>
</a>
<a href='http://facebook.com/Nama-FACEBOOK-Anda'>Follow us on Facebook!</a> 
</div>

<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/AVvXsEjw2YmobHwvAImSvbvvpDyIZfDi1WXyOZ1Th5zbX9LWK7RlsxG03nN5GPwM8x3IndVzHpFCbtgcxlWwbA0mVbqjkPczXuo4KKwPTdb9DNqnakdPL2VCGpK3f9r77gjYOauMC5zWhyphenhyphen4h6iE/s1600/twitter.png' width='32'/></a> 
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAWVpCbjsF7nMF3fC15ctxFhkocO2jKSnpSmoKkHwZx5cDbzThacnmmdOZ5TSEWPUfvQ909Iiz5if8juCuz71Hv_5qun43WY-DE4QaRukZ1Zuc7jRE_leyzRnDhPyruxegoFRZl_M-2vc/s1600/delicious.png' width='32'/></a> 
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPWBXRqf31w6sWpAN0NyiM0AOSnhN5JhUTwbisJI4vS2LJaEgp-qUMBS4b7VYxpTz6R3xlg3gpYvpIQy7zA_zlYWTsIivEXTwafy7_vZabiF5-pVPwsE13z9D0NvQ-rbOcLCRtvxXI_bw/s1600/facebook.png' width='32'/></a> 
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXK3emZ2MVCOzlkkaCJ4u3vORiLRrQinKc0tveJrQ2SraWzproJ5bJtM7BqRrQ_3OI8WCiqazusT8ewrH1c_aMoYDy7VG15incTmc3Xyw1BticrTVTa6um5tLtUZL6NE-KoHy43yZ_MAw/s1600/digg.png' width='32'/></a> 
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLq-WB1_5NOh9GwyeZ3IiRC3trW2Y3P9Biq2yLp3iHAPTe97F0g62vW87dDjiYTDrhQYrnLGWIK_FmrK8yiYFAF85uxb28IhX8ViglhkdSuraFwJQlTIdtRmeep0D9Y22HziSXBMQUo7Y/s1600/stumbleupon.png' width='32'/></a> 
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8eSrjYEZA7auDb2aLSOLjcm8X4Q0FytFYa6HXwvm8-3zIisIk9yrOc51uWJrfUKf_Px__ZFcQcsECm5q7qkC_TDd4_6fnDkNcc1lm6-4mAS58kegaZisAe0_FC_UjhJKNYqhyphenhyphenD74ogiY/s1600/favorites.png' width='32'/></a> 
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcD5ZKm5mSvMQyWDCKgIsxk0UMA41bjrX8RxTIzZ9LY7VhbU3AwUcDXBUKtqY9O53C7i8eGbs8SvYe0beBusaUN4ZJoLjtY97RI4s77X9JIksjP5tvLmW3-zfRh0nb7EZSCGnzHsGrZ_w/s1600/more.png' width='32'/></a> 
</div> 
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/> 
</div> 
<div style='clear:both;'/> 

• Klik Save
• Klik Save Arrangement
• Klik View Blog untuk melihat hasil-nya

Well Done, Siapapun Mojang dan Bujang yang ingin menambah Widget di Sidebar dipersilahkan. Go Blog Go...!!! Amiin

Wassalam,