Background

Cara Membuat Page Posting Blog Menjadi 2 Kolom Agar Elegant dan menarik

Mungkin sebagian belum tahu membuat tampilan potingan di home tidak hanya1kolom saja kali ini saya posting cara membuat kolom posting menjadi 2. gak usah lama-lama okeh ini cara-nya :

1. Biasa kita pergi ke Blogger.com
2. Centang Template (antisipasi bila terjadi kesalahan kita backup dulu)
3. Pilih Edit HTML, proses, centang "Expand Widget Template"
4. tekan F3/ctrl+F untuk memudahkan pencarian.
5 cari kode ]]></b:skin>, jika sudah dapat letakan kode di bawah ini tepat di bawah kode tadi.

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
         <style>

         .post {

          width:285px;
          height:400px;
          margin-right:5px;
          overflow:hidden;
          float:right; background:#F2F2F2
          border:3px double #808080;
          }
          </style>
         </b:if>
6. Lalu cari kode css .post { harus kode ini jangan yang lain seperti contoh dibawah ini :

.post { margin:.2em 0 0.2em; 
          border-bottom:1px solid $bordercolor; 
          padding-bottom:0.2em; }
7. Jika sudah dapat coba anda perhatikan kode margin ostingan anda seperti margin:.2cm 0 0.2cm, pasti setiap posting template blog berbeda-eda seperti posting anda dan orang lain, jangan hiraukan hal itu, coba anda lihat kode auto letakan kode ini diantara margin anda seerti di bawah ini.
.post { margin:.2em auto 0 0.2em; 
          border-bottom:1px solid $bordercolor; 
          padding-bottom:0.2em; } 
8. Okeh selesai, coba preview dulu deh, klo mantab di save template.

God Luck....

Categories: Share

Leave a Reply