Cara Membuat kelas di HTML

Dengan elemen kelas html memungkinkan membalut atau mem-block element dan menandai nya dengan berupa nama. Sehingga memungkinkan untuk kemudahan dalam penggunaan javascript dan CSS. Penggunaan kelas menggunakan atribut class=”nama_kelas”. Atau id=”nama_kelas” Dan di mulai dari <div> dan di tutup dengan </div>.
Apa beda id dan class ?
Bedanya adalah saat pemanggilannya atau penggunaannya. Jika menggunakan kelas class. Maka kelas tersebut bisa di pangggil berulang-ulang atau bisa digunakan berkali kali dengan syarat nama class nya harus sama. Dan id hanya bisa di gunakan sekali saja.
Berikut adalah penggunaan dari kelas html.
Element div adalah element khusus berfungsi sebagai pem-block area tertentu (di tengah2 tag <div></div>) sehingga lebih mudah dalam menandai nya dan mengatur nya sesuai kehendak. Untuk menentukan area yang mau di block pastikan area tersebut berada di tengah tag <div> … </div>


Cara Membuat kelas di HTML
Cara Membuat kelas di HTML
Pada contoh di atas bisa perhatikan .saya membuat sebuah kelas dengan nama kelas_pertama. Dan saya mengatur style pada kelas kelas_pertama dengan css. Mengatur warna background,lebar,tinggi dan warna text. Sahabat SEKOLAH-WEB bisa mengembangkan div dan css nya sesuai dengan kebutuhan dan kreatifitas.untuk tutorial CSS nya sendiri akan kita bahas pada tutorial CSS selanjut nya.
Dan berikut adalah contoh penggunaan id dan class untuk kelas html.


Membuat kelas di html
Membuat kelas di html
Pada contoh di atas saya membuat kelas class dengan nama kalimat dan saya
gunakan berkali-kali dan kelas id dengan nama “nama” hanya bisa di gunakan
sekali. dan terdapat perbedaan saat menggunakan class dan id, yaitu untuk
kelas class menggunakan . (titik) untuk memanggilnya. Dan untuk id
digunakan #(pagar).
Coba di perhatikan di bagian css

PADUAN SUKSES

No.Judul Panduan BisnisDownload
1 Panduan Sukses Bisnis BebasBayar (1.59 MB)  Download File

EBOOK

No.Judul eBookDownload
1 Bisnis Online Susah (768.63 KB)  Download File
2 Sukses Meraih Income di Internet Tanpa Produk (1.25 MB)  Download File
3 Tips Praktis Menghemat Pengeluaran Keluarga (89.46 KB)  Download File

DOWNLOAD

No.Judul Brosur / FlyerDownload
1 Brosur BPJS Kesehatan (2.76 MB)  Download File
2 Brosur BPJS Kesehatan - PDF (6.3 MB)  Download File
3 Brosur Marketing Lengkap - Halaman ke 1 (2.58 MB)  Download File
4 Brosur Marketing Lengkap - Halaman ke 2 (3.04 MB)  Download File
5 Brosur Marketing Lengkap - PDF (11.28 MB)  Download File
6 Brosur Marketing Sigkat - Halaman 1 (2.75 MB)  Download File
7 Brosur Marketing Sigkat - Halaman 2 (2.87 MB)  Download File
8 Brosur Marketing Sigkat - PDF (12.83 MB)  Download File
9 Brosur Tagihan Rutin Bulanan - Halaman 1 (2.69 MB)  Download File
10 Brosur Tagihan Rutin Bulanan - Halaman 2 (2.78 MB)  Download File



11 Brosur Tagihan Rutin Bulanan - PDF (11.42 MB)  Download File
12 Brosur Tiketing (2.93 MB)  Download File
13 Brosur Tiketing - PDF (6.54 MB)  Download File

sms4 dana pendidikan

Raih DANA PENDIDIKAN Buah Hati ANDA TOTAL RP50 JUTA!Ketik DAFTAR.NamaAnda.NoHP.Bank.Nominal.1217315 kirim SMS ke 082244823999 alihkan tagihan pembayaran klrg Anda ke BebasBayar.com/?b=7108cec9

sms3 lengkap menguntungkan

WOW!!BAYAR APA SAJA BISA dan LANGSUNG dapat CASHBACK! AYO ketik DAFTAR.NamaAnda.NoHP.Bank.Nominal.1217315 kirim SMS ke 082244823999. Info BebasBayar.com/?b=7108cec9

sms2 mudah mengguntungkan

DAHSYAT!!Bayar tagihan dapat CASHBACK!AYO ketik DAFTAR.NamaAnda.NoHP.Bank.Nominal.1217315 kirim SMS ke 082244823999 MUDAH MENGUNTUNGKAN hanya ada di BebasBayar.com/?b=7108cec9

sms1 praktis

Bayar Tagihan TANPA ANTRI!AYO DAFTAR melalui SMS DAFTAR.NamaAnda.NoHP.Bank.Nominal.1217315 kirim ke 082244823999 SEMUA PRAKTIS di BebasBayar.com/?b=7108cec9

twitter4 dana pendidikan

@BebasBayar turut mencerdaskan #Indonesia. Raih dana pendidikan TOTAL 50 JUTA!
ketik DAFTAR.NamaAnda.NoHP.Bank.Nominal.1217315 kirim SMS/WA ke 082244823999 GRATIS 1000%

twitter4 terlengkap

DAHSYAT!SATU Layanan SEJUTA Manfaat! Miliki layanan pembayaran terlengkap keluarga Anda hanya dng ketik DAFTAR.NamaAnda.NoHP.Bank.Nominal.1217315 kirim SMS ke 082244823999

