Cara membuat widget subscribe atau berlangganan

Cara bikin widget subscribe mantap untuk situs (blog) anda -  alhamdulilah saat ini adhea ada sedikit waktu untuk memposting artikel yang berjudul "Cara membuat widget subscribe atau berlangganan" untuk situs (blog). layaknya yang kita sering jumpai pada website atau pada blog, subscribe yang beratti berlangganan, apabila anda menginginkan ratusan pelanggan artikel blog dan memberikan kepada mereka informasi terbaru dari situs (blog) anda maka anda tepat menggunakan widget subscribe. Informasi blog akan secara otomatis terkirim melalui email pemilik blog ke seluruh pelanggan artikel blog anda. Subscribe sangat penting untuk melengkapi blog anda, tanpa subscribe akan menyebabkan pengunjung ketinggalan informasi terupdate blog anda.

Untuk membuat tabel subscribe  sangatlah mudah semudah cara membuat link, hanya dibutuhkan ketelitian dan niat anda. Ga usah berlam lama lagi sobat mari kita praktekan langsung cara membuat widget subscribe untuk blog anda :


Cara membuat widget subscribe tampilan keren

1. Login Blogger dan pilih situs mana yang ingin anda tambahkan subscribe.
2. Pilih Template.




















3. Pilih   Edit HTML.

4. Cari kode </head>, bila sudah Copy kode dibawah ini tepat diatas kode </head>
Agar mempercepat pencarian gunakan Ctrl + F pada keyboard anda.

<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/AVvXsEiLFLnEV2cGqYUqGcohLqVue0w7DP92e8ZiDyDaJcDtS6StwxTyPfmWp3WPv3lp9J8XdZ-f-XW2m3auSz953NDJgHLZP0fEjmnqYLHxZT4Lg4WS5qIUwJPhoQqa-jtID-ZES9NOjl5rkqqP/) no-repeat top left; }
#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHdpwNfBu2bercyILnhdcsTn9VSgQGOfVqdDvxTZ7c6t653iGcYoLSPUj3aEJaf88U9hlbNLEQyJ_ye9JKfIl4bJeMylKxumsBz4Wj_Bm9zPHbbahUtRnvdi5wZkLdPILFl-vKkTuDeAJT/) no-repeat top left; }
#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif3Npj2NaTUYLMoXCoKPgVQd50Ed50WfayeXBxiF5tnPuXm65EN5Nte91kiA6EYDcKiEXAepdIijMKKVwn15cGbS59ivo8pCrG-JPpo4qTOrx8yXsKf01OgVF03Zk7WWYrPfzq6cO80fW9/) no-repeat top left; }
#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }
</style>

5. Simpan template
6. Kembali anda masuk ke Layout , Tambah Gadget , HTML/Javascript, Copy kode dibawah ini di HTML/Javascript.

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

Keterangan: 
Ganti kode yang berwarna merah dengan ID Feedburner anda, untuk mempunyai ID Feedburner, anda langsung daftarkan DISINI Ganti kode yang bewarna biru dengan Username Twitter anda.


6. Simpan.

7. Setelah simpan silahkan kunjungi menu Settings , Other.

8. Jika sudah silahkan masukan URL  feedburner anda pada kolom Post Feed Redirect URL. 

Contoh URL Feed http://feeds.feedburner.com/idfeedanda ( warna biru di ganti dengan id feed anda ).

9. Simpan dan lihat hasilnya.

SMS