Membuat postingan di home page menjadi 2 kolom suatu cara untuk
merubah tampilan default bloger dengan cara membagi jadi 2 bagian yaitu
sebelah kiri dan kanan.
Kustomisasi halaman posting ini tentu saja bermanfaat untuk
memanfaatkan ruang blog yang terbatas menjadi maksimal, karena lebar
halaman posting yang defaultnya 1 buah kini bisa menjadi 2 buah, tentu
saja dengan konsekuensi tampilan lebar halaman posting di home page
menjadi kecil karena ruangnya dibagi menjadi 2 kolom,akan tetapi hal ini
tidak berlaku pada halamam page atau pada saat menampilkan url artikel
anda, maka halaman posting akan kembali default dengan lebar yang
normal.
berikut cara membuat postingan di home page menjadi 2 kolom:
Jika sudah selesai, silahkan di preview dulu, jika tidak terjadi masalah , jangan ragu-ragu silahkan save template.
silahkan atur ketinggian dan lebar sesuaikan dengan lebar postingan template anda, lihat yang berwarna biru.
Mungkin sampai disini dulu Belajar Komputer Melalui Internet tentang membuat postingan di home page menjadi 2 kolom kali ini, semoga bermanfaat bagi Anda.
berikut cara membuat postingan di home page menjadi 2 kolom:
- Login ke blogger dengan ID anda.
- Klik Rancangan.
- Klik tab Edit HTML.
- Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
- Cari kode css .post{ ( masing-masing template kadang berbeda) cari yang seperti ini :
.post{background:#fff;
margin:0.5em 0.5em;
border:0px solid #ccc;}
padding:0.5em;
- Jika anda sudah temukan kode tersebut perhatikan perhatikan margin:0.5em 0.5em; kamu tinggal menyisipkan auto pada margin tersebut, sehingga menjadiseperti ini :
.post{background:#fff;
margin:0.5em auto 0.5em;
border:0px solid #ccc;}
padding:0.5em;
- Kemudian carilah kode ]]></b:skin>, copy lalu paste kode berikut persis dibawah kode ]]></b:skin>
<b:if cond='data:blog.pageType != "item"'><style>.post {width:285px;height:400px;margin-right:5px;overflow:hidden;float:right;border:3px double #808080;}.post-body{color:#555;margin: 5px 10px 5px 10px;padding:0;font-family:'tahoma',Helvetica,Sans-serif;font-size:11px;line-height:16px;text-align:justify} </style></b:if>
Jika sudah selesai, silahkan di preview dulu, jika tidak terjadi masalah , jangan ragu-ragu silahkan save template.
silahkan atur ketinggian dan lebar sesuaikan dengan lebar postingan template anda, lihat yang berwarna biru.
Mungkin sampai disini dulu Belajar Komputer Melalui Internet tentang membuat postingan di home page menjadi 2 kolom kali ini, semoga bermanfaat bagi Anda.
6 comments:
Ko malah jadinya cuman satu kolom ya om..
kira kira apanya yang salah ya.??
saya masih bingung om. mau saya ubah jadi 1 kolom
kalau dibikin banyak kolom seperti toko online bisa ya mas?
thx gan infonya http://idegemilang.blogspot.com/
makasih gan :)
tq banget, gan :)
Post a Comment