cara membuat widget rss feed berlangganan keren - pada kesempatan kali ini saya akan memberikan widget yang pasti nya keren untuk blog sobat pentingnya widget rss feed ini sangat berperan lho untuk menambah pelanggan di blog. sebenar nya pihak bloger sudah memberikan widget nya tersendiri kalau untuk langganan artikel namun di sini saya akan memberikan widget rss feed yang telah di modifikasi dengan sedemikian rupa yang tentu nya akan mempercantik tampilan blog sobat nah jika penasaran mari disimak artikel berikut ini(baca juga : iklan yang di tawarkan di google adsense)
untuk cara pembuatan nya
silahkan kopy paste kode dibawah ini
<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/JohanAdsense" 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/AVvXsEgMMtcgvzsgHGnXTqV70nfcu8La5wyiMra_TpPp87uTNjeTd-m_M3ixYxXcytpbCt0UU7-57OTmko3c-OlFDhiWcGHiuU1DQEu8JchqYDqLxtNQFfu9ReGMgeKVsG5ACfFMVEGDZI8GtMMH/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=JohanAdsense', '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="JohanAdsense" /><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="https://www.facebook.com/johanadsensecom-1105873729462722/?fref=ts/" imageanchor="1"
rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQSraLXR5zyZITQTamlmCvEisZIpeibJxYb80mMPPPZAWxyMj4tPGJED1Syv8iNea8GEE3etCvA5092AKurhdP9kR9i9whaiT27_L64ZLz1mb18ZRza7f2l6Mnvfgz6EWtjcnR6OFLnOE/s1600/btrix-facebook-icon.png" /></a></div>
</td><td><div class="subicons">
<a class="Fadeout" href="https://twitter.com/johanadsense" imageanchor="1" rel="nofollow"
target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxLJrX3wRfIW-VT8PIwFnv4-sOcCt4VkWXyNvJl43W9kfK9p50mR6xYE_VUodUWr2XhQMfMtQ6TVy1oGnWmoGwReVy915gb1Bls4xZZe3nHt1JqkwBDPQUdY1RQppXlSSuevbaRnPxY_M/s1600/btrix-twitter-icon.png" /></a></div>
</td>
<td><div class="subicons">
<a class="Fadeout" href="http://feeds.feedburner.com/JohanAdsense" imageanchor="1"
rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-AKm6DDWQEeYTVIBLvEO5qHvPsih1op2Ngq9lHy0VTfox87DgB9MftE2AaWb5PY3UfJvcHsY9P9WkUdXL-JHbRgiG_BGS5Sv5tUVgUhms0hsCIC-XOJc5coDCOl_dcHjceE1F2HZcjxs/s1600/btrix-rss-icon.png" /></a></div>
</td>
<td><a class="Fadeout" href="https://id.pinterest.com/joesagitariuz" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz6saqlZIeiTZCvZQwQF7l2olG1SWpM43sHvhx4TdlQhnMVwqvFPRCnSJbWGq2AxDvO2VWd69j2CsqLhXDK0Zm8wGWwbKuCmF00bcHTL9SFJlDbW_bvXc3u-ADS2szA99XejhUPnRV1Do/s1600/btrix-Pinterest-icon.png" /></a></td>
</tr></tbody></table></div></div>
catatan :
• untuk tulisan berwarna merah silahkan di isi dengan alamat feed burner masing masing
• untuk tulisan berwarna kuning silahkan di isi dengan link facebook sobat(baca juga : kode unit adsense terkena malware)
• untuk tulisan yang berwarna orange silahkan di masukan alamat tweeter masing masing
• untuk tulisan yang di beri warna biru silahkan di masukan alamat pinteres
untuk cara pemasangan
widget ini silahkan sobat menuju dasbord bloger masing masing langsung menuju ke tata letak tambahkan widget dan pilih html pastekan kode diatas ke dalam opsi penambahan widget HTML kemudian siman selamat widget rss feed keren pun telah berhasil di pasang ke template blog sobat(baca juga : kelebihan menjadi publisher adsense)
tes emo :)
ReplyDelete