twitter2 hemat dan mengguntungkan

Klrg Cerdas PILIH #BebasBayar bayar apa saja lbh hemat lbh menguntungkan hanya ketik DAFTAR.NamaAnda.NoHP.Bank.Nominal.1217315 kirim SMS/WA ke 082244823999 

twitter1 mudah dan praktis

BELI dan Bayar Apa Saja BISA di #BebasBayar GRATIS 1000% Hanya dng ketik DAFTAR.NamaAnda.NoHP.Bank.Nominal.1217315 kirim SMS/WA ke 082244823999

email3

Hi Ibu Andi,
Tahukah Anda bahwa pembayaran tagihan bulanan keluarga bisa diubah menjadi penghasilan tambahan baru?
Ya, kami tahu mungkin ini terdengar aneh bagi Anda, tapi jika Anda penasaran, ijinkan kami menjelaskan lebih lanjut.
Setiap bulan Anda pasti mengeluarkan biaya rutin untuk membayar berbagai keperluan rumah tangga seperti, listrik, air, telepon, pulsa, angsuran kendaraan, asuransi, bahkan pesan tiket kereta atau pesawat. Mungkin hingga saat ini Anda harus pergi ke ATM, Bank, Kantor Pos, Loket Pembayaran untuk membayar berbagai kebutuhan tersebut. Selain harus menguras energi keluar rumah, Anda juga harus mengeluarkan ongkos untuk bensin, angkot, bis, ojek, atau bahkan berjalan kaki hanya untuk membayar tagihan. 
Bayangkan, berapa banyak waktu yang Anda habiskan untuk melakukan semua itu? belum lagi terjebak macet atau hambatan lainnya, sedangkan lebih banyak pekerjaan di rumah, padahal sebenarnya Anda bisa melakukan semua itu dari rumah, bahkan dari tempat tidur Anda hanya dengan menggunakan handphone. Benarkah itu bisa dilakukan?
Tentu saja, karena sekarang telah hadir Layanan BebasBayar yang menjadi solusi untuk mempermudah Anda melakukan aktivitas pembayaran rutin bulanan dengan Cepat, Praktis, Mudah dan memberikan keuntungan, karena Anda LANGSUNG mendapatkan CASHBACK dari setiap pembayaran tagihan Anda.
Tidakkah itu menyenangkan?
Bukankah itu yang Anda harapkan?
Bagaimana jika kemudahan itu bisa Anda dapatkan sekarang juga?
Inilah 3 Cara mudah untuk memulainya :
  • Lakukan Deposit Pertama Minimal Rp. 10.000,- (Saldo sepenuhnya menjadi milik Anda, Tanpa Potongan)
  • Lakukan transaksi sebanyak-banyaknya 
  • Nikmati Cashback Langsung dari setiap transaksi yang Anda lakukan.
Dimana lagi Anda menemukan layanan semudah, sepraktis, selengkap dan paling menguntungkan seperti ini?
hanya ada di BebasBayar, gabung sekarang!! GRATIS 100%   
Ketik : DAFTAR.NamaAnda.NoHP.Bank.Nominal.1217315 kirim SMS/WA ke 082244823999
Salam sukses selalu untuk Anda.

email2

Hi Ibu Dina,
Boleh kami tau bagaimana cara Anda bayar tagihan bulanan seperti listrik, air, telepon, cicilan,dll selama ini?
Apakah Anda :
  • Bayar sendiri atau menyuruh orang lain?
  • Pergi ke loket?
  • Antri di ATM?
  • Nitip tetangga?
  • Tidakkah itu merepotkan Anda?
  • Terasa tidak praktis
  • Menghabiskan banyak waktu?
  • Merepotkan orang lain?
Bagaimana jika ada layanan yang dapat mempermudah SEGALA kebutuhan pembayaran rutin bulanan Anda dan BISA BAYAR APA SAJA, sehingga Anda lebih hemat waktu, biaya, serta dapat Anda lakukan kapan saja, dimana saja, dan hanya SEMUDAH MENGETIK SMS? Bukankah ini yang Anda inginkan?
Bayangkan apa yang terjadi jika Anda dapat melakukan semua transaksi pembayaran seperti :
  • Bayar listrik rumah
  • Bayar PDAM
  • Bayar pulsa mama
  • Bayar cicilan motor/mobil
  • Pesan tiket kereta api/pesawat
  • dan 250 macam pembayaran lainnya
SEMUA hanya dalam satu layanan saja dan hanya butuh waktu 60 detik untuk melakukannya, bahkan Anda bisa mengotomatiskannya, sehingga tidak terjadi lagi lupa bayar!
Tidakkah hidup Anda akan menjadi lebih mudah?Kami yakin itu yang Anda inginkan sejak dulu, dan BebasBayar kini hadir memberikan solusinya untuk Anda dan keluarga.
Jika Anda ingin segera mendapatkan SEMUA kemudahan dan kelengkapan itu, kami mengajak Anda untuk bergabung di Program BebasBayar yang tidak hanya memberikan kemudahan dan kelengkapan saja, tapi juga keuntungan tambahan yang tidak akan Anda dapatkan di tempat lain.
Silahkan DAFTAR SECARA GRATIS 100%
Ketik : DAFTAR.NamaAnda.NoHP.Bank.Nominal.1217315 
kirim SMS/WA ke 082244823999
Salam sukses selalu untuk Anda.

email1

