Tutorial Blog Mas Andes Official - Tips Blogging | Trik Blogger | Tutorial Blogger | Widget Blogger | Blog Design | Taktik SEO (Search Engine Optimization)

Membuat Form Email Subscribe Dibawah Posting Blog

Widget Form Email Subscribe Blogger Membuat Form Email Subscribe Dibawah Posting Blog – tentu sudah tidak asing lagi dengan adanya form email subcribe di dalam template blog. Dengan adanya form email subscribe yang terpasang pada blog akan sangat membantu baik itu dari author blog dalam mempublikasikan ke media maupun lebih mempermudah visitor dalam menemukan artikel yang di publikasin oleh blog tersebut dan nantinya pemilik email akan menerima pemberitahuan mengenai artikel yang di publikasikan begitu juga seterusnya akan menerima pemberitahuan secara terupdate melalui email selagi masih berlangganan. Untuk membuat form email subcribe agar bisa tampil dibawah posting blog juga tidak rumit dan bahkan sangat mudah. Caranya bisa di ikuti dengan menggunakan langkah-langkah yang ada dibawah ini, berikut tutorialnya untuk Membuat Form Email Subscribe Dibawah Posting Blog.

1. Login ke akun blogger.
2. Kemudian klik Template lalu pilih Edit HTML.
3. Copy kode berikut ini lalu paste di atas kode ]]></b:skin>
#evolutions-widget { background: #e9fbe9; border: 2px solid #52e052; padding: 3px 8px; margin: 20px auto; -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: auto; box-shadow: 1px 1px 4px #52e052 inset; }
#evolutions-widget:hover { background: darkgreen; }
#evolutions-widget td { padding: 3px 0; }
form.feedburner { margin: 0px; display: block; clear: both; }
.form-email { background: url(http://2.bp.blogspot.com/-YHHzZ6_RLMU/T-1kl7RxNEI/AAAAAAAACD8/-0FyeWj00vo/s1600/helperblogger.com-email-icon.png) no-repeat scroll 4px center transparent; padding: 7px 15px 7px 35px; color: #000; font-weight: bold; text-decoration: none; border: 1px solid #52e052; box-shadow: 1px 1px 4px #52e052 inset; }
.buttonsubmit { color: #000; font-weight: bold; text-decoration: none; padding: 6px 15px; border: 1px solid #52e055; cursor: pointer; background: #52e052; }

4. Selanjutnya gunakan CTRL+F untuk mencari kode <data:post.body/> biasanya terdapat 2 kode atau bisa lebih, sesuaikan saja dengan template blog yang anda gunakan.
5. Lalu copy kode berikut ini kemudian paste dibawahnya <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div id='evolutions-widget'>
<div id='emailwidget'>
<table style='border:none; margin: 0px; padding: 0px;' width='100%'>
<tbody>
<tr style='border:none; margin: 0px; padding: 0px;'>
<td align='left' style='border:none; margin: 0px; padding: 0px;'>
<p style='color:#000; font-weight: bold; font-size: 18px; margin:0px 0px 15px 0px;font-family:georgia;font-style:bold; '>
Get Update Via Email !
</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=masandes&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='masandes'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='form-email' 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='buttonsubmit' title='' type='submit' value='Submit'/>
</form>
</td>
<td style='border:none; margin: 0px; padding: 0px;'>
<p style='color:#000; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px;font-family: georgia; '>
Follow Me !
</p>
<a href='http://feeds.feedburner.com/masandes' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://lh4.googleusercontent.com/-JAdipUdcDTc/Ug6bX7SOjbI/AAAAAAAAGBA/MPRAwhd577w/h120/Faceblog+Evolutions+%283%29.png'/></a>
<a href='http://www.facebook.com/andestyle' rel='nofollow' target='_blank' title='Follow Me on Facebook'><img src='https://lh6.googleusercontent.com/-dtHgsBzs8W4/Ug6bX39AqSI/AAAAAAAAGA0/h146kj0cDZY/h120/Faceblog+Evolutions+%281%29.png'/></a>
<a href='https://plus.google.com/106527290580119996124/' rel='nofollow' target='_blank' title='Follow Me on Google+'><img src='https://lh5.googleusercontent.com/-nGPWL4q5ddA/Ug6bXylTgoI/AAAAAAAAGA4/enMYA7SE8mA/h120/Faceblog+Evolutions+%282%29.png'/></a>
</td>
</tr>
</tbody>
</table>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fandestyle&amp;width=450&amp;height=21&amp;colorscheme=light&amp;layout=standard&amp;action=like&amp;show_faces=false&amp;send=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
<span style='font-size: 8px; text-decoration: none; text-align:right;'><a href='http://mas-andes.blogspot.com' target='_blank'>[Get this widget]</a></span>
</div>
</div>
</b:if>
6. Langkah terakhir klik Simpan Template.

Berlangganan artikel via email

96 Response to "Membuat Form Email Subscribe Dibawah Posting Blog"

Wah cakep mas..ada yang warna merah ga..??? klu warna dark green kan udah kontras buat thema blog mas andes

Balas

sambangi blog sebelm final catur .. dapet final nih
piala tingkat RT hehe .. btw keren mas .. mantap nih

Balas

wah kang Ruly pinter main catur yah, sukses yah mas pertandingan finalnya :)

Balas
avatar
Anonymous

Boleh juga nih mas Andes cara membuat form email subscribe di bawah postingannya, makasih tutorialnya :)

Balas

tinggal ubah saja kok mas, warnanya bisa di sesuaikan sendiri pada #evolutions-widget { background: #e9fbe9; ...
dan
#evolutions-widget:hover { background: darkgreen; }

Balas

OK tar tak cobain ya

Balas

Space yg terbilang cocok ya mas..buat naro widget from email subscribe ini...tepat di bawah posting...

Yg ngemudahin para pengunjung utk berlangganan melihat update post kita...
Asyik nih...buat di tester.. :)

