Cara Membuat Widget Email Subscribe di Blogger

Widget merupakan sebuah kumpulan kode yang biasanya kita pasang pada blog atau web, seperti header, sidebar, foter tergantung menurut thema pada blog sobat. dan tentunya sobat sendiri yang menempatkannya.

Seperti yang sudah sobat ketahui pada search engine google tentang cara mempercantik atau membuat tampilan blog lebih menarik, biasanya kata-kata widget juga ikut tercantum dalam hasil pencarian kita tersebut. Itu dikarenakan diciptakannya sebuah widget itu sendiri disediakan oleh 3rd party dengan fungsi salah satunya adalah memberikan kesan tampilan yang menarik pada sebuah blog atau website. Meskipun demikian fungsi dari widget sebenarnya sangatlah beraneka ragam jadi yang awan tulis diatas hanyalah sebagian contoh fungsi dari widget.

Untuk masa sekarang ini cara mendapatkan widget terbilang sangat mudah, dimana dengan cara kita hanya mencarinya melalui search engine google. Disitu telah banyak blogmaster yang memberikan sebuah tutorial beserta code nya, dan nantinya kita dapat pergunakan code tersebut sebagai widget yang akan kita pasang di blog kita.

Jadi, intinya widget ini sangat banyak sekali guna dan manfaatnya. Bagi anda yang ingin memasang widget keren ini langsung saja kita bahas, bagaimana cara memasang atau mengaplikasikannya.

1. Seperti biasa login www.blogger.com
2. Kita tidak akan mengedit Html
3. Langsung kemenu Tata Letak
4. Tambah gadget ▶ Html/Javascript
5. Kemudian anda masukkan kode dibawah ini

<style type='text/css'>
#subscribe-box {width: 300px;height: auto;border-radius: 2px;background-color: #E0E0DF;box-shadow: 0px 3px 0px 0px #7f8c8d;padding-bottom:10px}
#subscribe-box .title {padding: 10px 25px;line-height: 30px;font: 26px Oswald;color: #95A5A6;text-align: center;background: #F1F1F1;text-transform:uppercase;border-radius:2px 2px 0 0;}
#subscribe-box p {font-family: &#39;Droid Serif&#39;;font-size: 13px;color:#555;line-height: 20px;padding: 10px 20px 0 20px;margin: 0;}
#subscribe-box .emailfield {padding: 0px 20px 10px;}
#subscribe-box .emailfield input {color: #777;padding: 10px;margin-top: 10px;font-size: 15px;font-family: &#39;Droid Serif&#39;;width: 92%;border:0;border-radius: 2px;box-shadow: 0px 3px 0px 0px #bbb;}
#subscribe-box .emailfield input:focus {outline: none;}
#subscribe-box .emailfield .submitbutton {background: #008287;color: #fff!important;border:none;outline: none;width: 100%;cursor:pointer;box-shadow: 0px 3px 0px 0px #00686C}
#subscribe-box .emailfield .submitbutton:active {padding-top: 11px;padding-bottom: 9px;box-shadow: 0px 1px 0px 0px #3293ba;}
#subscribe-box .emailfield .submitbutton:hover{background: #00686C;}
</style>
<div id='subscribe-box'>
              <div class='title'>
               Subscribe Here
              </div>
                 <p>Sign up here with your email address to receive updates from this blog in your inbox.</p>
             <div class='emailfield'>
              <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=FUNET&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
               <input type='text' name='name' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Name&quot;;}' onfocus='if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}' value='Your Name'/>
               <input type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='Your Email'/>
<input name='uri' type='hidden' value='FUNET'/>
<input name='loc' type='hidden' value='en_US'/>
                <input class='submitbutton' type='submit' value='Subscribe Now!'/>
              </form>
             </div>
</div>

6. Silahkan anda ganti FUNET dengan feed blog anda di FeedBurner.
7. Simpan.

Selesai.bagaimana ?apakah ada perubahan pada widget blog anda ??pastinya ada....    :)