Cara Membuat Postingan 2 Kolom di Homepage | Jika kemarin saya sudah posting mengenai Cara Membuat Posting Top Komentator di Blog | Kali ini saya akan posting mengenai Cara Membuat Postingan 2 Kolom di Homepage | Apa maksudnya,,? Untuk lebih jelas sobat bisa perhatikan gambar berikut ini...!!
Sudah tau apa maksudnya. Sekarang kita kembali ke Cara Membuat Postingan 2 Kolom di Homepage Bagaimana setalah sobat telah melihat gambar di atas sobat sudah taukan maksudnya Membuat Postingan 2 Kolom di Homepage sekarang apakah sobat ingin membuatnya..? Marilah simak tutorial berikut ini..!!!
 |
| Postingan 2 Kolom di Homepage |
- Login Ke Blogger
- Pergi ke Template >> Edit HTML
- Setelah itu sobat cari kode ]]></b:skin> Untuk mempermudah sobat bisa gunakan F3 atau Ctrl+F
- Letakan kode di bawah ini tepat di bawah kode ]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
#main-wrapper {width:620px;padding-left:5px;padding-right:5px;border-right:1px solid #ddd;}
h2.date-header, .jump-link, .feed-links, .post-footer {display:none;}
#blog-pager {width:98%; clear:both;}
.post {margin:.01em 10px 10px 0;background:none;width:300px;height:265px;float:left; border-bottom:3px double #ddd; positon:relative;overflow:hidden;}
.post-body {margin:0.2em 0 .75em;line-height:1.4em;font-size:13px;color:#111;overflow:hidden;}
.post h3 {height:32px;font-size:15px;font-weight:bold;line-height:1.3em;color:#102D57;text-transform:none;font-family:Arial;}
.post h3 a, .post h3 a:visited, .post h3 strong {font-weight:bold;color:#102D57;}
.post h3 strong, .post h3 a:hover {color:#000;text-decoration:underline;}
</b:if>
</style>
<b:if cond='data:blog.pageType != "item"'>
#main-wrapper {width:620px;padding-left:5px;padding-right:5px;border-right:1px solid #ddd;}
h2.date-header, .jump-link, .feed-links, .post-footer {display:none;}
#blog-pager {width:98%; clear:both;}
.post {margin:.01em 10px 10px 0;background:none;width:300px;height:265px;float:left; border-bottom:3px double #ddd; positon:relative;overflow:hidden;}
.post-body {margin:0.2em 0 .75em;line-height:1.4em;font-size:13px;color:#111;overflow:hidden;}
.post h3 {height:32px;font-size:15px;font-weight:bold;line-height:1.3em;color:#102D57;text-transform:none;font-family:Arial;}
.post h3 a, .post h3 a:visited, .post h3 strong {font-weight:bold;color:#102D57;}
.post h3 strong, .post h3 a:hover {color:#000;text-decoration:underline;}
</b:if>
</style>
Keterangan dari kode di atas :
#main-wrapper {width:620px; : Cocokan dengan #main-wrapper di template blog sobat
width:300px; : 300px adalah lebar dari setiap posting yg akan di tampilkan
height:265px; : 265px adalah tinggi dari setiap posting yg akan di tampilkan
Cocokan kode kode ditas denagn template blog sobat masing-masing
- Klik Preview terlabih dahulu. Setelah sudah cocok klik simpan
Tidak ada komentar:
Posting Komentar
JANGAN LUPA BERKOMENTAR DAN UNGKAPKAN PENDAPAT ANDA TENTANG ARTIKEL INI.
NO SARA
NO PORNOGRAFI
NO SPAM
NO LINK ON
NO LINK OFF
JANGAN LUPA UNTUK SELALU MEMBAGIKAN ARTIKEL INI KE JEJARING SOSIAL YANG ANDA SUKA YA :)