Cara Membuat Widget Subscribe MInimalis Di Blog

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 ..

Share This Article

Facebook +Google Twitter Digg Technorati Reddit

Sumber Berita Ini: Cara Membuat Widget Subscribe MInimalis Di Blog

Riio Cyber-Art

Blog ini berisi informasi mengenai dunia blogging dan internet dari berbagai sumber, jika anda menyukai dan mau dapatkan Update berita terbaru, harap ikuti blog ini dengan memasukan Email anda atau mengikuti Twitter/Facebook, dengan begitu anda secara otomatis akan mendapatkan Update Berita terbaru disini.

• Rss
• Twitter
• FaceBook
• Follow This Blog

Baca Juga Artikel Terkait Lainnya

Berita Populer Lainnya