Cara Merubah Postingan Blog Menjadi 3 Kolom

Cara Merubah Postingan Blog Menjadi 3 Kolom | Posting merupakan suatu kegiatan yang mesti kita lakukan untuk memperkaya konten dari blog yang kita miliki. Karena semakin banyak konte yang kita miliki maka semakin besar pula blog yang kita miliki dengan banyak konten akan menjadi populer.

Namun selain dari posting kita juga harus mendesain blog kita dengan sebaik mungkin agar para pengunjung nantinya bisa nyaman dan betah berlama-lama di blog yang kita punyai ini.

Nah salah satunya cara yang bisa kita lakukan adalah dengan cara mendesain tampilan atau layout pada postingan kita, yang semula (secara default) hanya 1 kolom kita rubah menjadi 3 kolom misalkan, hal ini bertujuan agar kelihatan enak dan tidak kalah dengan blog-blog besar lainnya. Nah bagi agan-agan yang ingin merubah tampilan atau layout pada postingan bisa mengikuti langkah-langkahnya di bawah ini :

1. Masuk ke akun Blogger
2. Kemudian masuk ke Menu Template
3. Setelah itu pilih Edit HTML
4. Kemudian agan-agan Cari Kode ]]></b:skin>
5. Setelah agan-agan menemukan kode tersebut, agan-agan letakkan kode dibawah ini tepat di bawah kode ]]></b:skin>

 <style type='text/css'>
.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>

Demikianlah Cara Merubah Postingan Blog Menjadi 3 Kolom, Semoga Bermanfaat bagi agan-agan yang membutuhkan tutorial ini. Terimakasih

Cara Merubah Postingan Blog Menjadi 3 Kolom 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

Share 'Cara Merubah Postingan Blog Menjadi 3 Kolom' On ...

Anda baru saja membaca artikel yang berkategori Tutorial Blogspot dengan judul Cara Merubah Postingan Blog Menjadi 3 Kolom. Anda bisa bookmark halaman ini dengan URL http://softwarepcmania.blogspot.com/2013/07/cara-merubah-postingan-blog-menjadi-3.html. Terima kasih!

Ditulis oleh: MAN_3 - Saturday, July 20, 2013