Balas

Sami sami mas anthonie :)

Balas
avatar
Anonymous

tapi menurut saya warna dark green lebih enak dipandang. ^_^

Balas
avatar
Anonymous

widgetnya keren,, tapi ini bisa buat blog jadi lelet gx ya ??

Balas

caturwula pertama apa kedua bro,,,,,

Balas

makanan kalee ditester heuheuheu

Balas

nggak abis-abisnya nih tutor,bikin orang penasaran saja heuheu

Balas

siapa dulu dong Adminya,,,,heuheu

Balas

Iya dong mas, siapa dulu ang bikin ??

Balas

keren mas widget nya... kalo pasang kira2 banyak gak ya yang mau belangganan artikel saya :)

Balas

benar-benar blog mas andes ini selalu memberikan tips dan trik yang sangat membantu para blogger....luarbiasa :-)

Balas

Salam Mas Andes Daftar Hadir gak mau ketinggalan akh di Artikel
Mas Andes.. yang super segala nya,, kali saja blog saya bisa kecipratan..? http://www.karristaent.blogspot.com/feeds/posts/default hkhkkh
Salam sukses yah Kang Mas..?

Balas

makasih mas Budi :)

Balas

memang perlu juga sih ditester biar mantap :)

Balas

lha yang komen siapa kang hehe...

Balas

nanti kalau udah pasang saya mau deh berlangganan artikelnya mbak hehe...

Balas

Wah bole bole nih scriptnya
Saya harus save dulu format blog saya, sebelum apply script ini. Pengalaman sih. Blog ku jadi berantakan begitu script yang dipake nda jalan. Hiheihiehiheiee

Balas

mantep ni mas, tar kalau udah gak males lihat coding, boleh dicoba ni, rencana saya, bawah posting ada author dan lansung disambung form subscribe email :)

Balas
avatar
Anonymous

Keren Mas Widgetnya.. Mantap Nih Blog Mas Update terus...

Balas
avatar
Anonymous

betul mas, pantesan Alexanya ramping soalnya rajin update dan artikelnya juga keren-keren :)

Balas

Artikelnya mantep nih mas Andes, boleh juga nih email subscribenya dipasang di bawah postingan biar tambah banyak yang subscribe :)

Balas

oyesssss .. dapet kang euy jawara hiji ..

Balas

memang bagus tampilannya ijo royo royo... :)

Balas

hebat dong jadi jawara,tapi belum tentu kalau lawanya sayah heuheuheu

Balas

makasih semuanya...

Balas

itu yang komen mas Andes tapi didalam hatinya ,begeetoo kang bro heuheuheu

Balas

Terimakasih atas artikel Membuat Form Email Subscribe Dibawah Posting Blog, semoga bisa membantu bagi yang ingin memasangnya.

Balas

dapt ilmu,,,, makasih mas,,,

Balas
avatar
Anonymous

hahahahh bener-bener nihh abang tau aja yang ane mau

Balas

wah hebat banget kang Ruly jadi jawara se RT ckckck....

Balas
avatar
Anonymous

emang lagi nyari apa bang, kalo bole ane tau hehe...

Balas

sama-sama mbak Maya :)

Balas

Nyari alamatnya mas andes kali... :)

Balas

Mesti naik ojek kali kang..biar jalan :)

Balas

Siapa dulu dong gurunya :)

Balas

Berhadiah piring ndak ya :)

Balas

Biar ndak ngiler juga mas :)

Balas

tumben sob gk pake demo.., tp klo dilihat dr gambarx kayakx keren sh.., makasih *smile

Balas

keren deh mas andes nih tutorial nya sip oke

Balas

Tapi ada juga template yang udah langsung kasih widgetnya, pernah coba soalnya. Btw, template keren... buat sendiri? Black and Green... thumbs up :)

Balas

naik ojek dari bandung-surabaya...capek lah mas

Balas

apa lagi pake sepeda ontel alias sepeda pancal heheh

