Membuat Kolom Artikel Homepage Menjadi 2 Kolom

Setelah sukses menulis artikel tentang "Apa yang dimaksud dengan Doorway Page" dan "Pengertian dan Jenis-Jenis Backlink" , kali ini saya akan memberikan tips tentang blogger yang berjudul "Membuat Kolom Artikel Homepage Menjadi 2 Kolom". Mungkin ada yang belum tahu bagaimana cara membuat kolom artikel homepage menjadi 2 kolom, untuk lebih jelasnya lihat screenshoot di bawah ini.

Oke langsung saja kita praktekkan cara Membuat Kolom Artikel Homepage Menjadi 2 Kolom :

• Masuk ke Blogger
• Masuk ke Templates , Pilih Edit Html , Klik Lanjutkan
• Jangan lupa centang Expand Template Widget
• Kemudian anda cari kode ]]></b:skin>
• Kemudian Pastekan kode berikut dibawah ]]></b:skin> :

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post {
width:295px;
height:150px;
margin-right:7px;
overflow:hidden;
float:left;
border:2px double #DCDCDC;
border-radius:5px;
}
</style>
</b:if>

 Note : Width adalah Lebar kolom artikel yang muncul di homepage

           Heigth adalah Tinggi kolom artikel yang muncul di homepage

           #DCDCDC adalah warna border kolom artikel

           Border-radius:5px adalah border melengkung kolom artikel

• Setelah itu anda cari lagi kode .post {
• Hapus kode dari .post { sampai } , lalu pastekan kode berikut:

.post { box-shadow:1px 1px 5px rgba(1,1,1,.1);margin:2px; position:relative;padding:5px;border:1px solid #fff;
}

 Note : Ubahlah sesuai keinginanmu..

• Kemudian Save Templates
• Lihat hasilnya....

Gimana mudah bukan??? Yaa itulah sedikit tips dari saya tentang "Membuat Kolom Artikel Homepage Menjadi 2 Kolom".

Terimakasih sudah berkunjung ke blog ini, mohon dukungannya untuk artikel saya yaitu Deprimaterra.com Kawasan Industri dan Pergudangan Eksklusif dengan Penghijauan .

Share to >>>

Facebook Google+ Twitter