Kali ini smb jagasatru akan Share Cara Membuat Postingan 3 Kolom Seo Friendly Di Blog .
Mendesain Blog adalah cara yang dilakukan Pemilik/ Admin / Author Blog
untuk membuat tampilan blog Menjadi Menarik untuk dilihat . Kali ini
saya hanya ingin Memberika Tutorial Sederhana yaitu Membuat Postingan 3 Kolom di Blog .
Mungkin ada beberapa CSS yang Berbeda . Semoga saja Tutorial saya yang satu ini akan berhasil untuk semuanya . Oke 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>
.post{width:30%;height:318px;float:left;overflow:hidden;margin:0px 9px 15px 7px;padding:2px;}
.post-body{font:11px Arial;border-top:none;padding:0px 8px;margin:0;;text-align:justify;height:515px}
.post h1,.post h2{font:bold 11px Tahoma;line-height:1.3em;padding:6px 8px;text-shadow:none}
.cutter{width:100%;max-height:145px;overflow:hidden;margin:0;padding:0}
.postthumb{width:auto;margin-bottom:-45px;padding:0}
@media screen and (max-width:970px) {
.post{margin:5px 0 5px 4px;width:46.5%;padding:5px;border:none;height:auto;}
.post h1,.post h2{font:bold 12px Tahoma;}
.post-body{height:45px}
}
@media screen and (max-width:460px){
.post{margin:14px 12px 0;width:auto;padding:10px}
.cutter{max-height:165px}
}
@media screen and (max-width:310px){
.post{width:88%;margin:10px;padding:5px}
.cutter{max-height:155px}
}
</style>
- Silahkan di Preview dahulu . jika sudah silahkan di Save Template .
Demikianlah Cara Membuat Postingan 3 Kolom di Blog, Semoga Bermanfaat
salam BLOGGER dan salam kenal dari blogger asal kota padang, sumatra barat.
ReplyDeletemaaf,saya masih Newbie
artikel menarik tolong kunjungan baliknya gan
ReplyDeletewww.mbahgahol.blogspot.com
follow aja nnti saya followback