Trik Tips dan Cara Membuat Hompage 2 Kolom Di Blog - sahabat heryshare ingin tampilan home blog temen temen menjadi dua kolom, pada artikel kali ini saya akan membagikan cara Cara Membuat Hompage 2 Kolom Di blogspot atau lainnya ,agar blog temen- temen kelihatan keren dan elegan enak dipandang mata. Dengan tampilan yang menarik pasti pengunjung akan lebih senang dan nyaman ketika mengunjungi blognya teman-teman.
Cara Membuat Hompage 2 Kolom
Trik Tips dan Cara Membuat Hompage 2 Kolom Di Blog |
Yuk langsung ke tkp ya , silahkan disimak, jangan lupa sebelum di edit untuk jaga jaga ketika eror, simpan semua kode templetenya ya, berikut cara / tutorialnya :
- Login ke blogger > Dasbor Template > Edit Html
Cari kode ]]></b:skin> ( Gunakan Ctrl +F untuk memudahkan pencarian
)
Letakan kode di bawah ini tepat dibawah kode ]]></b:skin> tadi
<b:if cond='data:blog.pageType != "item"'><style>.post {width:250px;height:400px;margin:0 20px 5px 0;overflow:hidden;float:left;}</style></b:if>
2 . Kemudian cari kode .post { (gunakan Ctrl+f untuk memudahkan
pencarian) ganti dengan kode di bawah ini
.post {margin:0.5em auto 0 1.5em;}Keterangn :
Jika di blog anda terdapat readmore, atur juga jumlah kata,
lebar dan tinggi gambar yang terdapat didalam script readmore tersebut :
Misalkan :
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250; ← perkecil angka ini
summary_img = 250; ← perkecil angka ini
img_thumb_height = 200; ← perkecil angka ini
img_thumb_width = 200; ← perkecil angka ini
</script>
<script type='text/javascript'>
.............
</script>
Catatan : Jika link Posting Lama atau sejenisnya berada
sejajar dengan artikel blog dan untuk mengembalikan ke posisi sebenarnya yaitu
berada di bawah kanan, silahkan cari kode
<b:include name='nextprev'/> dan tambahkan kode
<div style='clear: both;'/> tepat diatas <b:include
name='nextprev'/>
Hasilnya:
<div style='clear: both;'/>
<b:include name='nextprev'/>
Jika sudah selesai, silahkan di preview dulu, jika tidak
terjadi masalah, Klik Simpan Template
Sekian artikel tentang '' Trik Tips dan Cara Membuat Hompage 2 Kolom Di Blog '' . Semoga bermanfaat . Terimakasih telah berkunjung diblog saya ya.
0 comments:
Post a Comment