Membuat Judul Postingan Bisa Diklik (Link)
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 :
1. Login ke Blogger
2. Klik Template --> Edit HTML centang Expand Template Widget
3. Cari kode dibawah ini
Apabila kode di atas tidak ada, kemungkinan template sobat menggunakan tag h3 untuk judul, solusinya ganti tulisan h2 di atas menjadi h3.
Semoga bermanfaat...
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...
Pertamax kang... :) izin repost linknya pasti mengarah ke sini ko :)
Silahkan dengan senang hati Raden... :)
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
Lagi ikut kontes ya, kayaknya yang ngadain Malaysia ya... apa sobat juga di malaysia?
Sangat bermanfaat sekali kang
Okey sob... terimakasih
makasih bang :)
Sama2...
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 :)
Iya di halaman posting, kalau hompage biasanya pake autoreadmore
wah punya saya udah otomatis ke link :D
gam saya mau nanya kalau mau Membuat Judul Postingan ketika di sorot oleh kursor memunculkan gambar, sepereti website ( games.co.id )
kang kalo bikin kalimat pertama isi postingan seperti judul postingan itu bagaimana ya ??
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
Thanks Gan...sangat membantu
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.
nice kang...mantap dah buat saya sbg pemula hehehe
Sudah ketemu Kang,
Ternyata bisa langsung ngelink ke permalink postingan...
berkat blog kang Ismet jadi ketemu cara yg slama ini dicari.
Thank you
Congrats deh sob.. maaf baru dibalas, lumayan sibuk nih :)
iya kawan saya milih yg nge link. sy maw ubah. saya coba tutorialnya ya..
huft, sama aja gan. gak ngaruh.
oh gk jadi gan, ngelink kok tnyata. thanks nih.
Kalau mau merubah warnanya, tinggal edit CSSnya sob :)
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.
menurut kang ismet judul yg bisa diklik ini termasuk seo onpage gak??
thx kang
komen back ye
assalamualaikum mas. ana sudah coba ini, tapi kok tetap gak bisa ya? pas diarahkan kursor ke judul posnya, gak bisa diklik. hehe
Terima kasih kang ismet sangat membantu...
terima kasih atas tutorial blognya gan :)..
Wah bermanfaat banget nih tutornya^^
sangat membantu sekali niihh inonya,,makasih bnyak kang..
Mampir gan numpang chat walking yaa :)
Kunjung balik yaa kaka
Secarik Info
mantep banget bang, makasih banyak ya ^_^
kang cara mengirim Postingan Otomatis ke Halaman Google Plus gimana yah??
Ke halaman, bukan ke Profil kang...
please bantu
Masuk dulu ke google+ dan aktifkan sebagai halaman...
Kang, saya mau nanya, kalo untuk membatasi jumlah karakter yang tampil di judul artikel itu gimana yah ?
Intinya jangan terlalu panjang aja sob, soalnya pencarian google membatasi 66 karakter
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 :)
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>
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
setelah saya membaca postingan kang ismet saya jadi bersemangat blogging.
kang, minta kritik dan sarannya buat blog saya dong !! muhammad-sholeh{dot}info
Thanx infonya..
bagi yang berminat kerja sampingan,,silahkan mampir ke situs resmi kami :
http://kerja-online-parttime.blogspot.com
Komentar ini telah dihapus oleh Unknown sebagai penulis.
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.
Komentar ini telah dihapus oleh Unknown sebagai penulis.
mas saya udah ikutin instruksinya kok kagak bisa ya, templatenya pun baru saya download punya kangismet yang superseo-gbt.blogspot.com
Wah setelah sekian lama mutar-mutar..akhirnya terdampar (ketemu) ama blog ini....thanks kang......
Pake expr:href ya kangIsmet..?