Membuat - Menambah Link Title di Judul Posting

Link title di judul posting memang tak pernah ada. Dia hanya bisa ada dengan cara melakukan sedikit modifikasi kode HTML yang berada di antara tag pembuka <body> dan tag penutup </body> setelah kita klik Expand Widget Template. Penambahan link title pada judul post akan terlihat dalam bentuk munculnya "tips" ketika cursor menyentuh (berada di atas) judul blog. Jika pada beberapa link yang biasa kita buat di posting atau widget sebuah link title dengan mudah kita sertakan melalui penambahan title="Bla.... bla ..... bla....." dan mungkin di tambahkan kode lain seperti misalnya target="_blank", maka ketika kita menambahkan link title di judul posting, kita harus mencari terlebih dahulu kode (link) yang di dalamnya berisikan judul posting. Link title yang kita buat ini nantinya secara otomatis akan bekerja di semua posting (judul) yang berhasil/sudah diterbitkan.

Bentuk dasar sebuah link yang menyertakan link title:

<a href="URL" title="Silahkan klik di sini .... dst">Teks Link</a>

Jika mungkin sampeyan tertarik untuk membuat link title seperti dimaksud di atas, mungkin sampeyan perlu melihat blog/judul posting yang sudah dimodifikasi hingga mampu memunculkan tips berkat sudah ditambahkannya link title. Setelah klik DEMO, arahkan cursor pada judul posting!

Cara Membuat/Menambah Link Title di Judul Posting


  • Login : Login ke Blogger dengan cara:
    • Tulis Alamat Email.
    • Tulis Password.
    • KLIK "Login".
  • Dasboard/Dasbor : Akan dijumpai sesaat setelah KLIK "Login". Banyak link atau teks link terdapat di halaman ini. Cari dan klik link "Design/Rancangan.
  • Kembali lanjutkan dengan klik link "Edit HTMl".
  • Back-up Templates :
    • KLIK Download template Lengkap/Download Full Templates.
    • Simpan file template di folder PC.
    • Kembali di halaman Edit HTML.
  • KLIK "Expand Widget Templates".
  • Cari kode :

    <a expr:href='data:post.url'><data:post.title/></a>

    Gunakan Ctrl+F untuk mempercepat dan mempermudah pencarian kode!
  • Ganti kode tersebut dengan kode baru di bawah ini:

    <a expr:href='data:post.url' expr:title=' "gubhug reyot: " + data:post.title'><data:post.title/></a>

  • Lanjutkan dengan mencari kode:

    <a expr:href='data:post.link'><data:post.title/></a>

  • Ganti kode tersebut dengan kode di bawah ini:

    <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>

  • KLIK "SAVE Templates/Simpan Template".
  • Buka blog dan lihat hasilnya dengan membuka halaman blog kemudian arahkan cursor di atas judul posting!


Catatan/Keterangan:

  • Semua kode yang harus dicari dan kemudian diganti, masing-masing hanya ada 1 buah kode sehingga ketika sampeyan mencarinya menggunakan Ctrl+F, maka kode akan langsung ditemukan. Ketika sudah terlihat langsung saja diganti tanpa perlu ragu dan kuwatir masih ada kode yang sama.
  • Jika penambahan link title ini sudah berhasil dilakukan, silahkan teks gubhug reyot diganti dengan teks yang lain yang lebih tepat untuk blog sampeyan!
  • Jika masih memerlukan panduan tentang back-up template atau cara cepat mencari kode HTML di template (dg menggunakan Ctrl+F), silahkan buka Special Tutorial di deret menu sebelah kiri blog!

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :





» Happy Blogging - gubhugreyot «


Comments