Cara Membuat Widget Subscribe MInimalis Di Blog

Redi

Senin, 16 September 2013

Belum ada komentar

Cara Membuat Widget Subscribe Minimalis Di Blog - Setelah tiga hari tidak update kali ini Al-hamdulillah saya bisa update artikel lagi . kali ini yang saya update adalah mengenai bagaimana cara membuat Widget Subscribe atau yang biasa dikenal artikel berlangganan . widget ini bertujuan supaya pengunjung dapat berlangganan artikel pada blog anda . inilah nanti hasilnya .

Berikut Cara Membuat Widget Subscribe MInimalis Di Blog :

1. Masuk terlebih dahulu ke akun blogger sobat
2. Pilih Menu Template => EDIT HTML
3. Kemudian cari kode ]]></b:skin>
4. Salin kode dibawah ini tepat di atas kode tersebut

/***************************************** Name : widget Subscribe Minimalis By : Ahmad Suyadi | Rivai Silaban Update : SElasa 17 September 2013 ******************************************/ #BD-submin{ border:1px; solid #1A2638; border-radius:10px; padding:5px; text-align:center; } #BD-submin h2{ margin-top:5px; color:#000000; font-family:georgia; font-size:20px; margin-bottom:10px; padding:0; text-shadow:1px 0 2px #666; font-style: italic; font-weight: bold; } #BD-submin input{ border:1px solid rgb(9, 149, 223); border-radius:10px 10px 10px 10px; font-size:14px; padding:10px; text-shadow:1px 1px 0 #FFF; width:180px; color:#990000; font-family:georgia; margin-bottom:5px; border: 1px solid rgb(9, 149, 223); border-radius: 6px 6px 6px 6px; box-shadow: 2px 4px 4px rgb(192, 191, 191); border-color: #A21009; background-color: #fff; } #BD-submin .submit{background:#09f; border: 1px solid rgb(9, 149, 223); border-radius: border-radius:10px 10px 10px 10px; box-shadow: 2px 4px 4px rgb(113, 112, 112); color:#fff; cursor:pointer; font-family:verdana; font-size:10px; padding:5px; text-shadow:1px 1px 0 rgba(0,0,0,.4); text-transform:uppercase; width:auto; height:36px; background-color: #FF6A6A; border-color: #FF0000; } #BD-submin .submit:hover{background-color: #DD0000; color: #CCCCCC; } #BD-submin .submit:active{ box-shadow:0 0 4px #111 inset; background-color: #640000; }/*** Blog Design CSS and ***/

5. Kemuidan Log out dari EDIT HTML

6. Tambahkan widget HTML/JavaScript baru

7. Kemudian salin kode dibawah ini didalam kolom HTML/JavaScript tersebut

<!-- Ahmad Suyadi Subscribe KODE start --><div style="width:280px; background-color: #CCCCCC;"><div id='BD-submin'><h2>Artikel berlangganan GRATIS melalui email</h2><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=ID FEEDBURNER ANDA', 'popupwindow', 'scrollbars=yes,width=600,height=550');return true' target='popupwindow'><input name='email' onblur='if (this.value == "") {this.value = "Enter Your Email Address...";}' onfocus='if (this.value == "Enter Your Email Address...") {this.value = ""}' type='text' value='Enter Your Email Address...'/><input name="submit" type='submit' class='submit' value='Subscribe'/><input name='uri' type='hidden' value='ID FEEDBURNER ANDA'/><input name='loc' type='hidden' value='en_US'/></form></div></div><!-- Ahmad Suyadi Subscribe KODE End -->

8. Kemudian simpan template dan lihat hasilnya

SEkian dulu ya sob artikel saya mengenai Cara Membuat Widget Subscribe MInimalis Di Blog semoga artikel trick tadi bermanfaat bagi anda . selamat mencoba ..