Server Down Lagi dalam Proses Repair >> thanks

Diberdayakan oleh Blogger.

Judul Posting Anda Disini

Nama anda atau Author disini

Tulis sebagian postingan anda disini

Judul Posting Anda Disini

Nama anda atau Author disini

Tulis sebagian postingan anda disini

Judul Posting Anda Disini

Nama anda atau Author disini

Tulis sebagian postingan anda disini

Minggu, 16 Januari 2011

Menampilkan Judul Posting Pada Label

Menampilkan judul posting pada saat klik kategory atau label di blogspot maksudnya pada saat kita klik kategory label maka akan muncul semua kategory sesuai dengan yang kita klik dan juga akan tampil isi dari judul artikel tersebut. Untuk melihat contohnya silahkan label Blackberry

Pertama:
Masuk ke edit HTML jangan lupa centang "Expand Widget Templates". Silahkan cari barisan kode seperti dibawah ini pada template anda. 
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>

<b:include data='post' name='post'/>
 
 Kalau sudah ketemu silahkan sekarang kode-nya diganti seperti dibawah ini:
     <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:if cond='data:blog.homepageUrl != data:blog.url'>
     <b:if cond='data:blog.pageType != &quot;item&quot;'>

 <ul class='listFS'>
<li><a expr:href='data:post.url'><data:post.title/></a></li>
</ul>
     <b:else/>
         <b:include data='post' name='post'/>
     </b:if>
 <b:else/>
     <b:include data='post' name='post'/>
 </b:if>
Ok sudah selesai, klik simpan template dan silahkan klik label atau kategory pada web anda, gimana masih ada keganjalan ? bila sudah menyukai tidak usah di lanjut ke bagian berikut di bawah ini
Untuk menambah variasi atau desain baris per baris silahkan, masih dalam edit HTML silahkan cari kode ]]> kemudian copy kode dibawah ini dan letakkan diatas kode ]]> tadi. 
 /*
List Table Of Contents
*/
.listFS
{
background: url('http://ateon.fs.googlepages.com/v5_bullets_14.gif') no-repeat 0px 8px;
font:normal 12px sans-serif;
line-height: 2;
list-style-type:none;
margin:0 0 0 10px;
padding: 0 0 0 20px;
}
.listFS li
{
border-bottom: 1px solid #EFF0F1;
padding:3px 0 3px 0;
}
.listFS li a:hover
{
text-decoration:underline;
}
Klik simpan template, silahkan bandingkan setelah anda menambahkan kode diatas dan sebelumnya bila tidak suka anda bisa hapus kembali kode diatas.
Good Luck

0 komentar:

free counters PageHeat Ping your blog, website, or RSS feed for Free

  © Free Blogger templates The Robotic by Kang Oemar templates 2009

Kembali Ke : ATAS