Sebelumnya saya sudah membahas bagaimana Cara Membuat 2 Kolom Elemen di Bawah Header dan Cara Membuat 3 Kolom Elemen di Atas Footer. Kali ini saya akan menjelaskan bagaimana Cara Membuat Kolom Elemen di Atas Posting
Caranya sebagai berikut :
Login ke Blogger klik Rancangan klik Edit HTML klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
Beri tanda centang pada kotak di samping tulisan Expand Template Widget, kemudian cari kode ]]></b:skin>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol (F3)
Jika sudah ketemu tambahkan kode berikut di atasnya :
Sekarang cari kode seperti dibawah
Jika sudah ketemu copy kode berikut lalu paste persis di bawahnya
Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya.
Selamat mencoba.
Login ke Blogger klik Rancangan klik Edit HTML klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
Beri tanda centang pada kotak di samping tulisan Expand Template Widget, kemudian cari kode ]]></b:skin>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol (F3)
Jika sudah ketemu tambahkan kode berikut di atasnya :
.atas posting{
width: 578px;
padding:10px 0px 10px 10px;
background:#fff;
margin:0px 0px 10px 0px;
text-align:left;
border:1px solid #ccc;
}
.atas posting .widget{
}
width: 578px;
padding:10px 0px 10px 10px;
background:#fff;
margin:0px 0px 10px 0px;
text-align:left;
border:1px solid #ccc;
}
.atas posting .widget{
}
Sekarang cari kode seperti dibawah
<div id='main-wrapper'>
Jika sudah ketemu copy kode berikut lalu paste persis di bawahnya
<b:section class='atas posting' id='atas posting' preferred='yes'/>
Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya.
Selamat mencoba.
Sumber : (http://blogtutorialblogger.blogspot.com)
Related Posts : Blogger Tutorial,
Widget
Artikel
{ 4 comments... Read Them Below or add one }
maknyuzzz gan triknya...
(y)
tips nya di sedot gan...
Makasih Yah Gan,, Tapi Cuman Copas Gan.. Heheh..
makasih om bro,,,
ane pasang dah...
Posting Komentar
Silahkan sahabat berkomentar sesuai dengan artikel postingan di atas. Apabila ada postingan yang rusak atau tidak bisa terbaca mohon beritahu di Komentar ini.Trimakasih telah berkunjung & berkomentar
Penting... Maaf,Tidak Diizinkan Memberikan Atribut Pada Komentar Anda..