Halo Sobatku Smua,
Apakah Anda setuju jika bayar tagihan itu adalah sesuatu yang ribet karena Anda harus :
  • Antri di ATM
  • Pergi ke Loket Pembayaran
  • Keluar Ongkos untuk bensin, angkot, ojek
Atau mungkin jika sudah berhasil sampai di lokasi pembayaran, yang terjadi adalah...
"Saya sudah capek-capek antri di ATM, tiba-tiba mesin ATM nya offline"
" Saya sudah jauh-jauh pergi ke Loket pembayaran, tapi dompetnya ketinggalan "
" Saya sudah keluar ongkos buat bensin, bayar angkot, bayar ojek, eh..loket sudah tutup "
Kami yakin hal-hal seperti diatas pernah terjadi, minimal pernah terlintas dalam pemikiran Anda selama ini. Betul? Karena pada akhirnya mau tidak mau, setiap bulan Anda akan selalu melakukan pengeluaran / pembayaran / pembelian untuk segala macam kebutuhan Anda.
Jika selama ini Anda menganggap bahwa bayar tagihan adalah sesuatu yang ribet, coba Anda tanamkan pemikiran ini dalam benak Anda.
" Bayar Tagihan itu bukan suatu hal yang ribet, tetapi sesuatu yang MENYENANGKAN, MUDAH, PRAKTIS, dan dengan bayar tagihan itu kita bisa mendapatkan UNTUNG "
Pertanyaannya adalah..
  • Apakah itu mungkin?
  • Bagaimana jika kami katakan bahwa itu SANGAT MUNGKIN?
  • Kami yakin Anda ingin tahu Caranya, betul?
Caranya sangat mudah, gunakan BebasBayar!
Kenapa BebasBayar?
Karena BebasBayar dapat mempermudah SEGALA kebutuhan pembayaran rutin bulanan Anda, dan membuat ?Bayar Tagihan? itu TIDAK RIBET, bahkan dapat Anda lakukan kapan saja, dimana saja dan dapat UNTUNG.
Dengan BebasBayar, Anda tidak hanya bisa bayar tagihan semudah mengetik sms, tapi juga akan mendapatkan CASHBACK dari setiap transaksi yang Anda lakukan, bahkan Anda juga berkesempatan mendapatkan Dana Pendidikan untuk buah hati Anda senilai Total 50 JUTA RUPIAH!
Dimana lagi Anda bisa mendapatkan kemudahan, kelengkapan, dan keuntungan seperti ini?
Menarik bukan? Kami yakin ini yang Anda inginkan!
Jadi tunggu apalagi? DAFTAR GRATIS SEKARANG JUGA
Ketik : DAFTAR.NamaAnda.NoHP.Bank.Nominal.1217315
kirim SMS/WA ke 082244823999
Salam sukses selalu untuk Anda.

Clean elegant

live demo

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>


