cara membuat postingan blog berbentuk galeri

Tags

      Bagi para blogger yang ingin tampilan postinganna tidak ingin panjang kebawah, sudah ada solusinyaa dengan read more .nah dalam postingan kali ini saya tidak akan membahas tentang itu .tetapi saya akan membahas yang lebih menarik lagi yaitu bagaimana agar entry post kalian atau read more kalian semua itu bisa berbentuk seperti galeri. saya yakin anda pasti paham tentang apa yang sedang saya bicarakan? nah, untuk cara pembuatnya silahakan simak penjelasan dibawah ini:

  • screen shoot :



  • login ke blog kalian.
    http://adf.ly/1GY4P2
  • kemudian setelah login kalian pilih bagian template
  • dan pilih edit html
  • setelah itu centang expand widget (untuk versi lama)
  • untuk mempermudah mencari kalian tekan ctrl+f lalu cari script  ]]></b:skin>
  • setelah menemukan nya kalian copy kode yang tersedia dibawah ini
<!-- 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 -->
  •  kemudian kalian paste script diatas tepata dibawah kode ]]></b:skin>
  • kemudian save deh , oh ya sebelum disave kalian liat dulu hassilnya atau klik pratinju takutnya kalin gx suka dngan tampilan tersebut .

KETERANGAN :

  • jika cara ini ada masalah pada read morenya kemungkinannya template anda harus dipasang readmore otomatis yang biasa dulu, kemudian baru tambahkan koding ini.
  • jika kalian hanya ingin page home yang berbentuk thumbnail saja, kalian copy paste kode untuk  dua kode seluruh halaman batasnya yang ada tulisan akhir dua kolom atau batasnya tulisan berwarna kuning.
  • sebaliknya jika hanya ingin halaman label copy paste kode yang berada pada tulisan berwarna hijau.
  • jika ingin semua page label dan home copy saja semuanya.
  • widht   : ukuran dari lebar thumbnail
  • height   : ukuran dari tinggit humbnail
sekian dan terima kasih 



EmoticonEmoticon