Cara pasang Kotak berlangganan cantik di blog

Di awali dengan Bismilla Hirrohmanirrohim, pada kesempatan ini saya akan berbagi cara membuat dan memasang kotak Subscribe atau kota berlangganan untuk blog sobat. apa fungsi dari widged ini. Kota ini memberikan kemudahan bagi pengunjung blog sobat yang ditak ingin ketinggalan tentang artikel-artikel terbaru yang sobat terbitkan. dengan kotak berlangganan ini pengunjung dapat berlangganan gratis artikel sobat yang akan dikirim melalui email pengunjung setiap kali sobat update blog sobat Fungsi kedua dari kotak Subscribe ini, dapat mempercantik tampilan blog sobat..!

Untuk membuatnya

1. login dulu pada blog sobat

2. Pilih rancangan < Edit HTML >

3. Sabat cari dan temukan kode </head> setelah sobat temukan copy kode dibawah ini dan pastekan tepat diatas kode tadi.

<style type='text/css'>
#hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;}#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}
#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;font-weight:bold; }
#sectionmy .sectionmy2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8uavWT6IQkYE0mKT-gMepFG7on7mXT8y8kIZrenL5rLAQZDr75WNsDVeI4OYykefUG0MXFBu5qvUPS8LF1Wf3KYBhg2jmXI570DxKtl05LM2d1nEEAhnXqq0HuiCooLStGrJNUEttGYeD/) no-repeat top left; }
#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ9AJGjj-GvleKoyBOcL9kQl9B-naKJtwcF0QvuMzsPL_q4SgolSqRMReIvyzA2icgl3PbeQ8eEpIvKTcFyhe_aUVsc1dcgbMb2Kphy64NSCkfPYLMmpoW92qNmc4geQojo8zp9F-Dlrac/) no-repeat top left; }
#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0PAws70bRcI9JMsHcANeUgaF8-fBtfb5ipTvN8HlzJrVXDv8M8XI61n3cKxD5ZQPSEB8i4Kw3YZofP7QGOn32yywdV0mMg-JQsxcYFWHnC18wjjvo1oyx3rAnFhJq5SJ7Z99kVmodOCKI/) no-repeat top left; }
#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }
</style> 

Rubahlah kode yang berwarna mera jika anda ingin mengganti iconnya, jika tidak biarkan saja, lalu simpan

4. Selanjutnya pergi ke tataletak Add Gadged dan plih "Java Script" Copy paste kode di bawah ini.

<div id="hsection"><div id="sectionmy"><div class="sectionmy2">
<h2 class="subscription rss"><a href="http://feeds2.feedburner.com/blogspot/GRtdN">SUBSCRIBE VIA RSS</a></h2>
<h2 class="subscription email"><a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/GRtdn&loc=en_US">SUBSCRIBE VIA EMAIL</a></h2>
<h2 class="subscription twitter"><a href="http://www.twitter.com/ellyfarid27">FOLLOW ON TWITTER</a></h2>
</div></div></div>

Silahkan sobat ganti tulisan yang berwarna merah pada kolom kedua di atas dengan url feedburner blog sobat, dan ganti tulisan yang berwarna biru dengan ID Twitter sobat, simpan dan lihat hasilnya..!


Tanks to : http://blazerracing.blogspot.com/2012/05/widget-subscribe-cantik-untuk-blog.html