2017/02/21

Cara Membuat 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 yakni 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 keuntungan bagi blogger jika mereka memasang widget ini kedalam blog mereka . Sebab, Selain memanjakan pengguna anda, secara otomatis anda juga memiliki potensi besar untuk mendapatkan pembaca yang loyal .

Cara Membuat Widget Berlangganan Email Dengan Tampilan Warna Hijau Dan Putih

Ketika anda selalu memberikan konten berkualitas dalam blog anda , ketika anda memperkaya konten yang informati maka para pembaca tidak akan segan2 untuk berlangganan dengan anda . Lalu, Ketika anda mendapatkan banyak pelanggan , anda akan lebih semangat lagi menjalani dunia blogging dan selalu memberikan 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 kode CSS berikut sebelum kode </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 

Save Template.

Dan sekarang ke tata letak / layout dan salin kode 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:
  • Ganti semua  USER-NAME Dengan nama alamat feedburner anda.
Selesai !!!

Silahkan berkomentar yang baik dan menarik sesuai dengan isi konten.
Komentar yang tidak diperbolehkan :

1. Berbau penghinaan SARA & PXXN
2. Komentar dengan Link hidup ( akan dianggap spam )
3. Komentar tidak nyambung dengan isi postingan

EmoticonEmoticon