Selamat
siang salam pecinta blogger kali ini CaraJoni akan memberi “Cara
Membuat Widget Kotak Berlangganan FeedBurner”, tips ini sudah sering
dibahas di blog-blog namun itu bagi mereka-mereka yang sudah sekian lama
menggeluti dunia blogger. Sebenarnya apa fungsi membuat Widget tersebut.
Singkat saja saya jelaskan, Widget ini memiliki fungsi sebagai sarana bagi
pungunjung blog kita untuk berlangganan artikel-artikel terbaru di blog
tersebut, jadi pengunjung akan selalu mendapatkan kiriman artikel terbaru atau
ter Update dari blog tersebut melalui email yang di daftarkan. Sekarang seperti
apa tampilan Widgetnya, berikut saya tampilkan Screenshot gambar.
Untuk membuat Widget yang seperti gambar di
atas, ikuti langkah-langkah dibawah ini :
1. Login ke blog kamu>masuk ke Tata letak
2. Tambah Gadget dan pilih HTML Java Script, masukkan kode dibawah ini.
1. Login ke blog kamu>masuk ke Tata letak
2. Tambah Gadget dan pilih HTML Java Script, masukkan kode dibawah ini.
<style>
.mbt-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQM_BJFdq0nw5HA2zZtxdSTqFMeVUvNM0BqXc1sf3oj6g7aMMTrMBr8Pr19ChUsGlsuqpxsyRDwV0mFIyEouSWSE_yC4JkX-pRBIhjuUtWlnPdhQKjMyXoe8cboz-EGA04LhlXyccfNKjp/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=carajoni',
'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea"
name="email" onblur="if (this.value == "")
{this.value = "Enter email address here";}"
onfocus="if (this.value == "Enter email address here")
{this.value = "";}" value="Enter email address
here" type="text" />
<input type="hidden" value="carajoni"
name="uri"/><input type="hidden"
name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Submit"
type="submit" />
</form>
</div>
|
3. Ganti tulisan
yang berwarna MERAH di atas dengan alamat FeedBurner blog anda
4. Terakhir Klik simpan.
4. Terakhir Klik simpan.
Nah sekarang
lakukan pratinjau untuk blok anda pasti akan terlihat hasilnya
Keyword : Widget Kotak Berlangganan FeedBurner,
kurang paham
BalasHapus