Monday, October 29, 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/AVvXsEi1GHYIVEsvKlWdHNajwEB9PVC-KKaHRqOSYZSKMNN62SiX2ELp3puwLIcsX_NDd_k5gSs867usPB8MTL-5u0FuSli7bRrC45TRrxTno3iX52rkyM35jUGi9hpR11ip5-cdMDotE1iKmKh3/" 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/AVvXsEhoE96xkR2K-Y9Y6jQM_-kZSL6_dFD1XeorEXpHv-k0_9ih3TFU7cyvqh4A5U2m9EsEDmCs7_9yeYsWli0OfVbiQB-c8XwIp4B0zGJnAu8GAk2z4L1TWdcfdDUj86y4SPIin_qEFN7Gj6ZD/" 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/AVvXsEgG7sZxzcLj39SFaU-qAH_r-3wKDUcLryHS77ez2-_1-MfAkjY1FeE8aJ8dAW1xkLIWjAJsVYFjroX6QAnkBkBajh_e44DZEtUXVqqbEe2nx4Dt2H5gJVzf3xp_CuVxbSpoTwgXbtJuww6D/" 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/AVvXsEicYnbwxlpZRAoitm1Ba0rO-8MhS7ZlzhKK1B1R1IFlBwj1fzTbxVFKNqS_GSYj-O4qnbZ5-CxeAKZNgPrwR3XbsoujOWm9IlcsZIuRlsTxYI3-B8k3NjDwQ1O4cBH_cYndeQr_iXIq1IQZ/" 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/AVvXsEh5VH10zb4g7eR80cXyRDRVOiji7YVZyPk3QsxRQaEh1Rt106DWfw3lgz2k-zCIhz2T_o0AjcO5INHsXN2M6LlO3BUExlugDO2XMgVL3V6ycoj9SyyMVpmSMOVkd2cMHFGALOoXYeFD0P4/' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgLgVibBkw3nK_ZZ2I0TjPiPCTul_G1y_9VVdk9EO5Dh5jstoPvNmY-DGydgVQiPvy43LYvhjdpjRi1amOXgzmFMfF4KIP85pflo_MPIK70hMflv6lT4MKB8n1acgk1nT2l0UkdBVhgnI/' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHEWF337aHkJw89YADM2n0wHKEntzrhuJkb99rgcKKDGPvuYx0ZAGe5C_6SRXY7U67-Fef8prYHGlNFyGyXlMz-29UvGIZPwsTC_k0MOVy7dFne8CtSXSwNjmiOm1yND_vZ5DooQGXyE0/' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghy4xA29cSCSbxtNNymB2FrNHHMd2ejGLkZEm4XAu_xYRzi2sds8ayn6YqAqqzzVJiKE3nKIl37yW3wHkXAUos0kQeQEDXiL7lvmpHCmOoDxpyGpWespumo0OOFPJBhbACLJFO9zqav5Q/' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCBumpzLm03nqyUQ0CPVG7YGNFodfSqL51mo-7QMSjqYUO7Chv-Bi5MdCRrGbAydfSur88F2zrHtTn5H5DyvB9m9_5MapUVO4DHtaom1UgfzK5GNjWI3GXzhWC7g8NsLM6twnnv6f2RIk/' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaKMN_OFtAiSl7RJgj48PRqtcz7jbm5Xo2Wukiygi254EyCysQI-WkgjMFfTx3auzTA5CVHxns-xy8Lvk8n7YMTOyNLDaNFZgkwcyUEzk7WZOiLrT4B992jtxs-a4rcQXoKDQIXZOAyns/' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieagqWGXzwXukIzHSFL0izT68dK3JjRr9Np5xQhXVcn3P9sNYPltTc_nGmwZFjVUCaFbZjAvPP8E62UnlTe8dc3KWOpXgexTB3KRT1kreC30-6Z8bYfHXg7Yp_069jLPB0XSFL0ZcnaT0/' 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 ...

1 comment:

Saya tidak online 24 Jam dan hanya sendiri mengurus blog ini, mohon maaf bila komentar anda tidak di balas.
Mohon gunakan kata-kata yang sopan dalam memberikan komentar.
Komentar SPAM, SARA, dan sejenisnya tidak akan di tampilkan.