Cara Merubah Tampilan Judul Posting Pada Label

Minggu, 27 Desember 2009 ·

Dengan trik ini kalo label diklik akan muncul list judul postingan aja.
Tampilannya seperti ini...

















Anda ingin menerapkannya pada blog Anda?


Ikuti langkah-langkah berikut :


  1. Login ke Blogger kemudian Layout/Tata Letak terus Edit HTML
  2. Centang pada Expand Template Widget
  3. Cari kode yang berwarna merah


    <b:if cond='data:blog.homepageUrl !=
    data:blog.url'>
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'>
    <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>



    Keterangan:
    Kode di atas akan terlihat kalau Anda memiliki model Label yang model List Judul Posting saja
  4. Selanjutnya ganti kode yang berwarna merah tadi dengan kode berikut ini:


    <div style='padding:6px 0 6px 5px;border-right:1px solid #000;border-bottom:1px solid #000;margin-bottom:2px;background:#0099DD;color:#000000;'>
    <data:post.title/></div></a>



    Keterangan:
    Ganti kode warna yang berwarna hijau dengan warna yang Anda sukai.Tapi jika ingin juga menambahkan tanda panah di depan title postingan, Anda tinggal menambahkan kode gambar ke dalamnya, selengkapnya, Anda dapat mengganti kode tadi dengan kode di bawah ini:

    <div style='padding:6px 0 6px 5px;border-right:1px solid #000;border-bottom:1px solid #000;margin-bottom:2px;background:#0099DD;color:#000000;'>
    <img alt='>>>' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqOQYwdjUv3HNikS3rkx-oSGWiWCDNsaYXOcrOL6VLtHoDrJdV4hSQeNetqvkqjaYD96JAg-Ia_1oGvg_VkCrcfaodCK1AOLgHpxiLsmeBjfzIXQPYlu5I2KRv6uWKfNEHRj8WEKjS-rc/s144/Arrobblue.png'/>
    <data:post.title/></div></a>


  5. Terus simpan perubahan dan lihat hasilnya

Selamat mencoba.....






[*]

Artikel Menarik Lainnya



0 komentar:

Posting Komentar

Komentar Klasik Klik di sini

Artikel Populer

Komentar Terakhir

Tukeran Link

<a href="http://belajartrikblog.blogspot.com">target="new"><strong>Belajar Trik Blog</strong></a>

Mengenai Saya

Foto saya
Saya adalah pemula di dunia blogging