Tutorial Belajar Blog - Cara Membuat Posting Dua Kolom Di Homepage Blog adalah judul posting yang akan kita bahas kali ini, Tutorial ini sebelumnya inspirasi dari template mas sugeng dan template yang saya gunakan ini.
Sesuai dengan judul postingan Cara Membuat Posting Dua Kolom Di Homepage Blog kenapa banyak blogger ingin mempunyai tampilan sesimple mungkin ataupun semenarik, banyak juga yang membuat tampilan homepage ( Halaman Utama ) Blog yang biasanya satu kolom di homepage menjadi dua ( 2 ) kolom.
Berikut gambar dari hasil cara membuat posting dua kolom homepage blogspot yang telah saya buat di blog uji coba pada template yang akan saya share setelah postingan ini.
HTML
Sesuai dengan judul postingan Cara Membuat Posting Dua Kolom Di Homepage Blog kenapa banyak blogger ingin mempunyai tampilan sesimple mungkin ataupun semenarik, banyak juga yang membuat tampilan homepage ( Halaman Utama ) Blog yang biasanya satu kolom di homepage menjadi dua ( 2 ) kolom.
Berikut gambar dari hasil cara membuat posting dua kolom homepage blogspot yang telah saya buat di blog uji coba pada template yang akan saya share setelah postingan ini.
#main-wrapper {
width:100%;
text-align:left;
clear:both;
}
#main {
padding:0 5px;
}
.main .widget {
margin:0 0 0 0;
}
.main .Blog {
border-bottom-width:0 !important;
}
.post-labels,
.posting-dates,
.post-comment-link,
.post-author-vcard {
margin-right:10px;
}
.post-header-line-1 {
margin:5px 0 15px;
font-size:11px;
padding-bottom:5px;
font:Helvetica,Arial,Sans-serif;
display:none;
}
HTML
<html>
<head>
<meta charset="utf-8">
<title>Sample Page</title>
<style type="text/css">
* {margin:0;padding:0}
div {background-color:red}
mark {
display:inline;
background-color:yellow;
color:black;
}
</style>
</head>
<body>
<script>console.log('Prikitiw!');</script>
<script type="text/javascript">
//<![CDATA[
console.log('Prikitiw!');
//]]>
</script>
<div id="page-wrap">
<a href="http://blog.kangisment.net" target="_blank">Lorem Ipsum</a>
Lorem ipsum dolor sit amet...
</div>
</body>
</html>