Cara Menciptakan Widget Berlangganan Email Dengan Tampilan Warna Hijau Dan Putih

Masih sama dengan artikel sebelumnya mengenai Cara Membuat Widget Feedburner Email Berlangganan Untuk Bogger Dan kali ini beda lagi yaitu memasang widget berlangganan email ke blogger denga latar belakang warna hijau dan putih . Seperti yang anda lihat pada gambar bahwa tampilan warna putih dan hijau tidak kalah menarik dengan widget berlangganan email dengan latar belakang gelap .

Tidak usah dijelaskan secara rinci lagi mengenai kegunaan atau fungsi dari widget langganan email ini dan apa saja laba bagi blogger kalau mereka memasang widget ini kedalam blog mereka . Sebab, Selain memanjakan pengguna anda, secara otomatis anda juga mempunyai potensi besar untuk mendapat pembaca yang loyal .

Ketika anda selalu menawarkan konten berkualitas dalam blog anda , dikala anda memperkaya konten yang informati maka para pembaca tidak akan segan2 untuk berlangganan dengan anda . Lalu, Ketika anda mendapat banyak pelanggan , anda akan lebih semangat lagi menjalani dunia blogging dan selalu menawarkan artikel yang bermanfaat bagi semua orang .

Dan Berikut Cara Membuat Widget Berlangganan Email Dengan Warna Hijau Dan Putih Khusus Untuk Blogger

Step 1: menuju ke dashboard blogger , edit html, kemudian salin dan paste isyarat CSS berikut sebelum isyarat </style>

 #subscribe-box {background-color:#0CC388;font-family: 'PT Sans', sans-serif;} #subscribe-box p {font-size:22px;color:#fff;line-height:20px;padding:10px 20px 0 20px;margin:0;} #subscribe-box .emailfield {padding:0px 20px 10px;} #subscribe-box .emailfield input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;width:91%;border:0;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;} #subscribe-box .emailfield .submitbutton {background:#444;color:#fff;text-transform:uppercase;font-weight:700;font-size:18px;font-family: 'PT Sans', sans-serif;;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#fff;color:#e25734;} #subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#444;}  .creadit a{color: #A7A6A6; float: right; font-size: 8px

Advertiser

Save Template.

Dan kini ke tata letak / layout dan salin isyarat dibawah ini pada pilihan HTML/Javascript

 <div id="subscribe-box"> <center> Subscribe for our all latest news and updates</center> <div class="emailfield"> <form action="http://feedburner.google.com/fb/a/mailverify?uri=USER-NAME" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USER-NAME, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input 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;;}" type="text" value="Your Name" /> <input 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;;}" type="text" value="Your Email" /> <input name="uri" type="hidden" value="USER-NAME" /> <input name="loc" type="hidden" value="en_US" /> <input class="submitbutton" type="submit" value="Subscribe Now" />  </form> </div> </div>

Customization: