Cara Membuat Widget Subscribe Keren untuk Blog

Cara Membuat Widget Subscribe Keren untuk Blog - Kali ini saya akan membahas Cara Membuat Widget Subscribe Keren untuk Blog. Seperti yang kita ketahui, Subscribe yaitu berlangganan, jika ingin mendapatkan informasi terbaru dari blog seseorang, maka pengunjung bisa mengetahui informasi terbaru dengan cara subscribe atau berlangganan via email. 

 

Berikut Tutorialnya :

1. Seperti biasa, Masuk ke Akun Blogger sobat.

2. Pilih Rancangan, Edit HTML, Centang "Expand Template Widget"

3. Cari kode </head>, bila sudah Copy kode dibawah ini tepat diatas kode </head>

<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/AVvXsEiT1btuvw5QdOLotkpUsZ4zsLI5C8uFoP9eyJbOtX3FOI8PzlfuRIbqjyHyvjxkm2OWUtFW0EviIGI_RJs93nJDQjPY2JY68eJ_FnoS3Whc7_WK6ITjNUGhc0Noh4UgK8LkKIDQPSpLNq7O/) no-repeat top left; }
#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmeEFwBuu0jwJwyrv-bxlU-YjUnJqNwWFY8RrQ16mZpbZ6oosVpnFi5UYd43pCi4inwh1PAdV2CJx2V_YFMnG4Vx-HklTYRB7PFJDvuC2BCHjwNYqaOGphrJM0HD9AoSpDgQJhgmTIMaX4/) no-repeat top left; }
#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYDoqv53XcdxYKCHgpB2j0S2Zl_G6h_YB8LTwox6R8SzyU5DF2pbXKI9b0Rw_SwsL_CuBH1OLytL931BHY7GE78AsfbxGnoG3r1lP6F29NTk6tTZqtn6cfWPdMuxor9ojULJjJ1koKXBr6/) no-repeat top left; }
#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }
</style>

4. Simpan Template

5. Kembali sobat masuk ke Rancangan, Elemen laman, Tambah Gadget, 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/blogspot/qkDWh">SUBSCRIBE VIA RSS</a></h2>
<h2 class="subscription email"><a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/qkDWh&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 sobat, untuk mempunyai ID Feedburner, sobat langsung daftarkan DISINI 
Ganti kode yang bewarna biru dengan Username Twitter sobat


6. Simpan. Dan lihat hasilnya :D

Share this post