WIDGET SEARCH DAN SHARE KEREN DI BLOGMU

1. Sign Ke Blogger.
2. Klik Rancangan

3. Klik Menu Tambah Gadget

4. Klik Menu HTML Java/Script

5. dan Copy dan Pastekan Script di Bawah Ini di HTML Java/Scriptmu:

<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://www.Blogger.com" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg93vH3Nd0sE1lSz6q8-DTarjcsU93ChLm4e97Fb8evisaMu_0g-CMm05lHH2DDg2g3xxJUAAJMdaWbAZl9y85caHHRtjPp44aiXBZdtd-KRNX1kR45mR5VLpA0J3ce5vxXI6gdTABp-m0n/" alt="Blogger" title="Blogger" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://www.Blogger.com" target="_blank" rel="nofollow">RSS Feed</a>
</div></td>
<td><div class="emailsbox">
<a href="http://www.NamaBlogmu.com" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM8LBT_ZjYNRJZbr2GkgtNujxm0ruSVRflKL-IKkHUrZwP1eJmJZ_VIQO4NUHENRd0G-kf-gXCAQlPYPkyD-KvJZcQa7NEsodUDnrW7cJOQyatXRS4EgoqVcR0mP9qSmDdgjdIS9nfi3_h/" alt="Blogmu" title="Blogmu" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://www.NamaBlogmu.com" target="_blank" rel="nofollow">Blogmu</a>
</div></td>
</tr><tr>
<td><div class="twitterbox">
<a href="http://twitter.com" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoD7kSSthKCXeMQEBQYHzXWmzYlG8lE-xaCexOyoH0yyuHVyTp0xPE_ITXzUUPsi-3waKkTg3_I1cJ2vi4EAaXfmZ5SXnlxWRYzHAWuD6eq-mr8CFOdXhQDr2uZYdSJb1BHJZHxnAZ8_WZ/" alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://twitter.com" target="_blank" rel="nofollow">Twitter</a>
</div></td>
<td><div class="facebookbox">
<a href="http://www.facebook.com" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTf9NvhD3bV6PXAPhrKqGunAsKuEVKqWwV7b7oKm5iznRQ5ygFV-f3lSmqAVvobTc_o2wK_ssbGOuG6UXCr8JmagsfSLaHp1LCHP3pLd8Q4dYRHRWz5sgGBGFBCQ1MJVkYYWHGmd8T68FB/" alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://www.facebook.com" target="_blank" rel="nofollow">Facebook</a>
</div></td>
</tr></table>
<div class='addthis_toolbox'>
<div class='custom_images'>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</div></script></div></div>

<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:294px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:0px;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:#778899;color:#fff;border:0px solid #222;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
</style>

6. Selesai

Oh iya Ganti Teks yang di Cetak Tebal dengan Nama dan Alamat Link, dan Teks yang di Cetak Tebal dan Underline dengan Alamat URL Gambar Untuk Icon Link tersebut

Posted in: Tips Mempercantik Blogmu