Minggu, 22 Juli 2012

Cara membuat entry post blog berbentuk galeri

Blog mana yang tidak ingin tampilan blognya menarik dan enak di pandang oleh pengunjung blognya.Sering kita jumpai jika kita sering blogwaking,pada blog yang menggunakan read more agar postingan yang muncul pada halaman utama atau label tidak panjang,nah..sekarang bagaimana mengganti read more tersebut dengan bentuk galeri pada halaman utama atau label agar lebih terlihat menarik dan simple :D
Gambar diatas adalah tampilan entry post bebentuk galeri pada halaman utama atau home,sekarang kita lanjut ke tahap selanjutnya yaitu menerapkan trik ini pada blog anda :D

  • Login to blog
  • Pilih Template,lalu klik Edit HTML
  • Cari script ]]></b:skin> agar lebih cepat tekan Ctrl+F
  • Setelah ketemu,copy dan pate script di bawah ini tepat dibawah  ]]></b:skin>
<!-- untuk dua kolom seluruh halaman -->

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<style>

.post {

width:140px;

margin-right:7.5px;

height: 190px;

overflow:hidden;

float:left;

border:2px solid silver; }

</style>

</b:if>

<!-- akhir dua kolom -->

<!-- untuk dua kolom halaman label -->

<b:if cond='data:blog.searchLabel'>

<style>

.post {

width:140px;

margin-right:7.5px;

height: 190px;

overflow:hidden;

float:left;

border:2px solid silver; }

</style>

</b:if>

<!-- akhir dua kolom -->

  •  Sebelum di save templatenya sebaiknya pratinjau dahulu,setelah sesuai save deh :D
Catatan :
Script diatas di bagi dua yaitu style untuk halaman utama dan halaman label.

  • Untuk halaman utama atau home scriptnya dari <!-- untuk dua kolom seluruh halaman --> sampai <!-- akhir dua kolom --> dapat disesuakan sesuai keinginan :D
  • Dan untuk style halaman label scriptnya dari <!-- untuk dua kolom halaman label --> sampai <!-- akhir dua kolom --> dapat disesuakan sesuai keinginan :D


1 komentar:

  1. bagus banget gan postinganya, jadi tertarik,
    untuk code
    apa tulisan untuk dua kolom seluruh halaman nya di copy juga gan ke templateny?

    terimakasih

    BalasHapus