Cara Membuat Widget Email Subscription Untuk Blogspot

By On Tuesday, September 5th, 2017 Categories : Widget Tools

Cara membuat Widget Email Subscription untuk Blogspot kini sudah dapat Anda temukan dengan mudah melalui media online seperti situs ataupun website, untuk Anda yang baru saja masuk kedalam dunia publisher sebagai webmaster maka sudah tentu masih banyak hal yang harus diketahui dan di pelajari. Salah satu contohnya yakni mengetahui berbagai widget tools untuk blog yang dapat ditampilkan pada halaman blog Anda, namun tidak semua widget tools akan disediakan dalam admin blog seperti untuk widget email subscription ini.

Cara Membuat Widget Email Subscription Untuk Blogspot

Dan untuk widget yang tidak tersedia dalam admin blog maka sudah tentu seorang webmaster harus mencarinya dari sumber lain, salah satunya sudah tentu dengan mencari melalui berbagai macam situs yang tersedia dalam media online. Dan fungsi dari widget email subscription sendiri adalah sebagai media bagi mereka yang ingin mendapatkan informasi konten terbaru dari sebuah blog, untuk lebih lengkapnya, berikut ini adalah beberapa cara membuat Widget Email Subscription untuk Blogspot yang dapat kita ketahui bersama.

Cara Membuat Widget Email Subscription Untuk Blogspot

  • Pertama-tama akses terlebih dahulu dashboard akun blog anda di Blogger.com, karena tidak akan melakukan edit pada HTML maka pilihlah opsi Tata Letak pada admin blog Anda.
  • Setelah itu seperti biasa akan menambahkan widget yakni masuk pada opsi HTML/JavaScript, setelah berhasil masuk pada opsi tersebut maka masukan kode script HTML dibawah ini pada kolom yang telah disediakan.

 

<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: 'Droid Serif';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: 'Droid Serif';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=widgetweb&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=’widgetweb‘/>
<input name=’loc’ type=’hidden’ value=’en_US’/>
<input class=’submitbutton’ type=’submit’ value=’Subscribe Now!’/>
</form>
</div>
</div>

 

  • Setelah memasukan kode script HTML diatas maka gantilah ‘widgetweb’ yang berwarna merah dengan feed blog milik anda di FeedBurner.
  • Simpan pengaturan tersebut dan akses blog anda untuk melihat hasil dari widget yang anda buat tadi.

Demikian di atas tadi adalah sedikit ulasan mengenai beberapa cara membuat Widget Email Subscription untuk Blogspot yang telah kita ketahui bersama, semoga informasi pengaturan blog dan widget terbaru di atas dapat membantu serta bermanfaat untuk anda semuanya.

widget Kode widget wabsite buat subscribe email
Cara Membuat Widget Email Subscription Untuk Blogspot | Widget | 4.5
Leave a Reply