Widget Form Feedburner dan Social Bookmark

Bagi2 tutor lagi nih mumpung masih dapat ide setelah BW hehhe. Jika kamu ingin punya widget seperti gambar diatas, langakah2nya sangatlah mudah, namun kamu harus mempunyai akun feedburner terlebih dahulu lihat disini untuk mendaftar feedburner namun jika kamu tidak suka dengan widget feedburner yang ini bisa di coba widget feedburner yang lainnya seperti ini. Nah untuk membuat form feedburner seperti diatas langkah2nya sangatlah mudahhhhhh bangggetttt :

1. Sign in Ke akun blogger kamu

2. Klik Rancangan --> Elemen Laman --> Tambah gadget --> HTML/Javascript dan tambahkan kode di bawah ini.

<center>
<style type="text/css">
#subscribe-box {
      overflow: hidden;
      margin: 10px 0 0 0;
      }
#subscribe-box a.subscribe-sec {
      display: inline-block;
      display: -moz-inline-stack;
      width: 40px;
      padding-top: 38px;
      zoom: 1;
      }

#subscribe-box a.subscribe-sec:hover {
      color: #660000;
      }
</style>

<form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #ccc;padding:3px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=NAMA-FEEDBURNER-KAMU', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Get Notified When We Update !!!</p><p><input style="width:180px" name="email" type="text" value="Enter your email address: " onclick="this.value=&#39;&#39;;" /><input value="NAMA-FEEDBURNER-KAMU" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /><input value="Subscribe" type="submit" /></p>

<p><div id="subscribe-box">

<a title="Twitter" href="http://twitter.com/USERNAME-TWITTER-KAMU" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPX0h_9xj4lH9MRbl8adMM9yqvnP84lrjo_nm4xlpJ3VPrF2YnrjkyCjgAy8OSqewq8AXCnoQPbMraOwwsA1Kp1B3htB-Ll-z1671oQzP5cAVUl9yknCIR3iEr9Oc1RkSs-2LC6Aq8NMTl/s1600/twitter.png) center top no-repeat"></a>

<a title="Facebook" href="http://www.facebook.com/USERNAME-FACEBOOK-KAMU" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRVPnOcmENMpwVuVgwDrMSKWtn5EUL84mTwfG_JSq6FltD7ugG5nnzIAPCKjp7XooCcS9tUjjxSf2oq6R7SsNNnh6ASsK3ZsNMjIlfSmRm9Ls0BwOiRUfuIfkEvjFzgnXHPFy8wFIAR8yb/s1600/facebook.png) center top no-repeat"></a>

<a title="RSS Feed" href="http://feeds.feedburner.com/NAMA-FEEDBURNER-KAMU" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgncMT61dH3sWu3WGxIwi1JOsydl9318mgnH80gfDF_5wWjgvuilta_WRgeXHyeXuUwV_Yruaj4LO8T6v3zNdTca5iyvCDKSVqlEkwQUyf9o4N2-RwvJsbFoNDUjKiYhZV6B6Ijd_YliKdf/s1600/rss.png) center top no-repeat"></a>
</div></p>

</form>

</center>

4. Simpan Template dan lihat hasilnya

*NOTE : ganti tulisan yang berwarna Biru dengan kata2 yang kamu suka, dan ganti tulisan yang berwarna merah dengan USERNAME FB, TWITTER, serta FEEDBURNER kamu.

Postingan Terkait:

Posted in: Blogger,Widget