Anda pasti mempunyai E-mail bukan.Dan widget Email Subcription ini memang sudah famous bagi para blogger dan anda juga dapat info terbaru tentu blog seseorang jika anda subcribe Email merekaHari ini saya ingin berkongsi mengenai sebuah widget yang sangat cool dan menarik untuk blog anda.Apa yang anda perlukan sekarang ini ialah copy dan paste kod yang anda berkenaan dan anda akan mendapat apa yang anda mahukan.
bagaimana nak menambah widget Email Subcription ini ke blog anda
1) Sign in ke blogger.com
2) Copy salah satu kod di bawah
3) Gantikan username saya dengan anda.
4) Pergi ke Blogger Dashboard>>Layout
5) Klik pada Add Gadget
6) Pilih HTML/Javascript
7) Paste kod dan save.
Widget Email yang Pertama.
<style type="text/css">
#helperblogger-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTAfomoHaHcO9i4J4Jo7LNmN5C4ky0CMFUbsq2ANrdguLgw7_Ia7Z4YCI8LLWebSXSNbzsIDOEnIuHohPDu0YQxQ3n9QEiZ-twIK-3T_PdGDqn4RDQiDU5J5v2PI94UqZRete6pYs8Cxk/s1600/helperblogger.com-silver.png)no-repeat scroll center center transparent;
height: 143px;
width: 368px;
}
form#helperblogger-emailform {
display: block;
margin: 0;
padding-left: 42px;
padding-top: 67px;
}
form#helperblogger-emailform #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 30px;
margin-top: -2px;
padding-left: 2px;
vertical-align: top;
width: 227px;
}
form#helperblogger-emailform #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 30px;
padding-right: 45px;
}</style>
<div id="helperblogger-emailbox">
<form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=HBlogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="HBlogger" name="uri" />
<input type="text" id="s" name="email" value="Enter Your E-Mail Here"
onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
/>
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>
Widget Email yang kedua
.png)
<style type="text/css">
#helperblogger-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJSNPNTO_itBXpwVJrABe0wGQuTkifJoyy4q3hMWKQ12pNq4Sq5xKwLq_AjoqtyM6izAOhnzOahPZK2w6-HaoYKYC6D5aqglCcOSwaiR957fiHyt0J7efPUSk1Typ_JWH9c60nkA2yZ1g/s1600/helperblogger.com-red.png)no-repeat scroll center center transparent;
height: 143px;
width: 368px;
}
form#helperblogger-emailform {
display: block;
margin: 0;
padding-left: 42px;
padding-top: 67px;
}
form#helperblogger-emailform #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 30px;
margin-top: -2px;
padding-left: 2px;
vertical-align: top;
width: 227px;
}
form#helperblogger-emailform #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 30px;
padding-right: 45px;
}</style>
<div id="helperblogger-emailbox">
<form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=HBlogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="HBlogger" name="uri" />
<input type="text" id="s" name="email" value="Enter Your E-Mail Here"
onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
/>
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>
Widget Email yang ketiga
<style type="text/css">
#helperblogger-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhamY9IdWZM-HVOx6cdWqshyphenhyphen2RWH3LQlHTDVh9g0W7yBkVCNcuaEtzvOxHjQzuZWtrNvvevhbaIFI9FFfEDMis-9UDS9v8Aln6P7td13hw3XWeay_RkEcNPubtnRAtBe2EAY1ioSFU-3yo/s1600/helperblogger.com-blue.png)no-repeat scroll center center transparent;
height: 143px;
width: 368px;
}
form#helperblogger-emailform {
display: block;
margin: 0;
padding-left: 42px;
padding-top: 67px;
}
form#helperblogger-emailform #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 30px;
margin-top: -2px;
padding-left: 2px;
vertical-align: top;
width: 227px;
}
form#helperblogger-emailform #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 30px;
padding-right: 45px;
}</style>
<div id="helperblogger-emailbox">
<form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=HBlogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="HBlogger" name="uri" />
<input type="text" id="s" name="email" value="Enter Your E-Mail Here"
onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
/>
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>
Saya berharap anda tidak menghadapi masalah untuk copy dan Paste widget ini.Semoga berjaya meletakkan widget ini di blog anda dan saya berharap anda menyukainya.........
0 comments:
Post a Comment