Blog Kang Ismet

Template Iklan Baris Gratis untuk Blogger / Blogspot V.3. Setelah beberapa lama tidak berbagi template, kali ini saya coba membuat  Template Iklan Baris Gratis untuk Blogger.

Template ini dilengkapi dengan iklan gratis, iklan premium, iklan banner. Ada beberapa pengaturan manual, untuk membuat iklan premium atau iklan banner. Lumayan ribet, tapi mudah untuk difahami kok.

Kenapa menggunakan blogger? jelas rekan2 sudah tau jawabannnya.. gratis, unlimited bandwith, unlimited hosting, apa lagi ya.. silahkan tambahkan sendiri deh...

Kembali lagi ke template iklan baris versi blogger sob, tampilannya kaya gambar ini:



Selanjutnya simak baik-baik petunjuk penggunaannya.

About Us

1. Masuk ke Edit HTML
2. Centang Expand Template Widgets
3. Temukan dan edit kode

<div class='about'>
<h3>Pasang Iklan Baris Gratis Tanpa Daftar</h3>

<p>Iklan Baris Gratis ini disediakan untuk anda sebagai pemilik usaha, barang dan jasa serta berbagai peluang bisnis dan peluang usaha supaya anda bisa menunjukkan - mempromosikan produk jasa anda kepada seluruh dunia di internet. Promosi merupakan darah bagi kelancaran bisnis anda... untuk itu silahkan datang sesering mungkin untuk mempromosikan dan pasang &quot;Iklan Baris Gratis&quot; anda di website ini.</p>
<p>Pasang Iklan Baris Gratis disini bisa untuk jenis iklan apa saja, misalnya: iklan rumah, properti, jasa, domain hosting, laptop komputer, villa, kendaraan motor mobil, handphone hp bekas baru, bisnis mlm, segala jenis barang dan jasa.</p>
<p>Pasang iklan Anda, Gratis sepuas-puasnya di seluruh network Kami yg lain:</p>

<ul>
<li><a href='http://iklan-baris-gratis.com/' target='_blank'>Iklan-Baris-Gratis.com</a></li> 
<li><a href='http://iklanokepunya.co.cc/' target='_blank'>IklanBarisGratis.net.ms</a></li>
<li><a href='http://ads.kangismet.net/' target='_blank'>Ads.Kangismet.net</a></li>
</ul>
</div>

Main Banner 468x60 (di atas iklan premium)

1. Masuk ke Edit HTML
2. Centang Expand Template Widgets
3. Temukan dan edit kode

<div class='main_banner'>
<ul>
<li><a href='http://www.asiakita.com/?id=aysahis' rel='external nofollow' target='_blank'><img src='http://i928.photobucket.com/albums/ad122/feihung_design/asiakita.gif'/></a></li>
<li><a href='http://iklanbaris.kangismet.net/p/pasang-banner.html' title='pasangn banner'><img alt='pasang iklan' src='http://iklanokepunya.co.cc/images/bnrs/468x6061.gif'/></a></li>
</ul>
</div>

Iklan Premium

1. Buat Postingan Baru untuk Iklan Premium
2. Buat Widget HTML/JavaScript diatas postingan, untuk isi widget edit kode ini:

<div class="premium">
<h3>
<a href="URL Iklan Premium yang tadi dibuat">Judul Iklan</a></h3>
<img src="URL gambar, kalau mau pake gambar"  />Isi Potongan Iklan

<div class="kirimpremium">
Dikirim oleh : Nama Pengirim, Alamat, No Telp | <a href="URL Pengiklan" target="_blank">Kunjungi Website</a>
</div>
</div>

Supaya iklan premium tampil pada halaman utama saja, maka ikuti langkah ini :

1. Masuk ke Edit HTML
2. Centang Expand Template Widgets
3. Temukan <!-- Iklan Premium dan Postingan *** --> dibawahnya akan terlihat kode seperti ini:

<b:section class='main section' id='main' preferred='yes'>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

Tambahkan <b:if cond='data:blog.url == data:blog.homepageUrl'> sebelum <div class='widget-content'> dan </b:if> sesudah </div> maka hasilnya seperti ini:

<b:section class='main section' id='main' preferred='yes'>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <div class='widget-content'>
    <data:content/>
  </div></b:if>

Banner 125x125 dan 160x600

Buat Widget HTML/JavaScript, contoh kode:

<center>
<a href='URL tujuan' title='judul'><img alt='' src='URL gambar'/></a>
</center>

Banner 300x250

1. Masuk ke Edit HTML
2. Centang Expand Template Widgets
3. Temukan dan edit kode

<div class='sidebar_banner'>
<ul>
<li><a href='http://webiklanbaris.kangismet.net'><img src='http://4.bp.blogspot.com/--J_Ykkba6q8/Ty4AJdBS_JI/AAAAAAAABV0/p8w5G5Uw8BY/s1600/ikbar22.jpg'/></a></li>
<li><a href='http://iklanbaris.kangismet.net/p/pasang-banner.html' title='pasangn banner'><img alt='pasang iklan' src='http://2.bp.blogspot.com/-TGFUDuHYi4w/Ty1i9g484cI/AAAAAAAABVc/xTmBBBiFtIc/s1600/300x250.jpg'/></a></li>
</ul>
</div>

Membuat Form Iklan

Banyak penyedia pembuatan form gratis diantaranya EmaiMeForm, JotForm dan lain-lain. Saya sendiri menggunakan JotForm. Untuk lebih detail lihat penjelasan di bawah, cara membuat Form Iklan Gratis, dan langsung tampil di blog.

Form Iklan Gratis

Seperti apa yang saya tungkapkan di atas, saya menjelaskan pembuatan form di Jotform, bagi yang menggunakan penyedia lain, silahkan cari referensinya.

1. Aktifkan pengeposan via email Dashboard > Setelan > Email & Seluler
    contoh: [email protected], isi secret words nya.
2. Kunjungi dan lakukan registrasi di JotForm (form registrasi di kanan bawah)
3. Buat form iklan gratis, silahkan berkreasi
4. Hal yang perlu diperhatikan pada pembuatan form agar sesuai dengan template:

Pada tab Form style
    -  Background rubah menjadi #CEEEFE
    -  Width ganti 300

Pada tab Setup & Embed
    -  Email Alerts > Add New Email > Notification Email > Recipient E-Mail isi email pengeposan
       di Blogger
    -  Klik Switch to Text Mode (di kanan bawah) kemudian hapus semua kode
    -  Klik kolom Subject, klik Judul Iklan sebelah kanan


    -  Dibawahnya klik Gambar:Image, Isi Iklan, kemudian tulis Dikirim Oleh , klik lagi dibawahnya
       Nama, Kota, No Telp dan Website, klik Finish. Hasilnya kurang lebih seperti ini :



Semoga Template Iklan Baris Gratis untuk Blogger / Blogspot ini bermanfaat bagi anda.
Apabila masih ada pertanyaan silahkan tulis pada kolom komentar.