Membuat Kotak Berlangganan Via Email

Membuat Kotak Berlangganan Via Email - Blog yang mempunyai banyak pengunjung pasti menggunakan widget berlangganan via email di blog anda. Widget berlangganan via email/subscribe via email ini memudahkan pengunjung agar dapat berlangganan artikelnya setiap hari melalui email. Setelah pengunjung berlangganan, maka tiap ada artikel terbaru dari blog itu akan dikirimkan langsung melalui email.

Selain itu, blog yang mempunyai fitur berlangganan via email ini terkesan menarik dan mempunyai kemampuan tinggi dalam mengelola blognya. Mengapa tidak, karena dia selalu mengutamakan kenyamanan pengunjung dalam blognya (baca: buatlah pengunjung blog anda nyaman), bukan mempercantik blog dengan widget-widget yang tidak penting, seperti jam dan tanggal serta tidak akan memberatkan berat blog.

Cara membuatnya mudah sekali, untuk itu jika sobat mau membuatnya silahkan ikuti cara di berikut:

1. Masuk dan Login ke Situs feedburner.com menggunakan akun google kamu

2. Setelah masuk kamu harus mengisi alamat feed blog kamu terlebih dahulu misalnya
http://lisaariyansyah.blogspot.com/feeds/posts/default
Ganti  lisaariyansyah.blogspot.com dengan alamat blog kamu

3. Check Box Im a Podcaster! kamu centang bila blog kamu isinya video

4. Tekan tombol Next terus hingga muncul gambar berikut yang menandakan kita telah sampai pada Dasboard Feeds kita:

5. Kemudian tekan menu Publicize lalu pilih Menu Email Subscribetions

6. Dan Kemudian tekan Activate

7. Jika kamu menggunakan blogspot, ubah type nya menjadi blogger

8. Jika sudah, kopy kode pada kolom yang terdapat pada gambar, lalu Taruh Codenya di blog kamu dengan cara ke menu Layout--->Page Elements lalu Add a Gadget dan pilih HTML/JavaScript kemudian paste code-nya

Mudahkan? Sudah kubilang :D. Kamu juga bisa memodifikasi kodenya untuk tampilan yang lebih bagus. Sekian dulu postingan dari saya, semoga dengan membuat kotak berlangganan via email ini blog anda semakin ramai dan banyak pengunjungnya. Semoga bermanfaat

You might also like:

Menggabungkan kotak permalink dengan from berlangganan keren

• Masuk ke dasbord blogger kalian
• Ke menu tempelate >> edit HTML
• Cari kode ]]></b:skin> pada tempelate anda
• Kemudian copy kode di bawah ini dan letakan tepat di atas ]]></b:skin>

#rss-wrapper {

background-color:#fff;

border-radius: 0px 0px 15px 15px;

border:2px solid #DF3A01;

margin:0 0 10px;

padding:5px 10px;

font-size: 13px;

}

.lsc-inp {

border:1px solid #DF3A01;

border-radius: 6px 6px 6px 6px;

width:180px;

height:20px;

font-size:13px;

padding:3px 4px 4px 10px

}

.lsc-sbmt {padding:2px}

.clear{clear:both}

KETERANGAN : Kode yang berwarna orange di atas,itu untuk warna border silahkan ganti dengan kode warna yang anda inginkan.dan untuk nilai border-radius'nya juga silahkan sesuaikan dengan yang anda inginkan agar lebih sesuai dengan tempelate anda. .

• Kalau sudah menyesuaikan kode di atas
• Masih di edit html pada tempelate anda
• Sekarang cari kode <data:post.body/>
• Kalau tempelate anda menggunakan auto readmore kemungkinan kode <data:post.body/> ada dua,atau lebih. . .
• Copy code dibawah ini dan letakan di bawah kode <data:post.body/> yang kedua.

<!-- Artikel Berlangganan -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='rss-wrapper'>

<div class='lsc-rss'>

<div style='text-align: justify;'>

Anda baru saja membaca artikel yang berjudul <span style='color:red;'><strong><data:blog.pageName/></strong></span>.Anda boleh copy paste artikel ini dengan menyertakan link <span style='color:green;'><b><data:post.url/></b></span> sebagai sumbernya.Dan Jika Anda ingin berlangganan Artikel dari blog ini, Silahkan <a href='http://feeds.feedburner.com/blogspot/blogspot/VFkMx' target='_blank' title='Berlangganan'>

<b>klik disini</b></a> untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel terbaru setiap ada artikel yang terbit di blog ini.

<hr color="#DF3A01" />

</div>

<div class='lsc-subs'>

<table border='0' cellpadding='0' cellspacing='0' width='100%'>

<tr>

<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/VFkMx&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'>

<div align='left'>

