Widget ini pasti akan meningkatkan jumlah subscribers blog anda. jika Anda menulis postingan dengan baik dan anda mengharapkan lebih banyak jumlah pelanggan maka widget ini pasti akan sangat membantu anda. Karena widget ini berisi formulir seperti berlangganan email, tombol facebook, tombol followtwitter dan beberapa ikon sosial yang indah di sebelah kanan widget.widget ini dapat di pasang dengan mudah haya dalam satu langkah bro :D, Anda hanya perlu copy dan paste kode di bawah ini ke template blog anda. Nah Sekarang mari kita lihat bagaimana untuk menambahkannya ke blog blogger?
Bagaimana cara menambahkan Widget Subscriber di Bawah Postingan ?
- Pertama anda pergi ke Blogger Dashboard dan klik tab Template, Saya sarankan backup dulu templatenya
- Klik pada Edit HTML, Karena editor HTML yang baru maka kita tidak perlu centang Expand Widget Template
- Cari kode ini pada template Anda <data:post.body/>
- Kemudian tambahkan kode dibawah ini tepat setelah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'> <style>
form.feedburner{
margin:20px 0 0;
display:block;
clear:both;
}
.RBstyle{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg26S40LUiA0-W8Df3VXsvi60_ldxe0JvKoXpCys9azgq646TyDMmrvz99fo4snxHLr8w9d63BCMKgpckCNCqbjLpnlj_hek_NLNEElvRzZVK0FMDFUgCtmntmHrkRZxN0aGchQ0-Ssps8v/s400/email_icon.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.RBsubmit{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#emailwidget-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:480px;
}
#emailwidget-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#emailwidget-outer td{
padding:3px 0;
}
</style>
<center>
<div id='emailwidget-outer'>
<div id='emailwidget'>
<table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
<tbody>
<tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
<td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'> <p style='color:#666; font-weight: bold; font-size: 22px; margin:0px 0px 5px 0px; '>
Get free daily email updates!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=
blogspot/YkwdOF', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='Realcombiz'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='RBstyle' name='email' onblur='if (this.value == "") {this.value = "Enter your email…";}' onfocus='if (this.value == "Enter your email…") {this.value = ""}' type='text' value='Enter your email…'/>
<input alt='' class='RBsubmit' title='' type='submit' value='Submit'/>
</form>
</td>
<td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'><p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; '>
Follow us!</p>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=blogspot/YkwdOF' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi37654BKucw6I1OpoqultNPG0IKzu5sT3Ts3fgmmzGkRIWCye3UapaWr26CbPxzjP_wtHFjl5BpvRWXIAuWLWtzo-2Pt0f1ginQ1xUXcnCIG3baFKdXIbSe_3MSQLqrWekHEs-evhnlS8/s1600/rss-30×43.png'/></a>
<a href='http://twitter.com/andyfeisal' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb7jwj_HBk4LlsvDb0LOqUM7XKTEh9717guJulsOcRk7QVOyRGpWrdp4Tr3mMl_aDuTcQZ-RuzAAovnXUh1mX6BigTTa1lniBnoFPze55FQomIzUXiXR2PKaN1lhjIqngi5ST1Bu32ZDY/s1600/twitter-30×43.png'/></a>
<a href='http://www.facebook.com/andyirra' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpbIIm1LVoAgzVBvfts2x7LfJUGYZ7Q3P28tyfLLGy7BZ8_wvchJLNdR3iZgn_bQCTQS4v-xaoD_0AWSPHG98gOxoVau5rUjDra2Lg4dJulhOIjDoaxa2GsUi37XBKc35IUXsD3mFxPI8/s1600/facebook-30×43.png'/></a>
<a href='https://plus.google.com/116832834180427346364' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiDeiGvNuHmehv40yDsa5eUrfSa5O3SCFhg20NABQoRCZMKy2Xnez0FpVmh4D4u8Jdtjsq7ReeWkmloDBZIWo1IMYMgHMaNGPXntjTeSPtLtCn7NckPuEso8Os_mx82gj0eGa2fU4wGVo/s1600/googleplus-30×43.png'/></a>
</td>
</tr>
</tbody>
</table>
<div align='right'>
<span style='font-style: italic; font-size: 8px; color: solid #ffffff;'><a href='http://andyrra.blogspot.com/' style='text-decoration: none;' target='_blank'><font color='#FEFEFE' decoration='none'>[Get this widget]</font></a></span>
</div>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fandyrra.blogspot&send=false&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font=verdana&height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:30px;" allowtransparency="false">
</iframe>
<a class='twitter-follow-button' href='http://twitter.com/andyfeisal' rel='nofollow'></a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</div>
</center>
</b:if>
Article
0 komentar