Berbagi Ilmu Dan Pengalaman | Trik dan Tips |

Saturday, April 26, 2014

Trik Tips dan Cara Membuat Hompage 2 Kolom Di Blog

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 :

  1. 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 != &quot;item&quot;'><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.

Trik Tips dan Cara Membuat Hompage 2 Kolom Di Blog Rating: 4.5 Diposkan Oleh: Admin

0 comments: