Komunikasi Praktis

Blog tentang komunikasi media jurnalistik, menulis, public speaking, pembawa acara mc, siaran radio, presentasi, humas pr, public relations, blogging, podcast

  • HOME
  • Jurnalistik
  • Media
  • Humas
  • Speaking
  • Blogging
    • Templates
    • Tips SEO
    • AdSense
    • Posting
  • Komunikasi
  • About
  • Kontak
  • Sitemap
  • Disclaimer
  • Iklan
Home Komunikasi Blog Membuat Dua Kolom Responsive di Bawah Posting Blog

Membuat Dua Kolom Responsive di Bawah Posting Blog

Romeltea Komunikasi Praktis Romeltea
September 15, 2015
Romeltea Follow @romel_tea
Romeltea

Baca Juga

Dua Kolom Responsive di Bawah Posting Blog
Cara Membuat Dua Kolom Responsive di Bawah Posting Blog untuk Related Posts dan Iklan.

CARA membuat dua kolom responsive (mobile friendly) di bawah postingan blog --untuk Related Posts berdampingan dengan Iklan atau dua-duanya buat iklan.

Contohnya seperti di bawah postingan blog ini, berisi Posting Terkait dan Iklan Google (Adsense). Cara membuatnya sangat mudah, tinggal memasukkan kode CSS dan HTML, tanpa JavaScript, berikut ini:

Kode CSS
Simpan di Atas Kode ]]</b:skin>

.KolomKiri,.KolomKanan { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .DuaKolom {position:relative;margin:.5em;} .KolomKiri, .KolomKanan {border:1px solid #ccc;padding:1.25em;} .KolomKiri {margin-bottom:.5em;} @media screen and (min-width: 47.5em){ .KolomKiri {margin-right: 19.5em;} .KolomKanan {position:absolute;top:0;right:0;width:18.75em;}}

Kode HTML
Simpan di bawah atas kode "Social Share" atau di bawah <data:post.body/>
<div class="DuaKolom">
<div class="KolomKiri">
<h2>Kolom Kiri</h2>
</div>
<div class="KolomKanan">
<h2>Kolom Kanan</h2>
</div> </div>

Sumber 

Thanks for reading Membuat Dua Kolom Responsive di Bawah Posting Blog | Tags: Blogging Desain Blog Komunikasi Blog

Next Article
« Prev Post
Previous Article
Next Post »

Related Posts

Your Comments

0 komentar on Membuat Dua Kolom Responsive di Bawah Posting Blog

Post a Comment

Subscribe to: Post Comments (Atom)

Recent Posts

Popular Posts

  • Contoh Naskah Pembukaan oleh Pembawa Acara (MC)
  • Cara Menjadi Pembawa Acara (MC) yang Baik
  • Karya Tulis Ilmiah: Pengertian, Karakteristik, dan Jenis-Jenis
  • Contoh Naskah MC (Pemandu Acara) untuk Acara Agustusan
  • Teknik Debat dan Cara Berdebat yang Baik
  • Daftar Kata Baku – Tidak Baku Bahasa Indonesia
  • Pengertian Literasi Secara Bahasa dan Istilah
  • Jurnalisme Kuning Jadi Trend Situs Berita
  • Arti dan Asal-Usul Teks Lorem Ipsum Dolor Sit Amet
  • WhatsApp Makin Menggerus Budaya Menulis

Join us on Facebook

Komunikasi Praktis

Info Bola & MotoGP

Recommended Yeuh!

Hosting Unlimited Indonesia

Categories

Bahasa Bahasa Jurnalistik Bisnis Online Blogging Desain Blog Google Adsense Humas Internet Jurnalistik Jurnalistik Online Komunikasi Media Media Online Pers Presentasi Public Speaking Radio Teknik MC Template Blog Tips SEO

About

Komunikasi Praktis adalah blog tentang keterampilan komunikasi: jurnalistik, media massa, kepenulisan, public speaking, mc, siaran radio, presentasi, humas, public relations, blogging, podcasting, dll.

Web Partners

  • Romeltea Online
  • Romeltea Media
  • Contoh Blog
  • Bandung Aktual
  • Risalah Islam

Newsletter

Berlangganan artikel terbaru dari blog ini langsung via email.

Copyright © Komunikasi Praktis. All rights reserved