Memasang Widget Email Subcribe Keren di Blog 2015

Memasang Widget Email Subcribe Keren di Blog 2015 - Oke sahabat blogger, setelah sebelumnya Saya telah membahasa Cara Termudah pasang like box fanspage facebook di blog, kali ini adalah Email subcribe.

Widget ini biasanya di gunakan para pengunjung blog sobat yang tertarik dengan artikel sobat dan berlangganan artikel sobat. Yups, mereka akan berlangganan artikel sobat memalui email dimana jika sobat menulis dan mempublish artikel baru, dengan otomatis mereka akan mendapatkan updatean terbaru dari artikel sobat

Cara Memasang Widget Subcribe di blog.

---

1. Buka Blogger

• Klik Dashboard.
• Pilih Tata Letak/Layout.
• Pilih tempat dimana sobat akan meletakan widgetnya.
• klik Add a Gadget.
• dan pilih HTML/JavaScript.

• Salin/Copy Kode dibawah, lalu pastekan pada box content widget HTML/JavaScript

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'/>
<div id='byard-emailsubsocial'>
              <div class='heading'>
               Sign Up in Seconds
              </div>
                 <p>Sign up with your email address to receive hot updates straight in your inbox.</p>
             <div class='emailsub'>
              <form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Bloggerisn', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
               <input type='text' name='name' placeholder='Your Name' />
               <input type='text' name='email' placeholder='Your Email' />
               <input type="hidden" value="Bloggerisn" name="uri"/>
               <input type="hidden" name="loc" value="en_US"/>
                        <input value="Sign Up Now!" class="button" type="submit" />
              </form>
             </div><p id='credits'>Powered By : <a href='http://bloggerisn.blogspot.com'>Bloggerisn</a></p>
             </div>
 <style type='text/css'>
     #byard-emailsubsocial {
      width: 100%;
      height: 330px;
     }
     #byard-emailsubsocial .heading {
padding: 15px 25px;
line-height: 35px;
font-size: 26px;
font-weight: 600;
font-family: open sans;
color: rgb(170, 170, 170);
text-align: center;
text-shadow: 0px 1px rgba(255, 255, 255, 0.75);
background: none repeat scroll 0% 0% rgb(247, 247, 247);
     }
   #byard-emailsubsocial p {
    font-family: open sans;
    font-size: 13px;
    color: rgb(170, 170, 170);
    line-height: 25px;
    padding: 10px 20px 0 20px;
    margin: 0;
   }
   #byard-emailsubsocial .emailsub {
    padding: 0px 20px 10px 20px;
   }
   #byard-emailsubsocial .emailsub input {
    color: rgb(170, 170, 170);
    padding: 10px;
    margin-top: 10px;
    font-size: 15px;
    font-family: open sans;
    width: 92%;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-radius: 5px;
    transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
   }
   #byard-emailsubsocial .emailsub input:focus {
    border-color:#F4836A;
    outline: none;
    box-shadow: 0 0 2px 1px #F4836A;
   }
   #byard-emailsubsocial .emailsub .button {
    background: #3498db;
    color: white!important;
    border:none;
    outline: none;
    border-bottom: 3px solid #2980b9;
    transition:background .4s linear;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    font-weight: 600;
    cursor:pointer;
   }
   #byard-emailsubsocial .emailsub .button:hover{
    background: #DD7761;
   }#credits {
margin: 0 auto!important;
margin-top: -10px!important;
width: 160px;
}
     </style>

CATATAN!:
Ganti tulisan Bloggerisn dengan alamat Username Feedburner Sobat.

2. Klik Simpan/Save.
3. Lalu Simpan setelan.

Jika sudah sobat bisa melihat blog sobat :D oke sekian cara pemasangan widget email subcribe keren di blog 2015, sampai jumpa di lain artikel ya sob

http://bloggerisn.blogspot.com/2015/05/memasang-widget-email-subcribe-keren-di.html

Suka Dengan Artikel Diatas? Bagikan Gratis:

• Tweet
• Share
• Share
• Share
• Share

Irham Satriawan

Saya adalah seorang yang sangat menyukai design dan juga dunia internet sobat bisa memanggil saya (CT), dengan blog ini semoga saya akan berbagi pengalaman saya kepada sobat semua.

Artikel Menarik Lainnya