Cara Membuat Widget Subscribe Di Blog

 

Hallo para pengunjung  !! Apa kabar..??

Nahh.... Mulai hari ini Saya akan Posting'kan tentang Tutorial Blogger !

Posting kali ini adalah : "Cara Membuat Widget Subscribe Di Blog"

Nah udah pada tau kan Widget Subscribe ? Kalo belum tau liat Gambar ajj !

Oke, Berikut caranya :

• Login ke Blogger

• Klik Tambahkan Gadget "Add a Gadget/Tambah Gadget"
   
• Pilih yang HTML/JavaScript 

• Paste kode dibawah ini
  
  <style>    .knetwork-email{
      background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYqDyWKo81SvCNJfqkO63Go5saR6y749TylVSCkRIZlSof6bMMFFqb_Hls7N4hjMENIUTDE6Ifk6X5Get6_rPxYLlz3F4-tkK1e1XBTYq8hWFI8iG3oG76Qx3JJ_4vdKTZp_Rs1FFE1H_d/s1600/email.png) no-repeat 0px 12px ;
      width:300px;
      padding:10px 0 0 55px;
      float:left;
      font-size:1.4em;
      font-weight:bold;
      margin:0 0 10px 0;
      color:#686B6C;
      }
      .knetwork-emailsubmit{
      background:#9B9895;
      cursor:pointer;
      color:#fff;
      border:none;
      padding:3px;
      text-shadow:0 -1px 1px rgba(0,0,0,0.25);
      -moz-border-radius:6px;
      -webkit-border-radius:6px;
      border-radius:6px;
      font:12px sans-serif;
      }
      .knetwork-emailsubmit:hover{
      background:#E98313;
      }
      .textarea{
      padding:2px;
      margin:6px 2px 6px 2px;
      background:#f9f9f9;
      border:1px solid #ccc;
      resize:none;
      box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
      -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
      -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
      width:170px;
      color:#666;}
      </style>
      <div class="knetwork-email">
      Subscribe via Email
      <form action="http://feedburner.google.com/fb/a/mailverify?uri=pengembarabiru" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=pengembarabiru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
      <input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
      <input type="hidden" value="pengembarabiru" name="uri"/><input type="hidden" name="loc" value="en_US"/>
      <input class="knetwork-emailsubmit" value="Submit" type="submit" />
      </form>
      </div>

• Lalu Simpan, dan lihat hasilnya :)

Keterangan : 

      * Sekarang ganti http://feedburner.google.com/fb/a/mailverify?uri=pengembarabirudengan Feedburner Feed kamu Link Email. kamu bisa mendapatkannya dengan mengunjungi account feedburner kemudian arahkan ke Publikasikan dan kemudian ke Email Subscriptions.

      * Ganti pengembarabirudengan judul feed kamu..

Twitter Delicious Digg Facebook Stumbleupon RSS