Widget Subscribe adalah widget untuk berlanggan di sebuah blog menggunkan Email. Widget ini sangat memudahkan pembaca untuk mendapatkan postingan terbaru dari blog anda. Jadi widget ini jangan sampai ketinggalan anda pasang di blog sobat. Dan sekarang saya akan memabagikan cara memasang widget subscribe ini.
Untuk memasang widget subscribe seperti gambar di atas, silahkan ikuti cara dibawah ini !
 |
| Widget Subscribe Via Email Simple |
- Buka Template > Edit HTML
- Kemudian taruh CSS di bawah ini diatas atau sebelum ]]></b:skin>
/* Subscribe */
#subscribe-box {width: 100%;height: auto;border-radius: 2px;background-color: #95a5a6;box-shadow: 0px 3px 0px 0px #7f8c8d;padding-bottom:10px} #subscribe-box .title {padding: 10px 25px;line-height: 30px;font: 20px Oswald;color: #fff;text-align: center;background: #2a3542;text-transform:uppercase;border-radius:2px 2px 0 0;} #subscribe-box p {font-family: 'Droid Serif';font-size: 16px;color: #fff;line-height: 20px;padding: 10px 20px 0 20px;margin: 0;} #subscribe-box .emailfield {padding: 0px 20px 10px;} #subscribe-box .emailfield input {color: #777;padding: 10px;margin-top: 10px;font-size: 15px;font-family: 'Droid Serif';width:90%;border:0;border-radius: 2px;box-shadow: 0px 3px 0px 0px #bbb;} #subscribe-box .emailfield input:focus {outline: none;} #subscribe-box .emailfield .submitbutton {background: #F4836A;color: #fff!important;border:none;outline: none;width: 95%;cursor:pointer;border-radius: 2px;box-shadow: 0px 3px 0px 0px #e23b16;} #subscribe-box .emailfield .submitbutton:active {padding-top: 11px;padding-bottom: 9px;box-shadow: 0px 1px 0px 0px #3293ba;} #subscribe-box .emailfield .submitbutton:hover{background: #DD7761;}
#art-wrapper { position : relative; background : #fff; margin-top : 15px; width : 100%; height : 100%; } #art-wrapper img { width : 100%; height : 100%; }
#subscribe-box {width: 100%;height: auto;border-radius: 2px;background-color: #95a5a6;box-shadow: 0px 3px 0px 0px #7f8c8d;padding-bottom:10px} #subscribe-box .title {padding: 10px 25px;line-height: 30px;font: 20px Oswald;color: #fff;text-align: center;background: #2a3542;text-transform:uppercase;border-radius:2px 2px 0 0;} #subscribe-box p {font-family: 'Droid Serif';font-size: 16px;color: #fff;line-height: 20px;padding: 10px 20px 0 20px;margin: 0;} #subscribe-box .emailfield {padding: 0px 20px 10px;} #subscribe-box .emailfield input {color: #777;padding: 10px;margin-top: 10px;font-size: 15px;font-family: 'Droid Serif';width:90%;border:0;border-radius: 2px;box-shadow: 0px 3px 0px 0px #bbb;} #subscribe-box .emailfield input:focus {outline: none;} #subscribe-box .emailfield .submitbutton {background: #F4836A;color: #fff!important;border:none;outline: none;width: 95%;cursor:pointer;border-radius: 2px;box-shadow: 0px 3px 0px 0px #e23b16;} #subscribe-box .emailfield .submitbutton:active {padding-top: 11px;padding-bottom: 9px;box-shadow: 0px 1px 0px 0px #3293ba;} #subscribe-box .emailfield .submitbutton:hover{background: #DD7761;}
#art-wrapper { position : relative; background : #fff; margin-top : 15px; width : 100%; height : 100%; } #art-wrapper img { width : 100%; height : 100%; }
- Simpan Template
Selanjutnya yaitu memasangnya di kolom widget yang anda inginkan
- Buka Tataletak/Layout > Tambahkan Gadget >HTML/Javascript
- Copas kode di bawah ini
<div id='subscribe-box'>
<div class='title'>
Subscribe
</div>
<div class='emailfield'>
<form action='https://feedburner.google.com/fb/a/mailverify?uri=kulkuly' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=kulkuly', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input type='text' name='name' onblur='if (this.value == "") {this.value = "Your Name";}' onfocus='if (this.value == "Your Name") {this.value = "";}' value='Your Name'/>
<input type='text' name='email' onblur='if (this.value == "") {this.value = "Your Email";}' onfocus='if (this.value == "Your Email") {this.value = "";}' value='Your Email'/>
<input name='uri' type='hidden' value='kulkuly'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Subscribe Now!'/>
</form>
</div>
</div>
<div class='title'>
Subscribe
</div>
<div class='emailfield'>
<form action='https://feedburner.google.com/fb/a/mailverify?uri=kulkuly' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=kulkuly', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input type='text' name='name' onblur='if (this.value == "") {this.value = "Your Name";}' onfocus='if (this.value == "Your Name") {this.value = "";}' value='Your Name'/>
<input type='text' name='email' onblur='if (this.value == "") {this.value = "Your Email";}' onfocus='if (this.value == "Your Email") {this.value = "";}' value='Your Email'/>
<input name='uri' type='hidden' value='kulkuly'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Subscribe Now!'/>
</form>
</div>
</div>
Ubah subscribe sesuai dengan judul widget yang anda inginkan
Ubah kulkuly sesuai nama feedburner yang anda punya
Widget Subscribe Via Email Simple dan Responsive
4/
5
Oleh
Unknown
-berkomentarlah dengan baik sesuai topik
-menaruh link aktif dianggap spam