August 21, 2015

Menampilkan Daftar Post per Label (Kategori) Hanya Berupa Judul

August 21, 2015

Daftar Post Per Kategori Judul
Menampilkan halaman daftar posting per Label (Kategori) Hanya Berupa Judul dalam bahasa Inggris disebut "Show Only Post Title in Label Page & Archives".

Artinya, saat salah satu Label (Kategori) posting blog diklik (dibuka), maka tampilannya seperti daftar isi, hanya berupa judul posting.

Demikian juga saat menampilkan hasil pencarian (seacrh) atau arsip blog, yang tampil hanya daftar judul posting.

Lebih mudahnya, biar mudah dipahami, contoh atau demonya bisa dilihat di salah satu blog partner CB ini. Saat diklik Label "MotoGP", maka tampiln daftar judul posting saja.

CB sendiri tidak menggunakannya karena tampilan daftar postingnya sudah cukup bagus dan rapi, seperti halaman depan (home).

Cara Menampilkan Daftar Post per Label (Kategori) Hanya Berupa Judul

1. Klik "Template" > "Edit HTML"
2. Cari (Ctrl+F) kode <b:include data='post' name='post'/>
3. Ganti (Replace) kode tersebut dengan  kode di bawah ini:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div style='padding:6px 0 6px 5px;border-right:1.5px solid #000;border-bottom:1.5px solid #000;margin-bottom:2px;background:#E6E4E4;color:#000000;'>
<img alt='&gt;&gt;&gt;' border='0' src='https://lh5.googleusercontent.com/-HP5XyclRQic/TXMMAKmlg5I/AAAAAAAAAQk/wrCGFu9jzmg/s1600/sidebar-icon.png'/>
<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>

4. Save Template!

KODE ALTERNATIF: 
Daftar Judul untuk Label Page & Archives


<!--Label and archive page title only-->
<b:if cond='data:blog.searchLabel'>
<h5 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h5>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<h5 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h5>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
</b:if>
<!--Label and archive page title only-->

KODE LAINNYA:


<b:if cond='data:blog.homepageUrl !=data:blog.url'><b:if cond='data:blog.pageType != &quot;item&quot;'><a expr:href='data:post.url'><li/><data:post.title/></a><br/><br/><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/></b:if>


<b:if cond='data:blog.searchLabel'>
<div style='padding:6px 0 6px 5px;margin-bottom:7px;background:#E6E4E4;color:#000000;'>
<img alt='&gt;&gt;&gt;' border='0' src='https://lh5.googleusercontent.com/-HP5XyclRQic/TXMMAKmlg5I/AAAAAAAAAQk/wrCGFu9jzmg/s1600/sidebar-icon.png'/>
  <a expr:href='data:post.url'><data:post.title/></a>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div style='padding:6px 0 6px 5px;margin-bottom:7px;background:#E6E4E4;color:#000000;'>
<img alt='&gt;&gt;&gt;' border='0' src='https://lh5.googleusercontent.com/-HP5XyclRQic/TXMMAKmlg5I/AAAAAAAAAQk/wrCGFu9jzmg/s1600/sidebar-icon.png'/>
  <a expr:href='data:post.url'><data:post.title/></a></div>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
</b:if>

Silakan pilih saja salah satu kode di atas. Menurutb CB sih, yang bagus kode yang pertama atau yang terakhir, seperti bisa dilihat di demo dan gambar ilustrasi posting ini.

Demikian Cara mengubah, mempercantik, atau atau menampilkan daftar post per label (kategori) hanya berupa judul. Ada kesulitan? Silakan buka link sumber yang ada di bawah.

Good Luck & Happy Blogging! (http://contohblognih.blogspot.com).

Link Sumber
http://tipsandtricksfor.blogspot.com/2011/04/show-only-post-title-in-label-page.html
http://www.bloggersentral.com/2009/06/showing-title-only-in-archive-label-and.html
http://www.spiceupyourblog.com/2009/12/how-to-make-your-labels-search-and.html

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

2 comments on Menampilkan Daftar Post per Label (Kategori) Hanya Berupa Judul

  1. Good banget deh min ^ ^

    ReplyDelete
  2. Bagaimana dengan pengaturan tampilanya - jadi berantakan

    ReplyDelete

Contact Form

Name

Email *

Message *