Artikel Terbaru :
Home » » Cara Memasang Kotak Berlangganan Di Blog

Cara Memasang Kotak Berlangganan Di Blog

Saturday, October 6, 2012 | 0 komentar

setelah membahas tentang  Cara Buat Gambar Membesar Diarahkan Cursor
kali ini saya akan share Cara Memasang Kotak Berlangganan di blog contohnya seperti berikut



Cara Membuat Kotak Berlangganan FeedBurner di blog :

  • Sign In di akau Blog sobat
  • Klik Design lalu klik Page Elements
  • Add a Gadget dan pilih HTML JavaScript
  • Copy dan Paste kode di bawah ini :

<style>
.mbt-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoJ1tNPL7kDeCGFDc0ZALkNPWMuxzEFz-4GAcxw5ATDFUFzM5tgg3D0MY21zgigYdwNiyv0dryG6xsBMli_lBjK1HOuoA9G8jiqO7akS4HqzJ2um-OMu-rqQDEf1XakWNafeXhN6Mq1r7s/s1600/email.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}

.mbt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.mbt-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px; 
width:170px;
color:#666;}

</style>

<div class="mbt-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TntByStc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="TntByStc" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Submit" type="submit" />
</form>
</div>
  • Klik Simpan
Sebagai tambahan dalam membuat widget FeedBurner Subscription, ada beberapa hal yang harus sobat blogger ganti:
  1. Ganti http://feedburner.google.com/fb/a/mailverify?uri=TntByStc dengan Email Feed link sobat
  2. Ganti TntByStc dengan Nama feed blog sobat.
Untuk Mengetahui feed link dan nama feed blog sobat, sobat blogger harus login dulu di akun Google FeedBurner sobat.
semoga berhasil dan bermanfa'at
Share this article :

ARTIKEL TERKAIT:

No comments:

Post a Comment

Silahkan tinggalkan komentar sobat , tapi mohon jangan Nyepam ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.

 
Support : Copyright © 2011. Tips Trik Blog | Dan Cara Buat Website - All Rights Reserved
Template Modify by Siti Saleha
Proudly powered by Blogger| Thanks For Visiting