Cara membuat widget Berlangganan di Blog

Kali ini Baharshare akan memberikan tutor Cara membuat widget Berlangganan Keren di Blog. mungkin sebagian para blogger mempunyai widget ini karena widget ini sangat berguna untuk blog. dan widget berlangganan dari Baharshare pun beda dan tentunya keren juga simple.ingin menggunakanya mari kita praktekan:
1. Pilih Tata Letak.
2. Klik tambah gadget
3. Pilih HTML/Javascript.
4. Masukan script di bawah ini

<style>    .knetwork-email{
    background:url(http://4.bp.blogspot.com/_MbejYjGokMM/TSeZHmWJ6oI/AAAAAAAAALE/93ELYyzmi64/s1600/email.png) no-repeat 0px 12px ;
    width:400px;
    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 Baharshare
    <form action="http://feedburner.google.com/fb/a/mailverify?uri=Baharshare" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Baharshare', 'popupwindow', 'scrollbars=yes,width=300,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="Baharshare™" name="uri"/><input type="hidden" name="loc" value="en_US"/>
    <input class="knetwork-emailsubmit" value="Submit" type="submit" />
    </form>
    </div>

5. Ganti kode berwarna hitam dengan Kode Feed burner Blog anda dan ganti kode yang berwarna biru dengan sesuka anda.
6. Klik save dan lihat hasilnya
Jika script belum berhasil silahkan berkomentar


.

2 komentar:

  1. Gan, cara membuat account feed burner gimana ya??

    ReplyDelete
    Replies
    1. coba search" di google gan saya lupa kasih cara itu juga :D

      Delete