![]() |
| Postingan 2 Kolom |
Halo Sahabat Share4rt . . .
Kali ini Share4rt akan Share Membuat Postingan 2 Kolom di Homepage . dulu SHARE4RT Sudah pernah Share Membuat Blockquote blogspot Sederhana . cara nya begitu simple , namun Tutorial yang saya berikan kali ini juga tidak kalah simple . Membuat Postingan 2 Kolom di blog itu sebenarnya mudah . Banyak cara cara dari Google yang saya baca tapi hasil nya malah berantakan alias Failed . tapi cara yang 1 ini setelah saya coba berhasil dan hasilnya memuaskan . hasil bisa dilihat di tampilan homepage SHARE4RT .
Oke dari pada lama lama langsung saja kecaranya .
- Masuk ke Blogger.com
- Masuk ke Menu Template > Edit HTML
- Cari Kode ]]></b:skin>
- Letakan kode dibawah ini 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>
- Kalau belum yakin Klik Preview dulu . Tapi jika sudah yakin Klik Simpan Template.
Demikianlah Membuat Postingan 2 Kolom di Homepage, Semoga Bermanfaat .
Dukung SHARE4RT di Kontes SEO Ekiosku
Salam Share4rt












tampilan blog mastah yg homepage kok gak rapi ya mastah ??
BalasHapus@yousake : tidak rapih bagaimana mastah?
Hapusada yg keliatan labelnya ada yg tidak
Hapus@yousake : iya memang begitu sob . di blog saya juga begitu
HapusManteb nich sob tutorialnya :)
BalasHapusIni yang saya cari-cari
Bagus Artikelnya tapi di blog ane gak ada efeknya .. :D
BalasHapusKunjungan Malam
@bocahporis : coba saya lihat problemnya?
Hapusizin bookmark :D
BalasHapusrequest tutor cara bikin floating menu navigation kayak di share4rt ini dong sob.. :)
BalasHapusthanks
@Muhammad Khoirul Umam : oke oke
HapusMantap Mastah :D
BalasHapusijin bookmark gan,
BalasHapustampilan mobile view nya ada g gan?!
Wah rapi sekali, tapi masih bingugn apakah bisa diterapai di blog saya
BalasHapushmm klo mnrut ane malah kayak gk rapi gan,jdi ane gk make heheh. mmending cm munculin judul posting d home page hehe komen back y
BalasHapussukses gan,tapi kurang rapi :)
BalasHapusDi Blog ane kok gk rapih yaa..?
BalasHapuswaduhh ko jadinya jelek yah.hehehe
BalasHapusow gitu to caranya..
BalasHapusmakasih tutornya mas..
Wedew ini dia info yg saya cari-cari :D
BalasHapusCakep deh... :D
BalasHapusSalam.. Ferd
ko yg ane malah ke bawah bukannya jadi 2 gtu kaya kotak2 windows 8
BalasHapus@Yudi Supriyadi : tuh udah dijawab sama mas acep :)
Hapusmakasih bangettt gan...
BalasHapusYudi Supriyadi....
BalasHapusKamu gak boleh hapus kode ini
".post { margin:0 0 10px 0; padding:10px 0 0 0; border-bottom:1px solid #ddd;
}"
Kode itu harus ada untuk menjadi 2 kotak kalo tidak akan 1 kotak beruntun kebawah..
Thx
@acep kamal : wah terima kasih gan udah dijawab pertayaannya bang yudi :D
Hapuskok gak bisa ya mas
BalasHapusini nih yang saya cari2, dengan tampilan 2 kolom di homepage akan lebih elegan dan terlihat efisien .. thanks banget mas brow ....
BalasHapus