Terlihat lebih rapi dan menghemat tempat adalah salah satu keunggulan memasang 2 kolom postingan seperti ini.
Bagaimana ? anda ingin mencoba menerapkannya pada blog anda ? silahkan ikuti tutorial dibawah ini yaa
UPDATE
1 . Langsung menuju Edit HTML
2 . Silahkan cari kode </head> , jika sudah ketemu , copas kode dibawah ini dan letakan diatas kode </head>
<b:if cond="data:blog.pageType != "item"">
<style>
#main-wrapper {
width:100%;padding-left:10px;padding-right:10px;border-right:1px solid #ddd;
}
h2.date-header, .jump-link, .feed-links, .post-footer {
display:none;
}
#blog-pager {
width:100%; clear:both;
}
.post{width:45%;height:200px;float:left;overflow:hidden;padding:2px;border:1px solid #ccc;margin:10px;}
.post h3 {
padding:4px;font-size:15px;font-weight:bold;line-height:1.3em;color:#fff;text-transform:none;font-family:Arial;background:#1E90FF;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.post img{width:100%;}
.post h3 a, .post h3 a:visited, .post h3 strong {
font-weight:bold;color:#fff;
}
.post h3 strong, .post h3 a:hover {
color:#fff;text-decoration:none;
}</style>
</b:if>
*Tulisan yang berwarna merah anda bisa ganti dengan lebar dan panjang postingan yg anda inginkan, oiya kode diatas sudah saya edit, jadi hasilnya sangat polos, dan anda bisa mudah memodifikasinya
4 . Ada baiknya anda melakukan preview sebelum menerapkannya agar dapat melakukan perbaikan-perbaikan sebelum template dipublish
5 . Jika sudah siip silahkan save template anda
Oke sekian tutorial saya , semoga bermanfaat buat anda semua

Tidak ada komentar :
Posting Komentar