MEMBUAT WIDGET RSS SUBSCRIBE SOSIAL MEDIA KEREN

Cara Membuat Widget RSS Subscribe Plus Sosial Media Keren

Artikel kali ini adalah tutorial tentang membuat widget rss subscribe plus sosial media keren. Kenapa di bilang keren ? bisa langsung lihat gambar di atas. Widget ini sangat bagus, selain kolom subscribe juga tersedia tombol sosial media seperti facebook, twitter, RSS feed dan pinterest. Cara membuat dan memasang nya pun mudah. Nah untuk yang ingin memasang widget ini bisa langsung mengikuti langkah di bawah ini.

Widget RSS subscribe plus sosial media

1. Buka blogger dan login.
2. Masuk atau pilih tata letak / layout
3. Lalu pilih tambahkan gadget / add gadget
4. Setelah itu pilih HTML/Script
5. Jika muncul jendela baru, copy kode di bawah ini dan paste di kolom yang tersedia.

<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/bloggertrix" 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/AVvXsEhzVmT01LxoHHHQxTEKLFwLJJFXmJ8xcYNt_1u3QbL-ADfIhjgmPmuSldXwjm7dojMFaP4zhvPQUmdJXPjQ7f3dheFaJz31asBnbFmbY06i5zPnJOhrniueZFO75xBlefIWGN0Bcc8Qcdlc/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=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="textarea" gtbfieldid="3" name="email" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if undefinedthis.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" type="text" value="Enter email address here..." />
<input name="uri" type="hidden" value="kreatifspot" /><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/Kreatifspot" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKGFoSC5FicJZ1-GmqNZdE1Ypw_nx6fAIuHq00KgkQepeI28NDz0Xn6VVIscLr5_iQyFVQsR4r8LJvcqTr4XRUPKUX-CkRd6ZAKVv6LXOU6ja_fYm5mp-oqf8l7K8_A_IZtkVd9i3j__Q/s1600/btrix-facebook-icon.png" /></a></div>
</td><td><div class="subicons">
<a class="Fadeout" href="http://twitter.com/kreatifspot" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5sf2H962qnhFRhEUsAgnncsm2r6Btr8_ep7M_WysYJPzMOgAf-3P5zD5ZPX-uBzIBJX_TgbcdPUn9a7cdEFmnGS1I1ywp-NhaRUCc0MhQIi9lq1UtAh1Max8fcR-RKBwBpZxE0cVN6YI/s1600/btrix-twitter-icon.png" /></a></div>
</td>
<td><div class="subicons">
<a class="Fadeout" href="http://feeds.feedburner.com/kreatifspot" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXy0FAKOztO3T2G0mYJH9x1h0U1Iik9p4VKf8EeIY2xeSutC1C6GZbjP4y8L88x2VaCkKmEm26zwMFosFt-GzT_yaQQyIHPJq62wV689M6gx_ds7HXgTkDmdzHef51wTEeHpopywpRL5M/s1600/btrix-rss-icon.png" /></a></div>
</td>
<td><a class="Fadeout" href="https://pinterest.com/kreatifspot" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3oUduslCL2QIe9sescEF3d7FwgcoFNWZ46zfS8Uydo-0PnHbesJ-VZ-8AhaxuqKYHNwF9kaua-Aic_eX5erqMdGiDk4MeH_OxlVzd_Un3Z30n68rh2Ga4apRGjVj2t9t8AxRJgPiLM7M/s1600/btrix-Pinterest-icon.png" /></a></td>
</tr></tbody></table></div></div>

NB :
- Ganti tulisan yang di blok biru tua dengan url facebook anda.
- Ganti tulisan yang di blok biru muda dengan url twitter anda.
- Ganti tulisan yang di blok kuning dengan url rss feed anda.
- Ganti tulisan yang di blok merah dengan url pinterest anda.

6. Simpan template.
7. Dan selesai, widget unik blogger sudah jadi.

Oke sekian dulu artikel kali ini tentang membuat widget rss subscribe sosial media keren. Semoga dapat bermanfaat dan membantu blogger semua. Baca juga tentang cara membuat rss box blue widget. Terima kasih.