Friday, 23 March 2012

Widget/Gadget Blog Multi Fungsi Dan Multi Guna, PASANG SEKARANG JUGA !


MungkinWidget ini akan membuat anda terkejut, Tapi saya akan memberikannya secara cuma-cuma kepada anda, Screenshotnya seperti ini ,Anda mau, Ayo kita Belajar membuatnya sekarang !

1.Masuk ke akun Blogger Anda
2.Ke Template > Edit HTML
3. Temukan kode </head>
4.Copy kode Dibawah ini Diatas kode </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>
Sekarang Simpan Template anda
5.Sekarang Pergi Ke Tata Letak > Add widget > Pilih HTML/JAVASCRIPT
6.Copy kode di bawah ini

<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/AVvXsEhoiFMYYz805AIdrlqgfWsoc_1EJkkwUtmj9XbBy5QrhdATfPJgLnSJPPH2uBAy4v5vWuZFAXOS1ow13TSAEH2xQNlmthoBMiVC0AGSYIe4wQbZxKzPK2mxg15_4fMhbpSoFnlREzxvjImz/"  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/AVvXsEhANlgjvwFGppXb3b8zTyZ8lfTuWa1G_ts4uYJB6wcS4iK-vVTMZZIao3lkB2KCXN4jeBJME4FL_aapJr1sZ4yXvqXwaQhoVVB1gxWuygBGWBz-oiREJarkEMIu7rKXdJ9Rj-09M0yKh98Y/"  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/AVvXsEj1CB0Att5RHaPbDJIhxoYupzmpsH0XiPvUXAUBtyrfwjU6pLrUTqM32f8katFfoBBvDrHDgo630oRRCv4ph6Mx91YCBfsPqtCsSZG9y16QXJ25U7kaWQccsGFM8qf5CAhRM-F1cp8izr_2/"  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/AVvXsEg0dHf316PL-qJv_yx-ja4pRrHNK_mpYqxRz0QQBdPtVA1Ap5_WAVLpjHTy6Bvj8xaY2kYukXWGhyCBV7VZE82-mxh7a6rBkrjZiLCCV4zKUCRduPb1rDc1rHtf4liThJYfD-XgT9dfSkDq/"  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://www.bloggertipandtrick.net/" target="_blank">Blogger Tips And Tricks</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/AVvXsEi8sqRrupNh3xqPkGPozt9oJIKA22uLlsxPMceiaTPWG_OIVeLhCvHbolwUUvXwLLdTHKGz0UzC66Zd-0sKV82-GrTvLzLHXYELFLLF4xtI75zua7SOHh1BGYssui2qlt_k_mfmdL-1FOw/' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW-NMRBQdE_kJ9iInfVNwoQZueRDO1_-xeg5oLYAS7RAM_0wm_dMWPAfThS8_jz0C3QnjtEpkiBTg07FU5vmUx6EGnVF2CMqMp65KRaQGiqjA30daXCBC2uLDOvT9yKM3CJO4mm_5XgfI/' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Ju7zHKeVWkyRtAX2_uB_TYOXIbWfn8C4hSwfBKNdSNc1bcJPTb7dT7fsvlqYTxHmf-Ebykq6d_KW_BZmdsX17F1jaHC6oXUkcftzWOqPH6DjI-k5MDdWOmBT4t9ZT8DAFxUv96y2Ii8/' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqISSRvzYDBM9Bf43J21vfk8C0Dd9A5GnEU563dLvWDXeASvefyHWVoEuQ3zacmttlrvzTi2jnegTq3eHixxG11_O5XBX3cvq50hlS-Hs1YWk3h7wd3wzNk_VduNeQyMQV2goUww0jg7U/' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPVOd5qq5SLMvFSxs755MPPcm6c_r8GTQo7X9BlwnV5UqRYX6eltxkba2kiQ1fz7IqQI0szv1NVN2YHEOSuj0ydL8YXWYHzSSAm4LW8Hlj07opDaExzP6_AxiyYn8wFyZMUHRl_cCNnBA/' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtT_ZFNHEFWPi37p2RXburD63757aqDic_XFhkF9m63W7bisWzrbupERrAKhTgvUYZDqk9zxrgOVL8iTFGag8qnolfnrzrS7Yfyv-Q2YH82QKlVYcdJ5GSJxpZM5p-Q9eXor7TE474Iek/' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdBQf2sUtWeZj3RTWAZfRITvPfGv8rWLCp1MV85R29WvaD7iYiqGbi5cWyTySgwQPDRWgmo28lzZUoePT3SD0y-D3Yy7-a6ZqmhGplxecnlb7K3ksYAXD2ZLs0qTJGTk_62u6mAEGCvME/' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div></div><!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --><a href="http://pelajari-selengkapnya.blogspot.com/2012/03/widget-blog-multi-fungsi-dan-multi-guna.html" target="_blank">Get This</a>
Note : JANGAN LUPA UNTUK MENGUBAH
FEEDBURNER-ID Diubah ke  ID Feedburner Anda
TWITTER-USERNAME Diubah ke Twitter username Anda.
FACEBOOK-USERNAME Diubah Ke Facebook username Anda. 

7.Sekarang Save Widget Anda
Bagaimana Mudah Dan Unik Kan

7 tanggapan:

mantaph negh widget nya..
Oh ya, sob saya mohon bantuan follow yach :D widget follower saya error, jd harus mulai dari awal lagi

Kayaknya menarik juga nih.
Patut dicoba.

Salam sehati

Post a Comment

Ayo Berkomentar !
Bagi Yang memiliki akun Facebook / Twitter / Ask.fm silahkan pilih Name/Url
Kemudian tulis nama dan Facebook / Twitter / Ask.fm
Terimakasih
Blog Ini Dofollow

Berlangganan

AYO BERLANGGANAN ARTIKEL

Tuliskan Email Anda: