Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.

Membuat Judul Postingan Bisa Diklik (Link)

Tutorial cara merubah judul postingan di Blogger menjadi bisa di kik atau menjadi sebuah link menuju postingan.
Membuat judul postingan menjadi link - Beberapa template yang dishare oleh rekan blogger baik dalam atau pun luar negeri mempunyai kode CSS dan HTML berbeda. Otomatis strukturnya juga berbeda.

Diantara sekian banyak perbedaan itu ada judul yang merupakan link, ada juga yang tidak berupa link. Atau dalam istilah blogger pemula, ada judul yang bisa diklik ada juga yang tidak bisa di klik.

Semua itu tergantung selera sobat dalam menentukan tampilan blog sobat. Ada yang menyukai judul yang tidak bisa diklik, ada juga yang suka. Bagi saya pribadi, saya lebih suka clickable post title (berupa link).

Bagi sobat yang suka dengan judul yang berupa link, silahkan simak aja langkah mudahnya :

Membuat Judul Postingan menjadi Link


1. Login ke Blogger
2. Klik Template --> Edit HTML centang Expand Template Widget
3. Cari kode dibawah ini

<h2 class='post-title entry-title'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h2>
ganti dengan kode :
<h2 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
4. Simpan Template

Apabila kode di atas tidak ada, kemungkinan template sobat menggunakan tag h3 untuk judul, solusinya ganti tulisan h2 di atas menjadi h3.

Semoga bermanfaat...

Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

52 komentar

1. Komentar ini, diurutkan dari yang terbaru
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. Pertamax kang... :) izin repost linknya pasti mengarah ke sini ko :)
    1. Silahkan dengan senang hati Raden... :)
  2. Saya bawaan template judul artikelnya berupa link Kang Ismet..
    Mohon bantuannya Kang Ismet untuk Klik G+1 dalam artikel ini.Semoga berkenan membantu Kang.
    Terima kasih sebelum dan sesudahnya saya ucapkan
    1. Lagi ikut kontes ya, kayaknya yang ngadain Malaysia ya... apa sobat juga di malaysia?
  3. Sangat bermanfaat sekali kang
    1. Okey sob... terimakasih
  4. makasih bang :)
    1. Sama2...
  5. Blog walking sore nih, kang.
    Itu judul posting dihalaman posting kan ya kang? bukan yang di homepage blog, kan?
    Dicoba dulu deh...Thanks sharingnya kang :)
    1. Iya di halaman posting, kalau hompage biasanya pake autoreadmore
  6. wah punya saya udah otomatis ke link :D
  7. gam saya mau nanya kalau mau Membuat Judul Postingan ketika di sorot oleh kursor memunculkan gambar, sepereti website ( games.co.id )
  8. kang kalo bikin kalimat pertama isi postingan seperti judul postingan itu bagaimana ya ??
  9. wah .
    dulu saya pernah ngalamin kayak gini, postnya gak bisa di klik, yang bisa cuma tombol Readmorenya doang :D
    Kang, kalo cara biar Judul Blog memiliki Attribut tittle gimana ?
    aku udah pasang menggunakan expr:data.post.Title , tetapi di Homepage gk muncul, yang muncul cuma di bagian Post Pagenya aja, maaf OOT
  10. Thanks Gan...sangat membantu
  11. Hallo kang Ismet,

    Tolong kang, bikin tutorial Cara membuat judul posting menjadi kalimat awal dari postingan, trus kalimat tersebut ngelink ke postingan yg baru dibuat secara otomatis. Contohnya seperti kalimat awal pada postingan kang Ismet diatas "Membuat judul postingan menjadi link". Soalnya saya agak susah mengetahui link posting kita sebelum kita tekan publish.
  12. nice kang...mantap dah buat saya sbg pemula hehehe
  13. Sudah ketemu Kang,

    Ternyata bisa langsung ngelink ke permalink postingan...

    berkat blog kang Ismet jadi ketemu cara yg slama ini dicari.

    Thank you
    1. Congrats deh sob.. maaf baru dibalas, lumayan sibuk nih :)
  14. iya kawan saya milih yg nge link. sy maw ubah. saya coba tutorialnya ya..
  15. huft, sama aja gan. gak ngaruh.
  16. oh gk jadi gan, ngelink kok tnyata. thanks nih.
    1. Kalau mau merubah warnanya, tinggal edit CSSnya sob :)
  17. kang mohon di edit ulang ya sama saya artikelnya, buat diterbitkan di blog saya, insya allah pasti saya akan pakai hasil karya saya sendiri, namun inspirasi artikel saya dari blog kang ismet ini, dan saya juga akan cantumkan sumber inspirasi artikel blog akang ini di bawah postinganya, terimakasih banyak kang, terus berkarya.
  18. menurut kang ismet judul yg bisa diklik ini termasuk seo onpage gak??
  19. thx kang

    komen back ye
  20. assalamualaikum mas. ana sudah coba ini, tapi kok tetap gak bisa ya? pas diarahkan kursor ke judul posnya, gak bisa diklik. hehe
  21. Terima kasih kang ismet sangat membantu...
  22. terima kasih atas tutorial blognya gan :)..
  23. Wah bermanfaat banget nih tutornya^^
  24. sangat membantu sekali niihh inonya,,makasih bnyak kang..
  25. Mampir gan numpang chat walking yaa :)
    Kunjung balik yaa kaka
    Secarik Info
  26. mantep banget bang, makasih banyak ya ^_^
  27. kang cara mengirim Postingan Otomatis ke Halaman Google Plus gimana yah??
    Ke halaman, bukan ke Profil kang...

    please bantu
    1. Masuk dulu ke google+ dan aktifkan sebagai halaman...
  28. Kang, saya mau nanya, kalo untuk membatasi jumlah karakter yang tampil di judul artikel itu gimana yah ?
    1. Intinya jangan terlalu panjang aja sob, soalnya pencarian google membatasi 66 karakter
    2. Gini kang, misalnya saya menuliskan dengan judul "Cara download blablabla" trus di homepage, saya cuma pengen nampilin beberapa karakter, misalnya jadi gini "Cara download bla..."
      Gitu bisa nggak yah Kang ??
      Makasih untuk respon nya kang ismet :)
    3. Bisa sob, menggunakan tag kondisional dan CSS Ellipsis. Contoh kode seperti ini :
      Simpan kode yang di bawah setelah
      ]]></b:skin>
      <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <style type='text/css'>
      .post h2{
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      -moz-binding: url('assets/xml/ellipsis.xml#ellipsis');
      }
      </style>
      </b:if>
  29. kang.
    Tolong ajarin Cara Membuat Judlul Entri Bisa Di Masukin Link..
    Kyk Pekalongan-community.
    Setiap Di Klik Judul bisa masuk Ke Link aktif

    Please kang
  30. setelah saya membaca postingan kang ismet saya jadi bersemangat blogging.
    kang, minta kritik dan sarannya buat blog saya dong !! muhammad-sholeh{dot}info
  31. Thanx infonya..
    bagi yang berminat kerja sampingan,,silahkan mampir ke situs resmi kami :
    http://kerja-online-parttime.blogspot.com
  32. Unknown
    Komentar ini telah dihapus oleh pengarang.
  33. coba cari tutorial di google cukup lama akhirnya saya mendapatkan <a href="http://arima-art.blogspot.com/">tutorial</a> dengan <a href="http://arima-art.blogspot.com/">gambar</a> yang sangat bagus dan mudah dimengerti disini.
  34. Unknown
    Komentar ini telah dihapus oleh pengarang.
  35. mas saya udah ikutin instruksinya kok kagak bisa ya, templatenya pun baru saya download punya kangismet yang superseo-gbt.blogspot.com
  36. Wah setelah sekian lama mutar-mutar..akhirnya terdampar (ketemu) ama blog ini....thanks kang......
  37. Mantab kang, trims
  38. Pake expr:href ya kangIsmet..?
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.