skip to main | skip to sidebar

INFOIKI

tutorial untuk mengedit, mempercantik,membuat, dan memperindah blog template seo gratis

  • Home
  • Template
  • Ebook
  • Kata Mutiara
  • Tips Blog
  • Video
  • Umum
 

Dapatkan Update!

Dapatkan artikel terbaru dari INFOIKI yang akan dikirim ke email anda secara gratis!
Browse » Home » Ngeblog » Cara membuat 2 kolom dibawah judul posting blog

Cara membuat 2 kolom dibawah judul posting blog

   Pada waktu yang lalu, saya sudah share tentang Cara membuat statistik jumblah posting dan komentar, sekarang saya ingin share tentang Cara membuat 2 kolom berada di bawah judul. Di dalam 2 kolom tersebut, anda bisa menaruh apapun dibawahnya. Ajaibnya lagi, widget kali ini tidak akan tampil bersama ReadMore otomatis maupun tidak otomatis.

   Cara membuat widget 2 kolom di bawah judul posting
1. Login blog
2. Template.
3. Edit HTML.
4. Centang Expand Template Widget.
5. Gunakan CTRL dan F, lalu cari tag ]]></b:skin>.
6. Letakkan kode dibawah ini, diatas tag yang tadi sudah anda temukan (]]></b:skin>).

 #box-kolom-widget { clear:both; } .box-widget { padding:0px 10px 10px 10px; border:1px dotted $bordercolor; }

7. Cari kode <div id='main-wrapper'> atau <div id="main-outer">
8. Setelah itu, letakan kode dibawah ini, diatas salah satu kode pada no.7 tadi.


</div>
<div id='box-kolom-widget'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='box2' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>

9. Save tempate.

     Sejauh ini, anda sudah berhasil. Namun, anda perlu menambahkan 2 script widget/iklan untuk memunculkannya. Oleh karena itu, klik tata letak. Lalu, cek apakah ada 2 kolom dibawah kolom header/judul blog anda. Jika berhasil, akan muncul seperti ini :

   Jangan lupa, untuk mengisi kolom widget 1 dan 2, seperti yang sudah saya tunjukkan diatas. Save, dan lihat hasilnya. Selamat mencoba!

Posted By Efendy bloggers | -

Comments :

2 komentar to “ Cara membuat 2 kolom dibawah judul posting blog ”

informasi mengatakan... on 
26 Oktober 2012 pukul 12.57

kira kira kalo 4 kolom gimana ya gan bisa gak.

Efendy bloggers mengatakan... on 
26 Oktober 2012 pukul 15.39

Bisa. cuma script widgetnya beda, dan tentunya wilayah widget akan tambah sempit kecuali jika halaman post blog anda panjang.

Posting Komentar

Aturan Berkomentar
1. No spam!
2. No live link!
3. No maho :D

←  Posting Lebih Baru Posting Lama  → Beranda
Langganan: Posting Komentar ( Atom )

Statistik

Statistic Blog:
PageRank Checking Icon
SEO Reports for infoiki.blogspot.com

Pencarian

Kategori

  • Advertiser
  • Diet
  • Ebook gratis
  • Facebook
  • Handphone
  • Jasa Like
  • Kata Kata
  • Komputer
  • Kontes SEO
  • Ngeblog
  • Review‎
  • Software
  • Template
  • tips trik ngeblog
  • Umum
  • Video

Terpopuler

  • Software Hack Wifi GRATIS [WzCook.exe]
  • Kumpulan template blog Imut dan cantik (Blogspot)
  • Download template blog Anime keren
  • Cara paling ampuh membuka situs yang diblokir telkom
  • 3 langkah mudah membuat banner sendiri
  • Software SMS gratis lewat pc/komput [free download]
  • Cara menghapus virus dengan cara manual menggunakan CMD
  • 7 Cara mudah menghafal script tanpa hafalan
  • tips Cara merawat ayam serama
  • Trik mudah membuat header blog bergerak (Gif)

Pengikut

Diberdayakan oleh Blogger.
.

Send Quick Massage

Nama

Email *

Pesan *

 
INFOIKI
Template by Infoiki | Powered by Blogger