• Madjongke.com
  • Kontak
  • Facebook

Madjongke

Bacaan Santai Kehidupan Sehari-hari

  • Beranda
  • Cinta
  • Kehidupan
  • Kesetiaan
  • Wanita/Cewek
  • Cowok/Pria
  • Kendaraan
  • Lainnya
    • Kata-kata
    • Travel
    • Berita
    • Komik
    • Suami
    • Mertua
    • Resep Masakan
    • Anak
    • Kisah nyata
    • Mantan
    • Lain-lain
Beranda » blog » cara » Cara Membuat 2 Kolom Iklan Dibawah Posting

Cara Membuat 2 Kolom Iklan Dibawah Posting


Sebagai catatan pribadi saja, kali ini madjongke akan membahas tentang cara membuat atau menata iklan di bawah postingan menjadi dua kolom atau berjajar. Cara ini terhitung sederhana karena hanya menambahkan sedikit kode saja.

Sebelum itu, jika teman-teman ingin melihat contohnya bisa di lihat dulu di bagian bawah artikel ini jika belum saya rubah atau belum saya hilangkan. Jika sudah, cara membuat seperti itu adalah sebagai berikut.

Lankah pertama masuk ke blogger pilih template. Sebelum melanjutkan, sebaiknya unduh dulu template anda agar jika nanti ada error atau apa tetap bisa teratasi dengan mengunggahnya kembali.

Jika sudah, pilih Edit html - Lanjutkam. Jangan lupa untuk mencontreng Expand Template Widget

Jika sudah pilih lokasi yang ingin di beri iklan dengan penataan 2 kolom misalnya di bawah kode <data:post.body/> untuk peletakan tepat di bawah postingan.

Jika sudah tempel kode di bawah ini

<div style='float:left;'>
Kode iklan anda
</div>
<div style='float:right;'>
Kode iklan anda
</div>

Untuk tulisan yang berwarna merah ganti dengan kode iklan yang akan kamu pasang.
Jika sudah klik Simpan Template dan delo'en hasile dewe ya, ojo ajak ajak aku.

Jika setelah semua itu iklan tidak muncul, mungkin kamu perlu memparse kode iklan kamu dulu

Nah, masih tentang membuat iklan berjajar, cara yang kedua dengan menggunakan kode css dan hal itu juga akan madjongke bagikan sekarang. Untuk memulai hal itu langkah-langkahnya sama persis seperti yang diatas.

Yang membedakan hanyalah kode yang digunakan dan juga ada kode css tentunya. Lebih jelasnya, lakukan cara yang sudah dijelaskan diatas tadi namun kode yang digunakan adalah kode yang ada dibawah ini.

<div id='iklanku'>
<div id='iklankiri'>
Iklan sebelah kiri
</div>
<div id='iklankanan'>
Iklan sebelah kanan
</div></div>

Sebelum disimpan letakan kode css dibawah ini bersama kode css yang lain

#iklanku {height: 255px;}
#iklankiri {float: left;}
#iklankanan {float: right;}

Jika sudah, simpanlah dan setelah itu lihat hasilnya apakah sudah cukup bagus dan serasi dengan template blog kamu. Selamat mencoba.
Rohmad Nur Hidayat, Minggu, 27 Mei 2012

Bagikan

#blog #cara #Terbaru
Artikel Terkait
Lebih baru
Lebih lama
Beranda

10 Terpopuler

Beranda | Tentang | Kontak | Privacy Policy | Syarat Dan Ketentuan | Sitemap
Copyright © 2012-2025 Madjongke - All Rights Reserved
Powered by Blogger