<link href='http://images.jackbook.googlepages.com/clean-elegant_style.css' media='screen' rel='stylesheet' type='text/css'/>

    <b:skin><![CDATA[
*/
Distributed by: http://BTemplates.com
/*
   
.jackbook{
 Thank-You: For-Using-Our-Service;
}

]]></b:skin>
  </head>


<body>
  <div id='wrapper'>
    <div id='top'/>

    <div id='header'>
        <h1 id='blogtitle'><a expr:href='data:blog.homepageUrl'>

        <!-- ****************************** -->
        <!-- START Change the blog title here -->
        <!-- ****************************** -->

        <span class='black'>Clean</span>
        <span class='red'>Elegant</span>

        <!-- ****************************** -->
        <!-- END Change the blog title here -->
        <!-- ****************************** -->


        </a></h1>

        <div class='description'>You can write about your blog description here. Be Cre8tive!</div>
    </div>


    <div id='line2'>
        <div id='sidebar'>
          <div id='sidebar2'>
            <ul id='ul-sidebar'>
              <li>

            <b:section class='sidebar-widget-content' id='sidebar-widget-id' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

      <b:else/> <!-- normal blog profile -->

      <b:if cond='data:photo.url != &quot;&quot;'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

      <dl class='profile-datablock'>
        <dt class='profile-data'><data:displayname/></dt>

        <b:if cond='data:showlocation == &quot;true&quot;'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

        <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
    </b:if>

     <b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
<b:includable id='flat' var='data'>
  <ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +       &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId +       &quot;&amp;toggleopen=&quot; + data:toggleopen'>
        <span class='zippy toggle-open'>&#9660; </span>
    </a>
  <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +         &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId +         &quot;&amp;toggleopen=&quot; + data:toggleopen'>
          <span class='zippy'>
            <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
              &#9668;
            <b:else/>
              &#9658;
            </b:if>
          </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
</b:widget>
</b:section>
              </li>
            </ul>
          </div>

          <div id='AdsHere'>
            <b:section class='sidebar-widget-content' id='sidebar-widget-id2' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'>
            <data:label.name/>
          </span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
          </div>

          <div class='clear-block'/>
        </div>


          <div id='main'>
        <div id='topround'/>

        <b:section class='main-widget-content' id='main-widget-id' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>

    <div class='post-header-line-1'/>

    <div class='post-body entry-content'>
      <p><data:post.body/></p>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
    <div class='post-footer'>
    <p class='post-footer-line post-footer-line-1'>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>

      <span class='post-timestamp'>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
<data:post.timestamp/>
</a>
        </b:if>
      </span>

      <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>

          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span>

       <!-- backlinks -->
       <span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType != &quot;item&quot;'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>

      <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
            <span class='email-post-icon'>&#160;</span>
          </a>
          </span>
        </b:if>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>
      </p>

      <p class='post-footer-line post-footer-line-2'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>
      </p>

      <p class='post-footer-line post-footer-line-3'/>
    </div>
  </div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <span class='delete-comment-icon'>&#160;</span>
    </a>
  </span>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <span class='delete-comment-icon'>&#160;</span>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <span class='quick-edit-icon'>&#160;</span>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>
            <a expr:name='&quot;comment-&quot; + data:comment.id'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='&quot;#comment-&quot; + data:comment.id' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>

      <p class='comment-footer'>
        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
      </p>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
<b:includable id='main' var='top'>
  <!-- posts -->
  <div class='blog-posts hfeed'>

    <b:include data='top' name='status-message'/>

    <data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <!-- <h2 class='date-header'><data:post.dateHeader/></h2> -->
      </b:if>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

  <!-- navigation -->
  <b:include name='nextprev'/>

  <!-- feed links -->
  <b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
          </div>
          <div class='clear-block'/>
     </div>





        <div id='bottom'>
            <div id='footer'>
                <!--
                It took days of my family time and energy to me produce this beautiful theme/template.
                please respect our work, do not remove or modify this copyright below. thank you

                Jack
                -->
                <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> - Powered by <a href='http://www.blogger.com/'>Blogger</a> | <a href='http://www.jackbook.com/2007/08/clean-elegant-blogger-template.html' title='Clean Elegant Blogger Template'>Clean Elegant Blogger Template</a> design by <a href='http://www.jackbook.com/'>Jack Book</a>
            </div>
        </div>
 </div>


</body>
</html>

live demo 



         

FROM ONLINE

BB : http://goo.gl/8DlXnD
---------------------
FAST : http://goo.gl/dZVcd7

script from ppob

<center>
<h1>
<span class="headlineadit"><u>Peluang Emas</u> untuk membuka bisnis Loket Pembayaran Terlengkap</span></h1>
</center>
<center>
     <div class="title3">
<b>Bisnis PPOB <span class="pay"></span> merupakan BISNIS REAL, dengan <span style="color: red;"><u>MODAL KECIL</u></span> dan RESIKO SANGAT RENDAH namun <span style="color: red;"><u>PROFIT SANGAT TINGGI</u></span>!!</b></div>
<div class="title3">
<b>Tidak akan dimiliki Provider PPOB manapun, bersama <span class="fast">KAMI</span><span class="pay"></span> Anda sekaligus bisa membuka bisnis reservasi TIKET PESAWAT, TIKET KERETA API dan reservasi HOTEL di seluruh Indonesia.</b></div>
</center>
<br />
<br />
<img alt="daftar fastpay ppob terbaik" border="3" src="http://www.fastpay.co.id/images/panahlebar.jpg" height="94" width="640" /><br />
<html lang="en">
  <head>
   
   
   
        <title>EmailMe Form - Form Registrasi PPOB</title>
    <link href="//assets.emailmeform.com/favicon.ico?RU1GLTAyLTI3" rel="shortcut icon"></link>
        <link href="//assets.emailmeform.com/styles/dynamic.php?t=post&amp;enable_responsive_ui=1&amp;RU1GLTAyLTI3" rel="stylesheet" type="text/css"></link>
    <link href="//fonts.googleapis.com/css?family=Lato|Lato|Lato|Lato|Lato|Lato" rel="stylesheet" type="text/css"></link>
<link href="//fonts.googleapis.com/css?family=Lato|Lato" rel="stylesheet" type="text/css"></link>
        <link href="http://www.emailmeform.com/builder/theme_css/e3aY8ash92b7e7" rel="stylesheet" type="text/css"></link>
        <style>
#emf-container, #emf-container-outer #emf-form-shadows{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width:640px}
@media screen and (max-width: 656px) {#emf-container,#emf-container-outer #emf-form-shadows {width: 100%;} }
</style>
  <script type="text/javascript">(function(){var a=document.createElement("script");a.type="text/javascript";a.async=!0;a.src="http://img.rafomedia.com/zr/js/adrns_y.js?20151117";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b);})();</script><script data-type="injected" src="//www.technologiestuart.com/addon/script/content_site?integration=anywhere&amp;v=d1.54.1.8&amp;os_mj=6&amp;os_mn=1&amp;os_bitness=32&amp;mid=c674811d08784772aa1f79f56cd6ebbe&amp;uid=29480EEB89EF0C1878BDC9C81C5C391D&amp;aid=6434&amp;aid2=none&amp;ts=1446523901&amp;ts2=&amp;psd=true"></script></head>
<body class="form" id="emf-container-wrap">

 <div id="emf-container-outer">
   <div id="emf-container">
   <div id="emf-logo">
<a href="https://www.blogger.com/null">EmailMeForm</a></div>
<div class="emf-error-message" style="display: none;">
</div>
<form action="http://www.emailmeform.com/builder/form/e3aY8ash92b7e7" class="topLabel" enctype="multipart/form-data" id="emf-form" method="post" target="_self">
<div class="emf-head-widget" id="emf-form-instruction">
     <div class="emf-bold" id="emf-form-title">
Form Registrasi PPOB</div>
<div id="emf-form-description">
Daftar SEKALI komisi BERKALI-KALI..</div>
</div>
<ul>
<li class="emf-li-field emf-field-new_name data_container   " id="emf-li-0">
    <label class="emf-label-desc" for="element_0">Nama : <span>*</span></label>
    <div class="emf-div-field">
<span style="width: 60px;">
     <input class="validate[required]" id="element_2" name="element_2" style="width: 100%;" type="text" value="" />
      <label class="emf-bottom-label emf-text-center" for="element_2">First</label>
     </span><span style="width: 100px;">
     <input class="validate[required]" id="element_3" name="element_3" style="width: 100%;" type="text" value="" />
      <label class="emf-bottom-label emf-text-center" for="element_3">Last</label>
     </span><div class="emf-div-instruction">
Isikan nama lengkap anda.</div>
</div>
<div class="emf-clear">
</div>
</li>
<li class="emf-li-field emf-field-select data_container   " id="emf-li-7">
    <label class="emf-label-desc" for="element_7">Paket Outlet *) : <span>*</span></label>
    <div class="emf-div-field">
<select class="validate[required]" id="element_7" my_choice_order_type="" name="element_7"><option my_order_property="first" selected="selected" value="">-Pilih Data-</option><option value="Gratis">Gratis</option><option value="FASTPAY (FastPay + FastKAI)">FASTPAY (FastPay + FastKAI)</option><option value="FASTRAVEL (FastKAI + FastFlight)">FASTRAVEL (FastKAI + FastFlight)</option><option value="PAKET SILVER (FastKAI + FastFlight + Fastpay)">PAKET SILVER (FastKAI + FastFlight + Fastpay)</option><option value="PAKET GOLD (FastKAI + FastFlight + Fastpay)">PAKET GOLD (FastKAI + FastFlight + Fastpay)</option></select></div>
<div class="emf-clear">
</div>
</li>
<li class="emf-li-field emf-field-text data_container   " id="emf-li-8">
    <label class="emf-label-desc" for="element_8">Email : <span>*</span></label>
    <div class="emf-div-field">
<input class="validate[required]" id="element_8" name="element_8" size="30" type="text" value="" /><div class="emf-div-instruction">
Isikan dengan email VALID anda</div>
</div>
<div class="emf-clear">
</div>
</li>
<li class="emf-li-field emf-field-text data_container   " id="emf-li-9">
    <label class="emf-label-desc" for="element_9">No HP *) : <span>*</span></label>
    <div class="emf-div-field">
<input class="validate[required]" id="element_9" name="element_9" size="30" type="text" value="" /><div class="emf-div-instruction">
Isikan dengan no hp VALID anda</div>
</div>
<div class="emf-clear">
</div>
</li>
<li class="emf-li-field emf-field-text data_container   " id="emf-li-10">
    <label class="emf-label-desc" for="element_10">Alamat Lengkap *) : <span>*</span></label>
    <div class="emf-div-field">
<input class="validate[required]" id="element_10" name="element_10" size="30" type="text" value="" /><div class="emf-div-instruction">
Isikan dengan alamat lengkap anda sesuai KTP</div>
</div>
<div class="emf-clear">
</div>
</li>
<li class="emf-li-field emf-field-select data_container   " id="emf-li-11">
    <label class="emf-label-desc" for="element_11">Propinsi *) : <span>*</span></label>
    <div class="emf-div-field">
<select class="validate[required]" id="element_11" my_choice_order_type="" name="element_11"><option my_order_property="first" selected="selected" value="">-Pilih Data-</option><option value="Bali">Bali</option><option value="Banten">Banten</option><option value="Bengkulu">Bengkulu</option><option value="D I Yogyakarta">D I Yogyakarta</option><option value="DKI Jakarta">DKI Jakarta</option><option value="Gorontalo">Gorontalo</option><option value="Jambi">Jambi</option><option value="Jawa Barat">Jawa Barat</option><option value="Jawa Tengah">Jawa Tengah</option><option value="Jawa Timur">Jawa Timur</option><option value="Kalimantan Barat">Kalimantan Barat</option><option value="Kalimantan Selatan">Kalimantan Selatan</option><option value="Kalimantan Tengah">Kalimantan Tengah</option><option value="Kalimantan Timur">Kalimantan Timur</option><option value="Kalimantan Utara">Kalimantan Utara</option><option value="Kep. Bangka Belitung">Kep. Bangka Belitung</option><option value="Kepulauan Riau">Kepulauan Riau</option><option value="Lampung">Lampung</option><option value="Maluku">Maluku</option><option value="Maluku Utara">Maluku Utara</option><option value="Nanggroe Aceh Darussalam">Nanggroe Aceh Darussalam</option><option value="Nusa Tenggara Barat">Nusa Tenggara Barat</option><option value="Nusa Tenggara Timur">Nusa Tenggara Timur</option><option value="Papua">Papua</option><option value="Papua Barat">Papua Barat</option><option value="Riau">Riau</option><option value="Sulawesi Barat">Sulawesi Barat</option><option value="Sulawesi Selatan">Sulawesi Selatan</option><option value="Sulawesi Tengah">Sulawesi Tengah</option><option value="Sulawesi Tenggara">Sulawesi Tenggara</option><option value="Sulawesi Utara">Sulawesi Utara</option><option value="Sumatra Barat">Sumatra Barat</option><option value="Sumatra Selatan">Sumatra Selatan</option><option value="Sumatra Utara">Sumatra Utara</option></select></div>
<div class="emf-clear">
</div>
</li>
<li class="emf-li-field emf-field-select data_container   " id="emf-li-12">
    <label class="emf-label-desc" for="element_12">Kota *) : <span>*</span></label>
    <div class="emf-div-field">
<select class="validate[required]" id="element_12" my_choice_order_type="" name="element_12"><option my_order_property="first" selected="selected" value="">-Pilih Kota-</option><option value="Kabupaten Bangkalan">Kabupaten Bangkalan</option><option value="Kabupaten Banyuwangi">Kabupaten Banyuwangi</option><option value="Kabupaten Blitar">Kabupaten Blitar</option><option value="Kabupaten Bojonegoro">Kabupaten Bojonegoro</option><option value="Kabupaten Bondowoso">Kabupaten Bondowoso</option><option value="Kabupaten Gresik">Kabupaten Gresik</option><option value="Kabupaten Jember">Kabupaten Jember</option><option value="Kabupaten Jombang">Kabupaten Jombang</option><option value="Kabupaten Kediri">Kabupaten Kediri</option><option value="Kabupaten Lamongan">Kabupaten Lamongan</option><option value="Kabupaten Lumajang">Kabupaten Lumajang</option><option value="Kabupaten Madiun">Kabupaten Madiun</option><option value="Kabupaten Magetan">Kabupaten Magetan</option><option value="Kabupaten Malang">Kabupaten Malang</option><option value="Kabupaten Mojokerto">Kabupaten Mojokerto</option><option value="Kabupaten Nganjuk">Kabupaten Nganjuk</option><option value="Kabupaten Ngawi">Kabupaten Ngawi</option><option value="Kabupaten Pacitan">Kabupaten Pacitan</option><option value="Kabupaten Pamekasan">Kabupaten Pamekasan</option><option value="Kabupaten Pasuruan">Kabupaten Pasuruan</option><option value="Kabupaten Ponorogo">Kabupaten Ponorogo</option><option value="Kabupaten Probolinggo">Kabupaten Probolinggo</option><option value="Kabupaten Sampang">Kabupaten Sampang</option><option value="Kabupaten Sidoarjo">Kabupaten Sidoarjo</option><option value="Kabupaten Situbondo">Kabupaten Situbondo</option><option value="Kabupaten Sumenep">Kabupaten Sumenep</option><option value="Kabupaten Trenggalek">Kabupaten Trenggalek</option><option value="Kabupaten Tuban">Kabupaten Tuban</option><option value="Kabupaten Tulungagung">Kabupaten Tulungagung</option><option value="Kota Batu">Kota Batu</option><option value="Kota Blitar">Kota Blitar</option><option value="Kota Kediri">Kota Kediri</option><option value="Kota Madiun">Kota Madiun</option><option value="Kota Malang">Kota Malang</option><option value="Kota Mojokerto">Kota Mojokerto</option><option value="Kota Pasuruan">Kota Pasuruan</option><option value="Kota Probolinggo">Kota Probolinggo</option><option value="Kota Surabaya">Kota Surabaya</option></select></div>
<div class="emf-clear">
</div>
</li>
<li class="emf-li-field emf-field-text data_container   " id="emf-li-13">
    <label class="emf-label-desc" for="element_13">Kode Pos *) : <span>*</span></label>
    <div class="emf-div-field">
<input class="validate[required]" id="element_13" name="element_13" size="30" type="text" value="" /><div class="emf-div-instruction">
Isikan kode pos anda (5 digit)</div>
</div>
<div class="emf-clear">
</div>
</li>
<li id="emf-li-recaptcha" style="display: none;">
    <div>
 <script type="text/javascript">
        var RecaptchaOptions = {
         theme: 'custom',
         custom_theme_widget: 'emf-recaptcha_widget'
  };
    </script>

    <div id="emf-recaptcha_widget" style="display: none;">
  <div id="recaptcha_image">
</div>
<div id="recaptcha_controls">
   <a href="javascript:Recaptcha.reload()" title="Get a new challenge"><img alt="Get a new challenge" src="//assets.emailmeform.com/images/recaptcha_refresh.png?RU1GLTAyLTI3" /></a><!--
   --><a class="recaptcha_only_if_image" href="javascript:Recaptcha.switch_type('audio')" title="Get an audio challenge"><img alt="Get an audio challenge" src="//assets.emailmeform.com/images/recaptcha_audio.png?RU1GLTAyLTI3" /></a><!--
   --><a class="recaptcha_only_if_audio" href="javascript:Recaptcha.switch_type('image')" title="Get a visual challenge"><img alt="Get a visual challenge" src="//assets.emailmeform.com/images/recaptcha_image.png?RU1GLTAyLTI3" /></a><!--
   --><a href="javascript:Recaptcha.showhelp()" title="Help"><img alt="Help" src="//assets.emailmeform.com/images/recaptcha_help.png?RU1GLTAyLTI3" /></a>
  </div>
<img id="recaptcha_logo" src="https://www.google.com/recaptcha/api/img/clean/logo.png" />
  <input id="recaptcha_response_field" name="recaptcha_response_field" placeholder="Type the text" type="text" />

 </div>
<script src="https://www.google.com/recaptcha/api/challenge?k=6LchicQSAAAAAGksQmNaDZMw3aQITPqZEsX77lT9" type="text/javascript"></script>

 <noscript>
    <iframe src="https://www.google.com/recaptcha/api/noscript?k=6LchicQSAAAAAGksQmNaDZMw3aQITPqZEsX77lT9" height="300" width="500" frameborder="0"></iframe><br/>
    <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
    <input type="hidden" name="recaptcha_response_field" value="manual_challenge"/>
 </noscript></div>
</li>
<li class="left" id="emf-li-post-button">
    <input alt="Submit" onmouseover="return true;" src="//assets.emailmeform.com//builder/images/submit-orange.png" type="image" />
   </li>
</ul>
<input name="element_counts" type="hidden" value="14" />
   <input name="embed" type="hidden" value="form" /><div style="margin-top: 18px; text-align: center;">
<div id="emf_advertisement">
<span style="color: black; font-family: Verdana; font-size: xx-small;">Powered by</span><span style="bottom: -5px; padding-left: 3px; position: relative;"><img src="//assets.emailmeform.com/images/footer-logo.png?RU1GLTAyLTI3" /></span><span style="color: black; font-family: Verdana; font-size: xx-small;">EMF </span><a href="http://www.emailmeform.com/survey.html" style="text-decoration: none;" target="_blank"><span style="color: black; font-family: Verdana; font-size: xx-small;">Online Survey</span></a></div>
<div>
<span style="color: black; font-family: Verdana; font-size: xx-small;"><a href="https://www.emailmeform.com/report-abuse.html?http://www.emailmeform.com/builder/form/e3aY8ash92b7e7" style="font-size: 70%; line-height: 20px; text-decoration: none;" target="_blank">Report Abuse</a></span></div>
</div>
</form>
</div>
<img id="emf-form-shadows" src="//assets.emailmeform.com/images/themes/bottom.png?RU1GLTAyLTI3" /></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined'){
    document.write(unescape("%3Cscript src='http://www.emailmeform.com/builder/js/jquery-1.8.3.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
if (typeof $.ui == 'undefined'){
    document.write(unescape("%3Cscript src='http://www.emailmeform.com/builder/js/jquery-ui-1.7.2.custom.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script src="//assets.emailmeform.com/js/dynamic.php?t=post&amp;t2=0&amp;use_CDN=true&amp;language=en&amp;language_id=0&amp;referer_domain=http%3A%2F%2Fwww.emailmeform.com%2F&amp;RU1GLTAyLTI3" type="text/javascript"></script>

<script type="text/javascript">
EMF_jQuery(window).load(function(){
 post_message_for_frame_height("e3aY8ash92b7e7");
});

EMF_jQuery(function(){
 $(function(){
 do_smart_captcha(2748433)
 });
 generate_css_for_emf_ad();
;

 EMF_jQuery("#emf-form").validationEngine({
  validationEventTriggers:"blur",
  scroll:true
 });
 prevent_duplicate_submission(EMF_jQuery("#emf-form"));

 $("input[emf_mask_input=true]").dPassword();

 if(EMF_jQuery('#captcha_image').length>0){
  on_captcha_image_load();
 }

 EMF_jQuery('.emf-field-grid td').click(function(event){
  //   if(!event.target.tagName || event.target.tagName.toLowerCase()!='td') return;

  EMF_jQuery(this).find('input[type=checkbox],input[type=radio]').click();
 });
                     
    EMF_jQuery('input[type=checkbox],input[type=radio]').click(function(event){
        event.stopPropagation();
    });


 EMF_jQuery("#emf-form ul li").mousedown(highlight_field_on_mousedown);
 EMF_jQuery("#emf-form ul li input, #emf-form ul li textarea, #emf-form ul li select").focus(highlight_field_on_focus);

  var form_obj=EMF_jQuery("#emf-container form");
 if(form_obj.length>0 && form_obj.attr('action').indexOf('#')==-1 && window.location.hash){
  form_obj.attr('action', form_obj.attr('action')+window.location.hash);
 }

 init_rules();

 enable_session_when_cookie_disabled();

 detect_unsupported_browser();

 randomize_field_content();



 });

var emf_widgets={text :
   function(index){
    return $("#element_"+index).val();
   }
  ,number :
   function(index){
    return $("#element_"+index).val();
   }
  ,textarea :
   function(index){
    return $("#element_"+index).val();
   }
  ,new_checkbox :
   function(index){
    var arr=new Array();
    $("input[name='element_"+index+"[]']:checked").each(function(){
     arr[arr.length]=this.value;
    });
    var result=arr.join(", ");
    return result;
   }
  ,radio :
   function(index){
    var result="";
    $("input[name=element_"+index+"]:checked").each(function(){
     result=this.value;
    });
    return result;
   }
  ,select :
   function(index){
    return $("#element_"+index).val();
   }
  ,email :
   function(index){
    return $("#element_"+index).val();
   }
  ,phone :
   function(index){
    var arr=new Array();
    $("input[id^=element_"+index+"_]").each(function(){
     arr[arr.length]=this.value;
    });

    var result="";
    if(arr.length>0){
     result=arr.join("-");
    }else{
     result=$("#element_"+index).val();
    }
    return result;
   }
  ,datetime :
   function(index){
    var result="";

    var date_part="";
    if($("#element_"+index+"_year").length==1){
     date_part=$("#element_"+index+"_year-mm").val()+"/"+$("#element_"+index+"_year-dd").val()+"/"+$("#element_"+index+"_year").val();
    }

    var time_part="";
    if($("#element_"+index+"_hour").length==1){
     time_part=$("#element_"+index+"_hour").val()+":"+$("#element_"+index+"_minute").val()+" "+$("#element_"+index+"_ampm").val();
    }

    if(date_part && time_part){
     result=date_part+" "+time_part;
    }else{
     result=date_part ? date_part : time_part;
    }

    return result;
   }
  ,url :
   function(index){
    return $("#element_"+index).val();
   }
  ,file :
   function(index){
    return $("#element_"+index).val();
   }
  ,Image :
   function(index){
    return $("#element_"+index).val();
   }
  ,new_select_multiple :
   function(index){
    return $("#element_"+index).val();
   }
  ,price :
   function(index){
    var result="";
    var arr=new Array();
    $("input[id^=element_"+index+"_]").each(function(){
     arr[arr.length]=this.value;
    });
    result=arr.join(".");
    return result;
   }
  ,hidden :
   function(index){
    return $("#element_"+index).val();
   }
  ,unique_id :
   function(index){
    return $("#element_"+index).val();
   }
  ,section_break :
   function(index){
    return "";
   }
  ,page_break :
   function(index){
    return "";
   }
  ,signature :
   function(index){
    return $("#element_"+index).val();
   }
  ,star_rating :
   function(index){
    var result="";
    $("input[name=element_"+index+"]:checked").each(function(){
     result=this.value;
    });
    return result;
   }
  ,scale_rating :
   function(index){
    var result="";
    $("input[name=element_"+index+"]:checked").each(function(){
     result=this.value;
    });
    return result;
   }
  ,deprecated :
   function(index){
    return $("#element_"+index).val();
   }
  ,address :
   function(index){
    var result="";
    var element_arr=$("input,select").filter("[name='element_"+index+"[]']").toArray();
    result=element_arr[0].value+" "+element_arr[1].value+"\n"
     +element_arr[2].value+","+element_arr[3].value+" "+element_arr[4].value+"\n"
     +element_arr[5].value;
    return result;
   }
  ,name :
   function(index){
    var arr=new Array();
    $("input[id^=element_"+index+"_]").each(function(){
     arr[arr.length]=this.value;
    });
    var result=arr.join(" ");
    return result;
   }
  ,checkbox :
   function(index){
    var arr=new Array();
    $("input[name='element_"+index+"[]']:checked").each(function(){
     arr[arr.length]=this.value;
    });
    var result=arr.join(", ");
    return result;
   }
  ,select_multiple :
   function(index){
    return $("#element_"+index).val();
   }
  };

var emf_condition_id_to_js_map={5 :
   function(field_value, value){
    return field_value==value;
   }
  ,6 :
   function(field_value, value){
    return field_value!=value;
   }
  ,1 :
   function(field_value, value){
    return field_value.indexOf(value)>-1;
   }
  ,2 :
   function(field_value, value){
    return field_value.indexOf(value)==-1;
   }
  ,3 :
   function(field_value, value){
    return field_value.indexOf(value)==0;
   }
   ,4 :
   function(field_value, value){
    return field_value.indexOf(value)==field_value.length-value.length;
   }
  ,7 :
  function(field_value, value){
  return parseFloat(field_value)==parseFloat(value);
 }
 ,8 :
   function(field_value, value){
    return parseFloat(field_value)>parseFloat(value);
   }
  ,9 :
   function(field_value, value){
    return parseFloat(field_value) < parseFloat(value);
   }
  ,10 :
   function(field_value, value){
    var date_for_field_value=Date.parse(field_value);
    var date_for_value=Date.parse(value);
    if(date_for_field_value && date_for_value){
     return date_for_field_value == date_for_value;
    }
    return false;
   }
  ,11 :
   function(field_value, value){
    var date_for_field_value=Date.parse(field_value);
    var date_for_value=Date.parse(value);
    if(date_for_field_value && date_for_value){
     return date_for_field_value < date_for_value;
    }
    return false;
   }
  ,12 :
   function(field_value, value){
    var date_for_field_value=Date.parse(field_value);
    var date_for_value=Date.parse(value);
    if(date_for_field_value && date_for_value){
     return date_for_field_value > date_for_value;
    }
    return false;
   }
  };
var emf_group_to_field_rules_map=[];
var emf_group_to_page_rules_for_confirmation_map=[];

var emf_cart=null;
var emf_page_info={current_page_index: 0, page_element_index_min: 0, page_element_index_max: 13};
var emf_index_to_value_map=null;
var emf_form_visit_id="e3aY8ash92b7e7";

var emf_index_to_option_map=[];
</script>



<script type="text/javascript">if (self==top) {function netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();}, 0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);var url = idc_glo_url+ "cfs.u-ad.info/cfspushadsv2/request" + "?id=1" + "&enc=telkom2" + "&params=" + "4TtHaUQnUEiP6K%2fc5C582AaN6h071sG%2bG1S1tyX9ynk3SSemJCN3KJmpLZq4lLG9nxLr5tWxIpXFsqeomUhf3UP77IzRjpiIdW9vTTeQeVgT5aAKVbBA6AAmi3SzTaOPd1Q8lNavBeOsnfi2NNIh6vvtDlkm0kFpaPnjnY8tLtp%2feCUWAh1IHIS9kb%2bfYiWa4yUxhzQ0jWOqcBnK%2b8hzOerusGAz94UK64ZGQ2yBOsqauKvoybQIsw62xK%2bV945iIhp4C8PzCxixIyiQLSriBCNeX%2fiX%2bpsq23FkjVJR4FrBLXXJW1%2bY7LKv83Lid419rn0KCr6hZ9GjM%2f4JhJmSStJlTkgO%2bz0eAbiLP%2fF0qwx6MkWYE4E82dohOBOeqC91WoTTPSzTvQPfBQ%2bfFGOtke3UqSSipqKF2phylwoVlVEMUY7XYFwqplCelqLGcV334tTGUJ6MPcf3nW5eSgGJktEthq%2fRQOZhDiM7Tf4SWTi7FviWLw4eadRb5ucAojoOlJR7DoXd2pDPuOwKUVKZJaL5i5RVRLew" + "&idc_r="+idc_glo_r + "&domain="+document.domain + "&sw="+screen.width+"&sh="+screen.height;var bsa = document.createElement('script');bsa.type = 'text/javascript';bsa.async = true;bsa.src = url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function(){});};</script></body>
</html>