Balas

Hmmmm keren.. makasih sharenya mas, semoga ga bosan dengan ucapan terima kasih dari saya, xixixixiii

Balas

5 hari 5 malam tuh pasti sampai tempat...

Balas

bisa meningkatkan traffic lewat email subcriber ya

Balas
avatar
Anonymous

saya pasang di samping za gan hehe... sidebar

Balas

Hi Mas Andes Rizky Nugroho, saya gagal pasang subscribe email, jadi berantakan tempalate- kenapa ya? kalo ada alternatif coding kabari ya (sapa tau cocok), maaf gaptek....

Balas
avatar
Anonymous

bisa juga mbak Elsawati, biar tambah banyak pengunjungnya hehe...

Balas

alamatnya udah pindah kali mas, coba tanya pak RTnya hehe...

Balas

di bawah postingan boleh, di sidebar juga boleh, silahken hehe...

Balas

belum lagi bannya gembos tambah lama aja deh...

Balas

tenang mas kan ada tisue hehe...

Balas
avatar
Anonymous

iya nanti saya sampaikan sama mas Andes mas, ditunggu aja yah hehe...

Balas
avatar
Anonymous

wah mantapp mas. Mas share cara membuat sidebar 2 coloum donk. Oh iya blog ini udh saya follow,follbek Ok??

Balas
avatar
Anonymous

Yang komen ini juga kereen loh mas Andes...

Balas
avatar
Anonymous

ikut nimbrung mas andes...

Balas

hadir kembali.terimaksih !

Balas

saya juga hadir mas, terimakasih :)

Balas

kegagalan itu sudah biasa mas, tapi keberhasilan luar biasa. kalo salah di hapus lagi kodenya, mungkin penempatannya yang kurang tepat mas

Balas

wiro sableng mungkin mas :) hehehe

Balas

udah lama ga utak utik template ini lagi belajar wp hahaha #gaya :D ,.

Balas

segera mas.. tunggu tanggal mainnya :)

Balas

main di mana mas?

Balas
avatar
Anonymous

udah pindah kelain hati nih hehe...

Balas

Ta kira .. Brama kumbara mas hehe :)

Balas

Tisue basah ya mas..biar lembut ngoles nya hehe :)

Balas

Nambah sering di sosor ya mas..hehe :)

Balas

Terima ksh mas Anthonie :)

Balas

Pak RT nya..lagi kondangan mas :)

Balas

Numpang nyelonjorjuga boleh kan..

Balas

hihi lupa nanya.. ini maksudnya buat sidebar 2 kolom tuh biar sidebarnya menjadi 2 bagian antara kanan dan kiri postingan.. apa cuma membagi kolom widgetnya saja yang ada di sidebar sebelah kanan biar jadi 2 bagian mas..

Balas

slamat mlm soba apa kabar ni sob.

Balas
avatar
Anonymous

baik-baik juga sob makasih sob hehe...

Balas
avatar
Anonymous

Punten Mas Andes numpang lewat,. sambil istirahat.
Di Blog Mas Andes yang teduh , Rindang, Sejuk tentunya kaya air Mineral hhhh
Bagus Artkel : Membuat Form Email Subscribe Dibawah Posting Blog

sangat berguna sekali ini buat di terapin di blog,.
Idzin simak lagi Mas.mencoba ulang email Subscribe, yang tempo lalu
Belum valid di blog saya,. yang ini pasti sudah valid yah Mas..?
Dan tentunya sudah tervalidasi di HTML5 dan CSS3..SUKSES yah Mas..?

Balas
avatar
Anonymous

wah keren widgetnya mas,

Balas

Kayaknya keren nih widget nya. Bisa dicoba untuk dipasang di blog saya. Dulu pernah pasang widget subscribe dari feedburner di blog. Sudah hampir 3 bulan, tapi nggak ada yang berlangganan blog saya hehehe :D

Balas

Sangat bermanfaat gan :)

Balas

kalo mau ngubah warna ijo diganti warna len mana aj ayng diubah

Balas

kalo mau ngubah warna ijo diganti warna len mana aj ayng diubah

Balas

#e9fbe9 sama #52e052

Balas

tutor nya keren banget,, aku udh coba mas, top

Balas

Kalau, saya sudah subscrib email Mas Andes.?
Kaya nya udah deh Mbak.. Rin

Balas

Perbincangan dua arah antara Senayan, dengan side bar
Emang Senayan pakai side, bar Mas..? tt3tt3tt3tt3tt3

Balas

cara mengubah warnanya yg mana diganti kodenya mas ?

Balas

terimakasih kang namuntambahan gan apa ajja yang harus di ganti kang

Balas

thx gan tutorialanya, ini yang saya cari, cobalah bisa dipraktekkin nih
www.broedi.com

Balas
  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Membuat Form Email Subscribe Dibawah Posting Blog" ini bermanfaat, share ke jejaring sosial.
Konversi Kode