Cara Memasang Kotak RSS Feeds Subcription di Blog
June 7, 2014
Cara Memasang Kotak Berlangganan via Email - RSS Feeds Subcription di Blog
Cara memasang kotak berlangganan RSS Feeds - Subcription Box di Blog ini dilakukan setelah blog kita terdaftar di Feedburner Google. Posting ini lanjutan dari posting tentang cara mendaftarkan blog di Feedburner.
Kotak berlangganan posting via email ini memungkinkan pembaca menerima update blog terbaru di emailnya. Begitu kita posting tulisan baru, maka otomatis akan muncul di email pengunjung yang sudah mendaftar di Kotak Subscribe itu.
4. Ganti tulisan berwarna merah dengan "kepunyaan Anda" yang didapat di Feedburner.
5. Anda juga bisa mengganti tulisan "Subscribe by Email" dengan, misalnya, "Langganan via Email" dsb.
6. SAVE !!!
Jika ingin memasang kotak berlangganan di bawah postingan blog, silakan buka panduannya di Realcombiz.
Gampang 'kan Cara Memasang Kotak RSS Feeds Subcription di Blog? Good Luck!
Cara memasang kotak berlangganan RSS Feeds - Subcription Box di Blog ini dilakukan setelah blog kita terdaftar di Feedburner Google. Posting ini lanjutan dari posting tentang cara mendaftarkan blog di Feedburner.
Kotak berlangganan posting via email ini memungkinkan pembaca menerima update blog terbaru di emailnya. Begitu kita posting tulisan baru, maka otomatis akan muncul di email pengunjung yang sudah mendaftar di Kotak Subscribe itu.
Cara Memasang Kotak RSS Feeds Subcription di Blog
Cara Memasang Kotak RSS Feeds Subcription di Blog seperti yang ada di blog CM Blog SEO ini (lihat kotak berlangganan di Sidebar) adalah sebagai berikut:- Klik "Layout" > "Add a Gadget"
- Cari dan pilih "HTML/JavaScript" dari daftar gadget yang tersedia.
- Copy dan Paste kode di bawah ini di kotak yang tersedia:
<style>
.rb-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlkfxnMX4R-AXitfHleNTYT9W0obfv1oKo2Lpi_yxtZIdXhTHmxLCbhjnLbNY7_u7pM_Jf9UxFlabmlrR1xdSTK1EXa8yh34QB6aqSJKJNu12XwNWO31PZM6aqorWHyt-HG-8rkNcUQA7-/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;
}
.rb-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;
}
.rb-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="rb-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=contohblog', '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="contohblog" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="rb-emailsubmit" value="Submit" type="submit" />
</form>
</div>
.rb-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlkfxnMX4R-AXitfHleNTYT9W0obfv1oKo2Lpi_yxtZIdXhTHmxLCbhjnLbNY7_u7pM_Jf9UxFlabmlrR1xdSTK1EXa8yh34QB6aqSJKJNu12XwNWO31PZM6aqorWHyt-HG-8rkNcUQA7-/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;
}
.rb-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;
}
.rb-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="rb-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=contohblog', '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="contohblog" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="rb-emailsubmit" value="Submit" type="submit" />
</form>
</div>
4. Ganti tulisan berwarna merah dengan "kepunyaan Anda" yang didapat di Feedburner.
5. Anda juga bisa mengganti tulisan "Subscribe by Email" dengan, misalnya, "Langganan via Email" dsb.
6. SAVE !!!
Jika ingin memasang kotak berlangganan di bawah postingan blog, silakan buka panduannya di Realcombiz.
Gampang 'kan Cara Memasang Kotak RSS Feeds Subcription di Blog? Good Luck!
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
salah satu widget yang penting banget baut blog nih
ReplyDeletebaut? buat kali ya.... ha ha.....
Deletesudah ane praktekan, luar biasa gan
Delete