1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Template".
3. Lalu pilih "Edit HTML", klik "Lanjutkan" dan jangan lupa centang "Expand Template Widget".
4. Kemudian cari kode ]]></b:skin> (gunakan Ctrl+F untuk mencarinya) dan letakkan script CSS berikut ini tepat di bawahnya!
<style type=
'text/css'
>
<b:if cond=
'data:blog.pageType != "item"'
>
#main-wrapper {
width
:
650
;
padding-left
:
5px
;
padding-right
:
5px
;
border-right
:
1px
solid
#ddd
;
}
h
2
.date-header, .jump-link, .feed-links, .post-footer {
display
:
none
;
}
#blog-pager {
width
:
100%
;
clear
:
both
;
}
.post {
margin
:.
0
10px
10px
0
;
background
:
none
;
width
:
290px
;
height
:
340px
;
float
:
left
;
border-bottom
:
1px
solid
#ccc
; positon:
relative
;
overflow
:
hidden
;
}
.post-body {
margin
:
0.2em
0
.
75em
;
line-height
:
1.4em
;
font-size
:
13px
;
color
:
#111
;
overflow
:
hidden
;
}
.post h
3
{
height
:
32px
;
font-size
:
15px
;
font-weight
:
bold
;
line-height
:
1.3em
;
color
:
#102D57
;
text-transform
:
none
;
font-family
:
Arial
;
}
.post h
3
a, .post h
3
a:visited, .post h
3
strong {
font-weight
:
bold
;
color
:
#102D57
;
}
.post h
3
strong, .post h
3
a:hover {
color
:
#000
;
text-decoration
:
underline
;
}
</b:if>
</style>
Sekian postingan pada kesempatan kali ini tentang cara membuat tampilan 2 kolom di homepage blog ini.
tanks ya .. artikelnya membantu saya
ReplyDeleteThanks infonya bermanfaat sekali,...
ReplyDelete