3. Code JavaScript ( JS )



jika semua kode di atas sudah sobat copas .. dan sudah di pasang .. maka jangan dulu di save .. karena masih ada satu tahap lagi .. yaitu kode HTML nya .. dan perlu di ingat .. sebeluk nya sobat harus daftar dulu di feedburner .. untuk mendapatkan ID Blog sobat .. yang nantinya akan do gunakam untuk subcribes / Follow Via email pada blog sobat .. karena di kode HTML ini .. ada ID FeedBurner Nya yang harus sobat ganti sesuai dengan ID & Nama blog sobat .. dan berikut kode HTML nya ..

4. Code HTML

<div id="w2bfollowSubscribe" style="display:none;">
<div class="w2bfollowForm">
<a class="w2bfollowButton" href="#" title="Follow">
<span>Follow</span></a>
<h3>Follow "MP4U"</h3>
<p>Ikuti Kami Via Email Dan Dapatkan Info Terbaru tiap harinya</p>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MyPosForYou', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" class="emailInput" name="email" placeholder="Enter Your Email..."/>
<input type="hidden" value="MyPosForYou" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="Subscribe" class="emailSubmit"/>
</form>
</div>
</div>


5. Hasil Pembuatan-nya



  • Hasilnya seperti pada gambar diatas .. gimana keren ?? cukup keren ?? biasa saja ??
  • Untuk lebih jelasnya ... silahkan Scroll terus .. kepaling bawah bagian footer blog ini .. sperti contohnya pada gambar ..
  • Coba klik "follow" maka akan terbuka tempat pengisian email .. seprti gambar di atas ..


Note
  • Ingat jika di template sobat sudah terinstal Jquery 1.7.1 maka langkah pertama tidak perlu di lakukan ..
  • Teks warna Biru Muda silahkan sobat ganti dengan nama blog sobat ..
  • Teks warna Biru silahkan sobat ganti dengan kata-kata sobat sendiri ..
  • Teks warna Putih silahkan sobat ganti dengan Id feed bunner sobat ..


Ok Next .. saya rasa cukup sampe disini perjumpaan kita pada malam hari ini .. terimakasih sudah membaca Cara Buat Follow By Email Untuk Blogger Keren !!! Dari awal sampe akhir .. semoga bermanfaat dan sampai jumpa .. Selamat malam N' Happy Blogging ^__^ …



Tag : #CSS, #HTML, #Tag CSS, #Tag HTML, #Jquery, #JavaScript, #JS, #Blog, #Tutor Blog, #Tutorial Blog, #Follow, #Subcribes, #Follow Via Email, #Cara, #Cara Buat, #Cara Membuat, #Cara Ngebuat, #Cara Bikin, #Cara membikin, #Cara Ngebikin, #Cara Bikinin, #Cara Buat Follow By Email Untuk Blogger Keren !!!
Cara Buat Follow By Email Untuk Blogger Keren !!! Cara Buat Follow By Email Untuk Blogger Keren !!!

MP4U - Cara Buat Follow By Email Untuk Blogger Keren !!! - berbicara soal blog apa lagi soal perkodean jujur aja admin sendiri tidak panda...

Read more »

Cara Buat Garis Berwarna Di Sisi Kanan Kiri Text Dengan CSS Cara Buat Garis Berwarna Di Sisi Kanan Kiri Text Dengan CSS

MP4U - Cara Buat Garis Berwarna Di Sisi Kanan Kiri Text Dengan CSS - Seperti yang sudah kita ketahui bersama .. untuk membuat garis pada t...

Read more »
 
 
Top
'