Cara Membuat Kolom Diatas Kolom Posting

Seringkali Saya menjumpai pemasangan iklan atau apa saja diatas postingan, namun tampilannya kurang efektif dan kurang enak dilihat seperti gambar dibawah ini:

 

Coba bandingkan dengan gambar berikut:

 

Memang fungsi pemasangan kolom diatas postingan pada gambar 1 dan gambar 2 sama yaitu untuk memasang iklan, akan tetapi dari nilai keindahannya gambar 2 lebih terlihat tidak merusak keindahan template.

Bagi Anda yang berminat untuk membuat kolom diatas kolom postingan ikuti langkah2 berikut ini:

1. Silahkan login ke Blogger dengan ID anda.
2. Klik Tata Letak
3. Klik tab Edit HTML.
4. Klik tulisan Download Template Selengkapnya.
5. Silahkan Save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, Anda masih punya back up data untuk mengembalikannya seperti semula.
6. Copas kode berikut diatas kode ]]></b:skin> 

.topcolumn{
width: 578px;
padding:10px 0px 10px 10px;
background:#fff;
margin:0px 0px 10px 0px;
text-align:left;
border:1px solid #C0C0C0;
}

.topcolumn .widget{
}

     7. Copas kode berikut persis dibawah kode <div id='main-wrapper'>

<b:section class='topcolumn' id='topcolumn' preferred='yes'/>

     8.  Klik tombol Save Template

Langkah selanjutnya, silahkan klik tab Elemen Halaman, maka anda akan melihat tata letak template menjadi seperti contoh gambar berikut :

 

Selamat Mencoba!!!

Share on Google Plus

About Admin

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.