twitterfacebookgoogle pluslinkedinrss feedemail

Jumat, 13 September 2013

Menampilkan Judul Saja di Halaman Beranda dan Label

Halaman Utama (Homepage)  dan Halaman Label (Label Page) merupakan halaman yang menampilkan beberapa posting dengan ringkasan dan juga menampilkan gambar posting tersebut. Terkadang untuk membuka sebuah halaman utama atau halaman label waktu yang dibutuhkan cukup lama karena harus menampilkan gambar posting dengan ukuran tertentu (bila ada gambarnya). Tentu bagi kamu yang memiliki koneksi internet yang (maaf) agak lambat untuk membuka halaman label waktunya cukup lama apalagi kalau menampilkan lebih dari 10 posting yang mengandung gambar, sampai sedikit membuat kesal.. seperti saya tidak sabaran.. :d.  Untuk mengatasai masalah tersebut kita hanya sedikit memasukan beberapa Tag Conditional dan kode CSS sehingga pada waktu membuka halaman utama (homepage) dan halaman label hanya menampilkan judul posting yang akan mengurangi waktu loading ketika membuka halaman tersebut.


tampilan halaman Beranda / Home

Tampilan Halaman Label

Sebenarnya bukan hanya pada 2 halaman tersebut tetapi juga pada halaman arsip (archive page) dan halaman pencarian (search page).

Langkah langkah penerapanya:
> Login akun Blogger anda.
> Di halaman Dasbor, anda pilih Template.
> Kemudian pilih Edit HTML
> Cari kode <b:include data='post' name='post'/> lalu ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>        
<a expr:href='data:post.url'>  
<div style='padding:5px 0 5px 10px;box-shadow:5px 6px 2px #808080;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;margin-bottom:2px;color:#333;text-shadow: 1px -1px 0px #E0E0E0;font-size:20px;'>
<data:post.title/></div></a>    
<b:else/>        
<b:include data='post' name='post'/>    
</b:if>
<b:else/>    
<b:include data='post' name='post'/>
</b:if>

Itulah sedikit tips untuk merubah Halaman Utama dan Halaman Label Hanya Tampil Judul Posting.
Semoga bermanfaat.

0 komentar:

Posting Komentar