Cara Membuat Widget RSS Subscribe Keren Untuk Blog ~ Ron1st Blog

langsung saja kita mulai

Login ke Blogger, Dengan akun anda
Pergi ke ''Tata Letak''
Klik ''Tambah Gadget''
Pilih gadget ''HTML/JavaScript''
Terus, Masukan kode dibawah ini di dalam widget tersebut

<style>

.btrixsocial_box-email{

background:Fff no-repeat 0px 12px ; width:270px;float:center;font-size:1.4em;font-weight:bold;margin:2px 20px 0px 10px;color:#686B6C;

}

.btrixsocial_box-emailsubmit{

background:#0084CE;cursor:pointer; color:#fff; border:none;padding:3px;margin:0 0 0px 0;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);

-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:12px sans-serif;

}

.btrixsocial_box-emailsubmit:hover{

background:#E98313;

}

.textarea{

padding:2px; margin:0px 2px 0px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);

-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px; width:200px; height:20px;color:#666;}

#socialboxbt

{

text-align:center;font-weight:bold;padding:5px;border:1px solid black;width:300px;

-moz-box-shadow: 0px 0px 8px #000000;-webkit-box-shadow: 0px 0px 8px #000000;box-shadow: 0px 0px 8px #000000;}

</style>

<br />

<div id="socialboxbt">

<a href="http://feeds.feedburner.com/tesBlogs" imageanchor="1" rel="nofollow" style="float: center; margin-left: .5em; margin-right: 1em;" target="blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQLFUshvV3DYbPkuX6_fQUONxGP6w4XT-VombDRkcqZGJoHxaVnfS7D2O_TAvo8jPjDhB0CrJWorX66V7xXp5cL0MHIHY6WhRIIitDo3SCrO6M1rihfqQ6MOuIhdTd43el-7no5qE6mILa/s1600/rss.png" /></a>

Submit your Email Address to Get Free latest Articles Directly to your Inbox

<br />

<div class="btrixsocial_box-email">

<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=tesBlogs', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">

<input class="textarea" gtbfieldid="3" name="email" onblur="if undefinedthis.value == "") {this.value = "Enter email address here";}" onfocus="if undefinedthis.value == "Enter email address here") {this.value = "";}" type="text" value="Enter email address here..." />

<input name="uri" type="hidden" value="tesBlogs" /><input name="loc" type="hidden" value="en_US" />

<input class="btrixsocial_box-emailsubmit" type="submit" value="Submit" />

</form>

</div>

<style class="text/css">

table

{border-bottom: 0px solid #E6E6E6;float: center;width: 300px;margin:-8px 0 0 0px;}

.subicons

{border-right: 0px solid #E6E6E6;}

.Fadeout {filter:alphaundefinedopacity=100);opacity: 1.0;border:0;

}

.Fadeout:hover{filter:alphaundefinedopacity=80);opacity: 0.8;border:0;

}

</style>

<br /><div class="table"><table>

<tbody><tr>

<td><div class="subicons">

<a class="Fadeout" href="http://www.facebook.com/Username" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhmSw3fYm9hpr_M79W3_MV4OA58KOd5lZ19OrbIYZ74yD3NM4mRI2UI0adKiXfm1lMend5XL8rOp2taq-3BAtl5E7DpqZ2IyELdpy3Nbg8sLSmPnmWcsXjp0Zapg-RkkXVb88l0SlTMiE/s1600/btrix-facebook-icon.png" /></a></div>

</td><td><div class="subicons">

<a class="Fadeout" href="http://twitter.com/tesBlogs" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHMPHPGwGs3RcRyGTnCh7aHR7AIBMDAmanIgcmXCaxWsX5rTzONVOvRGpIU6gt7-2fHtqTFxbGAdwwWBciUNe9fPVcHOTX_vI5cXw5LfmDHg-R_KcwPmBPrAzYsrtpRilO0Ia6ovQeVKI/s1600/btrix-twitter-icon.png" /></a></div>

</td>

<td><div class="subicons">

<a class="Fadeout" href="http://feeds.feedburner.com/tesBlogs" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRPHq8t4ntm08dXH-UhnjZKznb2faFkuRWf7TCAY7q9MP9M0daX-zyyPV-NpFTm2OPpQ1dAjAgrCcD05nvJsrtAXdkcFbVwQ4cckkRgLU24iJCl5zorTLuI2s5YC20kz4-dHgbpLE7PDk/s1600/btrix-rss-icon.png" /></a></div>

</td>

<td><a class="Fadeout" href="https://pinterest.com/Username" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcX5vkeXPzz0hMa6eMuAmKH3KdREckfD_F_31CZKvzExlRuiKhoiVruDYsKD4-P7VVLpRx3lYnhCyWQJU0zKmtBxIpiyHW-UsbriJCml8Q_en3ARVlwSZs6ey-0ob59AhL6tUoxMQF2vY/s1600/btrix-Pinterest-icon.png" /></a></td>

</tr></tbody></table></div></div>