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 In...
1. Sign Ke Blogger.
2. Klik Rancangan
2. Klik Rancangan
3. Klik Menu Tambah Gadget
4. Klik Menu HTML Java/Script
<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 == "") {this.value = "Search...";}" onfocus="if (this.value == "Search...") {this.value = "";}" 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/AVvXsEjmKAGlglJDz_A7rU50WylqAckNJMdww2CJaBu7DvPK2gOHohcYBHEhvrE_tOvt-jElt7vN6iC2JINdD2TncEJGf9Tg8bZE7Tmp12DQITRAfV2gtBgcCFAjKH4hobPTiCjuxlq8YS99yfD1/" 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/AVvXsEgUzTU26J3gSPZFIy967IK1A6DKUAywngFEFqNuMu6cSqHqQxKvWEFcghbgGjV4YHIXDGXkBbKrS44CwqxQZoQVnP95gJqF33pXmNcQUpnnXuF-ptKUSxICIld1s3P3GwdHiS_f92Ve3bLA/" 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/AVvXsEjcUpQTA4H0EUXmQVxYG-24iRnMMmxdUdcUQM97y_Z_n5b5OHcUs3RKleCUDwBI2iT420k9w8JL2he7qCoMnhRFE_ByES2zN2heMGKq1lO2iqSvliimmObM9qXFbppmYz4vrMsxQ_plpNAt/" 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/AVvXsEgEer28jJD3iHpVsck3Kxu0TZQaVcAESL8oL8p5CHRDLlU_BwGtfxBLsNyTbm1bBE-bLq91K630Dr4FH8gIqIBqfJ6lC0LsclHVaT5h5IBoWrgcNZ_0ZnuBmIjVj3o6eSrcYWpmpIKIpR_G/" 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% "Tahoma",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
Ohya 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
Post a Comment: