Cara Memasang Kotak Keren Berlangganan Feed

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Cara Memasang Kotak Keren Berlangganan Feed  di Blog Blogger yg cepat dan mudah, kotak berlangganan atau Subcribe Box dgn tampilan cantik dan keren ini terdiri dari beberapa Tombol Media Sosial seperti Feedburner, Facebook, Twitter, Google Plus, RSS Feed, Technorati Dan Stumbleupon. Dengan memasang paket kotak berlangganan ini, maka anda akan menghemat ruang halaman blog menjadi lebih kelihatan rapi dan menarik. Dalam pemasangannya pun tidak memerlukan utak-atik kode, hanya cukup menambahkan widget di sidebar blog atau dimanapun posisi kotak berlangganan ini ingin ditampilkan.

Seperti yg anda lihat gambar di atas, kotak berlangganan berwarna hitam, anda ga usah khawatir utk warna, karena akan berubah secara otomatis mengikuti warna dasar template blog.

Seperti biasa, login ke blog > Design / Rancangan > Add Gadget > HTML-JavaScript

Silahkan copy kode berikut ini :

<style>
#news-letter{clear:both;padding-top:10px;}
.msg-box{float:left;width:50px;height:54px;margin-right:9px;padding-top:5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkBVlBY4SkZF0_SPFRvpa2sukO4CS4QZXycgxYYQecglZgo-lR-LhZoujXBuo7fMe2TfcYtAdyyqje7pd3btk1nLgh7mwFOVTLMj4PoBk6wsk_4t2R8Xa2aQWQx7SiejcOMByKzBosu0I/s800/mail-box.png) no-repeat;}
.news-headline{position: relative;z-index: 999;font-size: 10px;padding-bottom:10px;font-weight:bold;}
</style>

<div class="news-headline" color:#333;>
Dapatkan Update Artikel via Media Sosial atau E-Mail
</div>
<center>
<table border="0">
<tr>
<td style="padding-right:4px;">
<a href="http://twitter.com/ID-TWITTER" target="_blank" title="Follow Me On Twitter">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnnWGibvEKTnyjOnCVfuUEB-oV51Tpuv3we8rmg7GhGK35KSQ4ie3kklGbb9Wo6OaAKB3GtK-qS8DDPMqUBBQcx_qTs0JUpRZielkhPcY0LEWyGIaR_xDk479Vi9JLt0kmqNqOZl-zVak/s800/twitt.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="http://feeds.feedburner.com/NAMAFEED" target="_blank" title="Subscribe Via RSS">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxQ3zXmOHdcp1qyItmWV13gu1Sj4mn5MB6ZAMgeqQ6svzwG920J1iN2BP5hdrI11E-Px8Ty7FwAKrbddOa2DWI8F65BZ9o1dgD4QRO3WfO9BtaXt1MNOkMvg_WcMP3eVbz82AOjCYNpn4/s800/Feed-icon_128.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="URL-FACEBOOK" target="_blank" title="Find Us On Facebook">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5MmJYGbrEUcqjwKnZQgONJxLpqdEq7sSHDKat18ksFmtDJkLkmSzgdDTdPy67i9HYyACDSRA0Z9EixMEylSE7D3QmjoS1uIl_9ey9nq5mlLwp9fm648940pNEUTAaKvjyb25QpJ9bnMc/s800/Facebook_icon.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="URL-GOOGLE-PLUS" target="_blank" title="Add me on Google+">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-5E6-JBuO4bwN0hQmY8A7nfkX4f4VN3PYVgGZHq2Wyliw-DX1E1rSyG1KC9TLMCMEU4ZKveY8nKn-iGvY3n5jEn58jxN4F670-XOxeMNGbboHPfOZq5SV_3apx1h_8S7MkRtKsUPNXv4/s800/googleplusicon.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="http://www.stumbleupon.com/share?url="URL BLOG" target="_blank" title="Stumble Upon">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPglRaXTfCsEeiYkYI3pzeriMn4pcyxSJFbsyJ_ha2tJe5McAl4XLTiMszk6MkO4n9SIecAmYWcb_e-hpOduzC1jWIxNXtkBKOH-CitLdTpaBGK9B73eRMCTR_Bm78tC_zS6ED3wq7xxw/s800/stumbleupon_icon.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="http://technorati.com/faves?sub=addfavbtn&add=URL-BLOG" target="_blank" title="Add To Technorati">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHOhqVnLog-NfEEWsoFgN8TeZwvn_B3TbX-5YzLbdY4rQ8ZUxZjq4fQmJqOK8uLO4_Cc73n2e1KdHssu57RtMyLan6oOJeQhJ8BIETyFoI8whdmUojX8ZkC37axeZbsppF5E9h3Q4x3Y4/s800/Technorati-icon.png" /></a>
</td>
<td>
<td style='padding-top:-2px;'>
<a href="http://feeds.feedburner.com/NAMAFEED"><img src="http://feeds.feedburner.com/~fc/NAMAFEED?bg=000000&amp;fg=ffffff&amp;anim=0&amp;label=listeners" height="26" width="88" style="border:0" alt="" /></a>
</td>
</td>
</tr>
</table>
</center>        
<div id="news-letter">
<span class="msg-box"></span>
<b>Mendaftar untuk Update Terkini</b>
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=NAMAFEED', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify?uri=NAMAFEED">
<p><input type="text" valign="middle" name="email" value="Masukan Email Anda" size="25" maxlength="100" onfocus="this.value = '';" style="width: 140px; height: 21px; font-size: 11px; color: rgb(51, 51, 51);" gtbfieldid="2"/>
<input type="hidden" value="NAMAFEED" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="Sign Up" id="submit"/>
</p>
</form>
</div>
<tr><td><p style=' line-height:2px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://mynametyo.blogspot.com/2012/09/cara-memasang-kotak-keren-berlangganan.html' style='color:#cc6600;' target='_blank'><blink>Get Widget</blink></a></p></td></tr>
</div>

Ganti huruf warna merah dgn kata-kata Anda.Ganti ID-TWITTER dgn nama id-twitter Anda.Ganti NAMAFEED dgn id-feedburner Anda.Ganti huruf warna hijau dgn URL-Blog / URL-GOOGLE-PLUS / URL-FACEBOOK anda

Selesai Tinggal Di Save, Kalau Berhasil Tinggalkan Komentar Ya :)

Semoga Bermanfaat ^_^

Ditulis Oleh : ImHero ~ Tempat Berbagi Dan Saling Bertukar Ilmu

Anda sedang membaca artikel tentang Cara Memasang Kotak Keren Berlangganan Feed . Oleh Admin, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://mynametyo.blogspot.com/2012/09/cara-memasang-kotak-keren-berlangganan.html" target="_blank">Cara Memasang Kotak Keren Berlangganan Feed </a>

:: Get this widget ! ::