Cara memasang widget share multi fungsi dan multi guna pada blog

Saya tidak bosan untuk Posting widget Share Social yang penampilanya sangat keren dan lucu, saya mendapatkan satu widget " SHARE MULTI FUNGSI " dan Bukankah itu sangan menarik jika di pasang di blog kalian. nah contoh Screenshot di bawah ini yang akan tamipl di Blog kalian :

widget share multi fungsi.

Nah yang minat pasang widget ini, ikuti langkah-langkah di bawah ini :
Seperti biasa.

1. Login / Masuk Blogger kalian
2. Pilih rancangan dan klik Edit HTML
3. Jangan lupa kasih centang ( Expand Template Widet )
4. Kalian cari code seperti ini </head> dan simpan code di bawah ini di atas code </head>


<style type="text/css">
.subbox{width:305px;border:0 solid #141414;overflow:hidden}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.rssbox:hover{border:1px solid #92aed1}
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.emailsbox:hover{border:1px solid #92aed1}
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.facebookbox:hover{border:1px solid #92aed1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% &quot;Tahoma&quot;,Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
</style>

5. Bila sudah langkah di atas Save template.

Langkah selanjutnya

1. Masuk Blogger
2. Klik Rancangan / Tambah Gadget
3. Lalu pilih HTML/Javascript
4. Masuk code di bawah di dalam elemen HTML/Javascript


<div class="subbox">
<div id='search' style='display:inline;'>
<form action='/search' id='searchform' method='get'>
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}" type="text" value="Search..." />
<input id="searchsubmit" type="submit" value="Search" />
</form>
</div>
<table><tr>
<td><div class="rssbox">
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOEn6WuP879iNOXTp-DJOTHXwvleHpaW3buy_1mSsMIwSYg-Uugl0rSezN8r2tphHyYxOifQid9PxWESVxu3K9y5gPlNrgQV8A9M0GL2mbv7g65LPLV60OOhDmnKZyB2Ok-ehgmxqcNxSf/"  alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a>
</div></td>
<td><div class="emailsbox">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ2qvDESyhbaMJHg8jXbVAT2FIQ-s9wpQ6YvzTF_-guhvwPohCzAWcqSOFg8x3_Rvjm5rxmjYNTZjZQHkFv3cpdzLq4LkuOZUU2QW8KW7CoXLunsg0Vu4iA2yzs9yG_got6ZdefaKqohpb/"  alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">EMail Feed</a>
</div></td>
</tr><tr>
<td><div class="twitterbox">
<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaH9IwNz0o6aww_a4to11xXzqDGdKRKsEsba3ibmuMfiHRTo0Pw2MCmwMRjw4DH2cZlUuiGSTWCVCayAV_S93U2P1DJiMpIfsidX80H-zeSyDFOGaH81BZgrfzTFJmzxWpCwz2lE-MMual/"  alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a>
</div></td>
<td><div class="facebookbox">
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO4n-BVfMUjdeDraepC6aYoy79L-cXhGAbHtSxgrOVpdsWHlooJIdwNTg1oGB_gFQeNd_abX1Uaj4hmXhZBSick108_h-UVGKzjZdyLkoHMkgFDuohKbwDlsffEXU8FfsJ9Pe55N4QL5Wk/"  alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a>
</div></td>
</tr></table>
<p style="display:none;" align="center">Widget by <a href="http://tutorialseo-blog.blogspot.com/" target="_blank">Tutorial Blogger</a></p>
<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/AVvXsEi1cni-KCFOrxauwOrlpUKH_QskpweBGf_o_kK9V2RkQsFm3tyHMwxaiaeRZ4x70W1s-nbYx2e4BtAPVIYqJVgr0Y_vcK22POtgKDxTujTpbm4acQvHmRWZnfnOqfFN2HIxP4l9JEy6kOY/' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihv2rbK7fjeTx014uv1zEujl8Q825sZ9z-56QV9Mo1GHorZPbXaQQfqkZc5oAzS4up1gSzcRs_NqUxCiY1Pp8lZOclNRz6SU9RPg0wo6dZWGJVqBfciYPprXvdfsYbyO14u2UPvJrXPe8/' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU5xtywN4u1GMhSuyNxpIi1HRBYTtUgRd63WDL-rKUv2VoBOdKxYkDX6UyBnZ9SpnBVqqe3cZIjIUphhjoB4Mqg20GenURWv2AanOSqNnIy4EPaX7rsxbXure7NPtfyhzI4AIe-U8sFW8/' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijKFyR4vI_sAqk50ORD_BHFbOT6Wcu61OzddvfqnyL5zu4dx8FnQDD7ESVBpYMCof5BsdRkVPB8WbDh_CNAtgJg3dNpLp2yE3325eIaCzYdhyRW2PTAvb7TiehMciw5MxVXJAjI62ndEI/' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Gl4SCj0j9I8vC48wYZ06R3GZlLKAeT-PqyUNSJeOMM2HzXUfK2LfAJSfS3Aa9_RDq4uNGk-rc-cDtbkHxag710VGDeiakY1jz5IIXcktNffnPW9ZwZWaQkYLusw-I-87Dj136ytemmg/' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Zt8MIcUoLINvd9wMnsCRDo65S2bdtLCuOLeLfBtKwX4YAC83GkzhSA6zdSPjbTn-MFrhzFYKRxG0Zs21XfoYc6fOK8hcfkmN8jiiqf7EGErUYG4grvoK0sExSzjIP-OIVXFQJshak_M/' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWIiS8gZY8kt2aG9HhkXnCT1bFpW5rkN_lZM0mkFrOmldofWdBKFE0TeRvQt4kzbldCnN9mDgdb_zpuMl6WLjlyRUcuw2Pupn5VMBJywc8NA2GqH5le786hfUqrYYvmLpZ67aUeefp9Lc/' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div></div>

Simpan Template dan lihat Hasilnya..
Selamat mencoba dan semoga sukses

Keterangan : code di atas yang telah saya kasih tanda warna tebal ganti dengan alamat link SOSIAL kalian.
Buat kalian yang belum paham atau menemui kegagal harap beri komentar di bawah posting ini.




Share/Bookmark >

Leave a Reply

Blog Ini Dofollow