Kamis, 19 Januari 2012

Cara Memodifikasi Widget Subscribe Via Email


By on 14.55

Cara Memodifikasi Widget Subscribe Via Email - Biasanya kita sering melihat Widget Subscribe Via Email atau sering disebut juga Berlangganan Via Email di Blog, nah sekarang saya akan menjelaskan Tips Blog yaitu bagaimana cara memodifikasi Kotak Widget Subscribe Via Emali, tapi sebelumnya kamu harus tau dulu apa sih fungsi Subscribe Via Email atau Berlangganan Via Email, fungsinya yaitu untuk memberikan atau menginformasikan Artikel Terbaru Ke sahabat yang berlangganan Lewat Email, tentunya sangat berfungsi donk karna dengan Widget ini orang yang berlangganan akan dengan mudah melihat Artikel terbaru kita.
Baiklah mari kita mulai cara memodifikasi Widget Subscribe Via Email supaya lebih menarik dan lebih cantik.

Ini dia Langkah-langkahnya.
  • Login ke Blog kamu.
  • Pilih Rancangan lalu Add Gadget.
  • Pilih EDIT HTML Java Script.
  • Lalu Copy kode dibawah ini.
<style>
.form {
border:1px solid #ccc; /* warna garis pinggir form */
background:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ffffff)); /* warna background form */
padding:3px; /* spasi form */
width:auto; /* panjang form */
height:180px /* tinggi form */
}
.rss {
background: url("http://icons.iconarchive.com/icons/deleket/book/128/RSS-Reader-Book-icon.png") no-repeat top right;
}
.button {
background: #; /* warna tombol subscribe */
color: #FF9900; /* warna font subscribe */
font-size: 11px; /* ukuran font subscribe */
font-family: Arial, Tahoma, Verdana; /* font subscribe */
margin-left: 5px; /* margin kiri tombol subscribe */
border: 1px solid #ff9900; /* warna garis pinggir tombol subscribe */
padding:3px 5px 3px 5px; /* jarak antara font dengan garis pinggir tombol subscribe */
font-weight: bold;
}
</style>
<div class="form">
<div class="rss">
<div style="font-weight:bold; color:#ff9900; font-size:15px; padding:10px 5px 5px 10px;"><a href="http://feeds.feedburner.com/blogspot/ZqAec"><img src="http://lh3.ggpht.com/_15FopxVONSo/TCXI_jBHdlI/AAAAAAAADPY/Rh5cFsxiV4A/s800/005.png" /></a> <a href="http://feeds.feedburner.com/blogspot/ZqAec">GET UPDATE VIA RSS</a></div>
<div style="font-weight:bold; padding:10px 10px;">GET UPDATE VIA EMAIL</div>
<div style="padding-left:10px">Dapatkan kiriman artikel terbaru langsung ke email anda!</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ZqAec', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}" onfocus="if (this.value == &quot;Masukan email anda disini...&quot;) {this.value = &quot;&quot;}" type="text" value="Masukan email anda disini..." /> <input type="hidden" value="blogspot/ZqAec" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>
<div style="padding-left:10px"><a href="http://feeds.feedburner.com/blogspot/ZqAec"><img src="http://feeds.feedburner.com/~fc/blogspot/ZqAec?bg=ff7c00&amp;fg=444444&amp;anim=0" width="88" height="26" style="border:0" alt="" /></a></div>
</div></div>
Silahkan Sobat Copy kode di atas.
Dan Ingat : Ganti Yang Berwarna Merah Dengan ID FEEDBURNER sobat.
                 Ganti Yang Berwarna Ungu dengan Texs yang kamu Inginkan.
                 Ganti Yang Berwarna Biru Dengan URL gambar lainnya.


Dan hasilnya akan seperti gambar Di Atas.
Dan jika kamu melihat ada kesalahan, harap Hubungi saya dan tinggalkan Pesan di Kotak Komentar.

SELAMAT MENCOBA

About Syed Faizan Ali

Faizan is a 17 year old young guy who is blessed with the art of Blogging,He love to Blog day in and day out,He is a Website Designer and a Certified Graphics Designer.

6 komentar:

  1. mas minta donk script blockquote seperti blognya mas

    BalasHapus
  2. Maaf mas saya ga bisa kasih tahu karena di kotak komentar ini ga bisa menulis script

    BalasHapus
  3. thanks for this.......
    http://aboutofindonesia.blogspot.com or http://top10informasi.blogspot.com

    BalasHapus