Cara Membuat Form Berlangganan Via Email Dibawah Posting
Selamat sore sahabat blogger???? Kali ini saya akan membahas tentang
form berlangganan artikel via emailnya nya di bawah posting, sebenarnya
sih ide memposting tentang form berlangganan artikel via email ini di
dapat dari teman fb. Cukuplah basa basinya, kita langsung saja praktek
untuk menmabah form berlangganan artikel via email di blog yang sobat
miliki
1. Langkah pertama seperti biasa Log in ke akun blogger sobat
2. langkah yang kedua klik template » edit HTML » centang kotak Expand Template Widget.
3. Langkah berikutnya cari kode ]]></b:skin> untuk lebih mudahnya tekan tombol F3/CTRL F
dan letakkan kode di bawah ini persis di kode ]]></b:skin>.
.kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px;-webkit-border-radius:5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0; } .Rssardi33 { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtzhSnRLh4i3P0-K7yJJNnx1n1QEcjk2N4teZAAa7VRkklJad4zoscBQbEYLsjhizjEilt4Pw9ES-a7J3mMRdQZJ1OaJAjvRZCmYH7XHA_jfOm2okaTF_xEwp_c0AWoU4RyDychE50Bg0/s1600/maskolis.co.cc.jpg') no-repeat bottom right; } .Rssardi33 a { background: none;} .inpRssardi33 { border: 1px solid #B9C1C6; width: 170px;height: 16px; font-size: 12px; padding:3px 4px 4px 10px;-moz-border-radius:5px;-webkit-border-radius: 5px;} .sbmtRssardi33 {background:#9b9b9b;border: 1px #9b9b9b solid;color:#FFF;font-size:13,5px;font-family:Arial,Tahoma,Verdana;margin-left:5px;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:7px;-webkit-border-radius: 7px;} .ardi33subs table {border-collapse: inherit; border: none;} .ardi33subs tr { border:0;} .ardi33subs td { border:0;} .ardi33subs th { border:0;} .clear { clear: both; }
4. Langkah Ke empat cari kode <data:post.body/> jika ada dua pilihlah yang kedua dan letakkan kode berikut ini bawah ini tepat di bawah kode <data:post.body/>.
&lt;!-- Script Artikel Berlangganan --&gt;
&lt;div class=&#039;kotakRSS1&#039;&gt;
&lt;div class=&#039;Rssardi33&#039;&gt;
Jika Anda menyukai Artikel &lt;b:if cond=&#039;data:blog.pageType == &amp;quot;item&amp;quot;&#039;&gt;
&lt;data:blog.pageName/&gt;&lt;/b:if&gt;
ini, Silahkan &lt;a href=&#039;http://feeds.feedburner.com/namabloganda&#039; target=&#039;_blank&#039; title=&#039;Berlangganan&#039;&gt;
&lt;b&gt;klik disini&lt;/b&gt;&lt;/a&gt; untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap kali ada artikel yang terbit di &lt;font color=&#039;#0099DD&#039;&gt;&lt;a expr:href=&#039;data:blog.homepageUrl&#039;&gt;&lt;STRONG&gt;&lt;data:blog.title/&gt;&lt;/STRONG&gt;&lt;/a&gt;&lt;/font&gt;
&lt;div class=&#039;ardi33subs&#039;&gt;
&lt;table border=&#039;0&#039; cellpadding=&#039;0&#039; cellspacing=&#039;0&#039; width=&#039;100%&#039;&gt;
&lt;tr&gt;
&lt;td align=&#039;left&#039; style=&#039;padding:5px 0 0 0;&#039; valign=&#039;top&#039; width=&#039;65%&#039;&gt;&lt;form action=&#039;http://feedburner.google.com/fb/a/mailverify&#039; method=&#039;post&#039; onsubmit=&#039;window.open(&amp;apos;http://feedburner.google.com/fb/a/mailverify?uri=diesilver&amp;apos;, &amp;apos;popupwindow&amp;apos;, &amp;apos;scrollbars=yes,width=550,height=520&amp;apos;);return true&#039; style=&#039;border:0px;padding:3px;text-align:center;&#039; target=&#039;popupwindow&#039;&gt;&lt;div align=&#039;left&#039;&gt;
&lt;input class=&#039;inpRssardi33&#039; name=&#039;email&#039; onblur=&#039;if (this.value == &amp;quot;&amp;quot;) {this.value = &amp;quot;Ketikkan email anda disini&amp;quot;;}&#039; onfocus=&#039;if (this.value == &amp;quot;Ketikkan email anda disini&amp;quot;) {this.value = &amp;quot;&amp;quot;;}&#039; type=&#039;text&#039; value=&#039;Ketikkan email anda disini&#039;/&gt;
&lt;input name=&#039;loc&#039; type=&#039;hidden&#039; value=&#039;en_US&#039;/&gt;
&lt;input class=&#039;sbmtRssardi33&#039; type=&#039;submit&#039; value=&#039;Subscribe&#039;/&gt;&lt;/div&gt;
&lt;/form&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&#039;clear&#039;/&gt;
&lt;!-- End Artikel Berlangganan --&gt;
Keterangan:
- Ganti Kode alamt http://feeds.feedburner.com/namabloganda dengan id feedburner anda.
Cukup sekian dulu pembahasan kali ini semoga artikel ini bisa berguna untuk sobat blogger sekalian, jika ada hal yang ingin di tanyakan mengenai artikel ini silahkan bertanya melalaui kotak komentar yang telah di sediakan. Sekian Terimakasih
Categories:
Tutorial Blogspot
0 comments:
Post a Comment