<input class='lsc-inp' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email and submit&quot;;}' onfocus='if (this.value == &quot;Enter your email and submit&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email and submit'/>

<input name='uri' type='hidden' value='blogspot/VFkMx'/>

<input name='title' type='hidden' value='blogspot/VFkMx'/>

<input name='loc' type='hidden' value='en_US'/>

<input class='lsc-sbmt' type='submit' value='Submit'/></div>

</form></td>

<td align='left' style='padding:10px 0 0 0;' valign='top' width='35%'>

<a href='http://feeds.feedburner.com/blogspot/VFkMx'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/blogspot/VFkMx?bg=DF3A01&amp;fg=444444&amp;anim=1' style='border:0' width='88'/></a> <a href='http://www.blogger.com/follow-blog.g?blogID=101378116783902605729' target='_blank' title='Follow my blog'><img height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKyrPomCqH-fCNU1tHIZjGLaTUrsPe46ZiEcIBxOQ3ll4rVC0OgTb-nJ6sH1IZlf2NtlIo2Asn_hpC0uCNiz-TQtgUhksM4BzgM5gMw9HYqs9sg53RqyK3teQOlBZHOpPGHshRRjFQaD-Z/w177-h38/Join+button.png' width='100'/></a><p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>

<a href='http://lisaariyansyah.blogspot.com/' target='_blank'>:: Terimakasih ::</a></span></p>

</td></tr></table></div></div></div><div class='clear'/></b:if>

<!-- End Artikel Berlangganan -->

 

KETERANGAN : Teks yang berwarna ORANGE silahkan ganti dengan Id feedburner anda,dan teks yang berwarna MERAH adalah kata-kata yang ada dalam kotak permalink,silahkan disesuaikan dengan yang kamu inginkan,terakhir teks yang berwarna BIRU silahkan ganti dengan Id blogger anda. .

Kalau semua sudah disesuaikan,preview dulu tempelate anda,jika tidak ada yang error ya langsung di save saja,dan lihat hasilnya. .selamat blog anda sekarang sudah terpasang permalink dan from berlangganan otomatis dibawah postingan. .hhe
selamat mencoba dan selamat berksperimen

Sosial Bookmarking & Kotak Berlanganan Artikel Untuk Blogger

- | Hai sobat blogger, seperti pada widget-widget yang sama namun dengan desain yang berbeda, pada tutorial ini kita akan membahas bagaimana membuat sosial bookmarking & kotak berlangganan artikel untuk blogger.

Langkah Membuat Sosial Bookmarking & Kotak Berlanganan Artikel Untuk Blogger :

1. Buka akun blogger Anda
2. Masuk ke menu tata letak, add gadget > HTML/Javascript
3. Pastekan kode dibawah ini :

<style>
#socialbox{border:2px solid black;
width:270px;padding: 5px 5px 5px 5px;  }
img.beintouch:hover {
    background: none repeat scroll 0 0 #ffbc99;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 10px #ffbc12;
}
.emailtext {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcBu-hA5ndpTPPn_YM61xOZFSfIW2Dcz_IeuxdsQkpGbL4h2Z7I764huBL-FWMDor-ba57ejeqEiNlUlXeUrcAr2-Aa-zMWWKJQIKwCL4CQ6KipyycMlJ7QnXYixrTS2Fajy1JosYMEyk/s1600/mailbox.png") no-repeat scroll 4px center transparent;
    border: 1px solid #7E4E27;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 4px #7E4E27 inset;
    color: #444444;
    font-weight: bold;
    margin-left: 2px;
    padding: 7px 15px 7px 35px;
    text-decoration: none;
    width: 120px;
}
.ebutton {
    background: #D55959;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-left: -18px;
    margin-top: 5px;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000000;
}
</style>
<br />
<div id="socialbox">
<table align="" cellpadding="1px" cellspacing="0px" style="width: 290pxpx;"><tbody>
<tr><td>
<a href="http://facebook.com/Bloggertrix" rel="nofollow" target="_blank"> <img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFRSXI9M8k8R9WHtJDwOHhIEU3B2SU9IA9UsNQ_gVLl6SGWgr0wLGcU_W0CoD55ZqhF4Fl1UZIP5cBAK9IshzQnmXyVTbpUawxSd5UGtEj_XMcV59Jv6JyPElZ72rDmKbmMhYFmx3PlBU/s1600/bloggertrix-facebook-icon.png" /></a></td><td>
<a href="http://twitter.com/ID Twitter Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOlbOox4setKvxyD7sUOfp5VoL3NZD62OsnGlu53WGHbLYSdMaa_2jCznCfN4SkaBQNlpQNVE7jNaQoh2oWiWtvLWbMIOOgByMS9cyQwqbk34afnGDvuTfZA24pnUQah2OFJFFno51LaA/s1600/bloggertrix-twitter-icon.png" /></a></td><td>
<a href="http://pinterest.com/ID Pinterst Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1MwmC_BKZ1xtnxlj86DEOwcQvW6bmNxn8rgw9uQCctfVm015s8fcP3Ig9gWlUYp599gFObsJVfmnQEiAKeBxdEl-ioTviexDsZGbkAOHje24ICNE-9gafcg-rm6Qv9b7UHTeubp5_lKU/s1600/bloggertrix-pinterest-icon.png" /></a></td><td>
<a href="URL Google+ Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN5fis6CrH6am8tMGqZyF1bd64sJ3CZ8wXa5F7Smc9BqYhZ4v5JElPryFG4N-jMl_flxA-QkQHh-fwNBoTRBuZ1myaL2nEoSU92hCrzzwhESkOLLWWwuUZJei1BxT4m3mqtNSLWa0LgFU/s1600/bloggertrix-google-icon.png" /></a></td><td>
<a href="http://feeds.feedburner.com/ID Feedburner Anda" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir_2Aj6jbuLZmrod0LpMW0FVXgFgXhHR4BwUtfDzgBK1TL41si4JfFErFuoUcv_WWCiJs8psjutnmTbkehNcDdQezlGDHt2uECCiDZsD1bhZMYb9I8lHinGl9i7VG5ZiH36arPOfGXsxQ/s1600/bloggertrix-rss-feed-icon.png" /></a></td></tr>
</tbody></table>
<div>
<center>
<b>Dapatkan Artikel Kami Dengan Email</b></center></div>
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ID Feedburner Anda', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="ID Feedburner Anda" />
<input name="loc" type="hidden" value="en_US" />
<input class="emailtext" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." />
<input alt="" class="ebutton" title="" type="submit" value="Subscribe" />
</form>
</div>

Keterangan :
Ganti kode-kode yang sudah diwarnai diatas, sesuai dengan kebutuhan Anda.
    4.  Save template Anda.