close
Tampilkan postingan dengan label Widget. Tampilkan semua postingan
Tampilkan postingan dengan label Widget. Tampilkan semua postingan

Senin, 29 Oktober 2012

Cara Memasang Box Subscribe di Blog



1. Login ke Blogger
2. Kemudian Rancangan -> Edit HTML ( Tampilan Lama )
2. Kemudian Masuk ke Template -> Edit HTML ( Tampilan Baru )
3. Kemudian Letakan kode Berikut di atas </head>

.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}

4. Kemudian Save Template

5. Silahkan Copy kode Ini dan Pastekan di Add Gadget

<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/AVvXsEhbHRfvBVksbRHDbq8b_bUYj5n89gX0sNibf8WiuYVFfcIg7GYymzeBfu8ohEpd-1yFvrX8h7dP-wkgQcVvOkwqXq2lz7MgfGlqkUirt-DBsRVkDzPzvqPIGv_X6oPR2Bz3QR2SOyV-Pfu4/" 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/AVvXsEhpMuPsQwbbEwdVbwtnWOR-soqR2BeueRHedz5a2TkZTKa30d4dSpp5YNrIGxRVZ5Bi1QnugAIvGNtUxc-T3h3KV0iQ_qDLOrvaaT6FwtMosRjkUzZNWhJiVAlYLoL6MRFGfFdAStj-MVYQ/" 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/AVvXsEimNYT5aW_IWYYxWEzz5FMG4ZG-zQN4FvKMVoTihZZRUjDLQR7yw8u-S0CGplIbsQGjyTTYz_SmhLGc5kJvTen-ZNS5E4vGYNio0sfP6G9dz4OXkJNcqaI-juup8LVxqeiTpi9-7t7l-sSr/" 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/AVvXsEh0Rfa3Dku8dUVqXpGd4GDU4y5QnsEbTo4bfYrVqxdKNkrBb_vM9T0vo24vuonqDUHhx5Ym08cJS-iFghKKSuKihGARRO1j2JltQMP1E_OU0v-ZTMAujuCV6YTWh9OFpoMEatxfWqSROO79/" 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/AVvXsEiEonzw6TvDRq7B0MRMMs9LgfdPT5D438rAXTiVWlLS1TRM_mbGXkk6RqdOtdnrrfrZ6A7Qq9474GzQe0B8Nch6zlR5z5dNNDDF9nkXihFM4v-Roq7peqoxwI9EF6SQDT-gXJMP4vAcotc/' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR-eWy-d88drm0DdmBZ7rj4L6_l5Pw_ym_XEF1CrDf3nAp5I7JRQ8t7KKsVDLeCyrKmJmI-FLzg5MAYqGG6a7HZaDU4zZRC20m_NbVmiHOaz3hT8wKA9MLfiVI8uF7yHHDnq3fWFiFIhw/' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheK4agZqFLgp7kXZPecbreu1XwsPCgWYVptXZTPEXPBCcWv2a0RLbNcYd9W5y_L08TDuDLdHnhyphenhyphenRQ85BMY9ueILLtt58gys4voz_2HmKaYBD8P-a_FkxING_fjmb1dbKlitGiW56M-WTI/' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj73nhZA-he61UIo3Fho2gNMqQkMca0SR0KGbYbxynw4xvAfM6NO8n9WiMBrRxwGsF53aJKo7XnaEXR5w5Xz32WcBMzLj6vgaeBT0dp_xmR16RA9Op3XMQ7oI3Pi4Xa5JIgs1kfxwrh-Gw/' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHsQgZxTbyhw_o2Cz4zR8d51W5-1Pmyv855RUWgyGR-XlrFzKYbVnaUvKqSpnDLjoyHKIcwfAQNktFrXCfwGcYBqUe61yhNEKNYDpTsjcJa6G_3OGnUsOp0cF4v7_KYhFXJAd4oXzQvlA/' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNF_ElUwUhXVk8Fpghn7B1bXMN9xYUOoo7aRw8xSG-fX6-M-Bz6k68vLzx28fsWNQ4wYxWgd1Dk-ni6-MTFv_zFIpfaUbgDqUu5p25jOF84rUbMeFqdfr71AwXGxiSU8t7hCJuV6w1Sug/' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3C4HSIzpiDJPliBh78DZlRWHRf5vmqi80JDZBCYGs-FmEZfPsuAsGZTCZOBiqe2tj8J-asv5eYvf8o8oXLJd3uKDAeQwSmM1qRPwrPt3r5SlKySOMJhk6R7ICzXqC23H4ffrtUtS_1QU/' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</div>


Keterangan :
Jangan lupa ganti Semua dengan ID Sobat ...

Sabtu, 13 Oktober 2012

Naruto Widget


The Game Collection


Maukie - the virtual cat


Blogger Widgets