Modifikasi Tampilan Judul Posting saat Mengklik Label

Modifikasi Judul Posting

Dulu OB pernah memposting "Klik Label yang Tampil Judul Posting Saja", namun tampilan judul posting tersebut mengikuti default background dalam kode CSS main. Bagaimana jika kamu ingin tampil beda? Yah, mau tidak mau kamu harus melakukan modifikasi terhadap template blog yang telah ada. Kode dalam memodifikasi tampilan judul posting ini disadur dari kode membuat daftar isi dari Kang Rohman. Baiklah, supaya kepala tidak tambah puyeng dan dikitari oleh lebih banyak bintang-bintang. Let's go to start this tricks

  • Masuk ke akun Blogger™ kamu.
  • Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

    Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

  • Pembaharuan (13 Desember 2012) — Cari kode di bawah ini.
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <b:if cond='data:blog.pageType == "static_page"'>
        <b:include data='post' name='post'/>
      <b:else/>
        <b:if cond='data:blog.pageType != "item"'>
          <a expr:href='data:post.url'>
            <data:post.title/>
          </a>
        <b:else/>
          <b:include data='post' name='post'/>
        </b:if>
      </b:if>
    <b:else/>
      <b:include data='post' name='post'/>
    </b:if>

    Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

    Catatan : Kode HTML di atas akan terlihat dalam blog kamu setelah kamu melakukan trik klik label yang tampil judul posting saja.

  • Ganti kode yang berwarna merah dengan kode berikut.
    <div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#ffffff;color:#000000;'>
      <data:post.title/>
    </div>

    Catatan: Silakan rubah kode yang berwarna hijau dengan kode warna yang sesuai dengan blog kamu.

  • Cara menambahkan image panah biru di depan title post adalah dengan trik menyisipkan kode berwarna biru di bawah ini, ke dalam kode yang baru ditambahkan sebelumnya. Kode selengkapnya:
    <div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#ffffff;color:#000000;'>
    <img alt='>>>' border='0' src='http://lh3.ggpht.com/_w3vbLlHM5kg/SbaWQmXKL8I/AAAAAAAAAEc/W7TmnpAs0x4/s144/Arrobblue.png'/>
      <data:post.title/>
    </div>
  • Jangan lupa disimpan.

Selamat memodifikasi judul posting saat mengklik label…

17 komentar untuk “Modifikasi Tampilan Judul Posting saat Mengklik Label”

  1. mas klo tebal tipisnya garis bawah link bisa diatur gak mas??

    BalasHapus
  2. to Ad4am Sam: kayanya ngga bisa, kecuali ada yang tahu cara menebalkan garis bawah link (underline). Ayo siapa yang tahu, kasih masukkan dong?

    BalasHapus
  3. Saya tau!!!
    Pake Spidol aj.. hehe upps joke!!

    icon gue jadinya di atas ni mas OB, baru di bawahnya judul postingan, cara biar icon an judul postingan masuk dalam border nya gimana?

    BalasHapus
  4. berguna mas, infonya. Salam!

    BalasHapus
  5. dah dicoba kok blum bisa mas ?

    code < data : post . title / > < / a> kan ada dua

    * kalau yaang atas diganti maka tampilan tidak ada perubahan (masih default)
    * kalau yg diganti kedua, ada perubahan sih tapi hanya judulnya aja yg di kasih tanda, sementara isi masih tampil utuh.

    jadi gimana tuh mas ?

    BalasHapus
  6. benar-benar trik yang jitu dan maknyus..........

    BalasHapus
  7. kalo nyisipin animasi kecil di ujung posting, misalnya kalimat "NEW" yang beranimasi, gimana caranya bro?

    BalasHapus
  8. nambah ilmu lagi... :D
    makasih mas...

    BalasHapus
  9. thanks bozz info-y, langsung d coba ni ....!

    BalasHapus
  10. sipp, gw dah coba n oke tuh, oh iye knpe ya pas gnti them ko susah bikit postingan yg berkaitan u/ kategori yg sma sih? help dunk... thx

    BalasHapus
  11. One of the most, if not the well-nigh, action and repaying effects in a woman’s biography is the nativity of her baby. The joyousness is doubled by the by the have of couples. If you like to get pregnant with twins so please study on.How to get pregnant with twins course?Counterparts went in the fellowship.

    Sometimes it is polygenic. If you take a family chronicle of parallels, it growths you chances of getting pregnant of couples. If anyone, on your descendent side gains had similitudes so there are adventures that you may own inherited the gene for hyperovulation.

    There are elbow rooms on how you bequeath be able to get the form of your hyperovulation which can mayhap lead to causing multiple nativities. Special of the some factors that can influence this mold is being trying and fat. Matching to search, those who are tall and paid are more umpteen likely to experience twins. So, you terminate part making burden, the significant manner.

    Note: you essential also live if your economise has twins in the family. Hence you experience a broad risk og passing birth to twins.

    Longanimity is a virtue

    If you lack to gestate twins then part being tolerant. Reported to research better women experience better chances of getting pregnant with twins than junior women. As natural clock starts ticking faster, the order of ovulation rushes up. Cleaning Women aged from 35-45 ages other own well odds against early cleaning women. Simply you too have to reckon the complications during childbirth as you years.

    Eat Yam.

    It is key to see your dieting to determine your gestation. Try including Yam to your diet. Yams are a case of sweet Irish potato, which clear a preferential chemical substance. This chemical complicated assistants the mother-to-be to hyperovulate.

    Take postscripts.

    Add multivitamin supplementations, and these should take folic acid which forbid nervous tube birth deserts such as spina bifida.

    Eat Dairy Products

    Dairy productions increase the chance of twin pregnancy. A research was conducted on dairy wares stating that charwomen who beverage a lot of milk and eat gripe render five sharper prospects of giving birth to mates than those who are vegetarian.

    Don’t discontinue breastfeeding.

    Nursing engenders sense they can’t get pregnant piece breastfeeding. In fact, opportunities of receiving multiples are the best while sucking.

    http://www.i-am-pregnant.eu/get-pregnant-with-twins-by-changing-your-diet.html

    BalasHapus
  12. PEZDA V OPASNOSTE!!!!111

    BalasHapus
  13. Hi,

    I begin on internet with a directory

    BalasHapus