28 Jul 2012

Membuat Link Title & Open in New Tab di Tab Menu BloggerClick here to get more tutorials!

Jika anda sudah membuat tab menu horizontal blogger (navigasi menu horizontal) memanfaatkan fitur Laman atau Pages yang terdapat di dasbor (dasboard), maka di bawah header atau di atas post title akan terdapat sebuah navigasi menu horizontal yang berisi link ke posting di halaman static atau ke blog/web lain. Dalam tab horizontal ini sebenarnya tetrsedia kemungkinan untuk menampilkan link title saat cursor diarahkan ke setiap menu (muncul dalam bentuk tip) dan bisa juga dibuat menjadi open in new tab (dg kode target="_blank"), cuma kita harus melakukan penambahan kode di bagian body setelah dilakukan Expand Template Widget.

Agar tutorial ini bisa dibuat di blog, syarat utamanya adalah sudah membuat tabs menu horizontal melalui fitur "Laman (Pages)" yang tersedia di "Dasbor". Bagi yang belum dan ingin membua, silahkan buka panduannya melalui link berikut ini:

Cara Buat Tabs menu Horizontal BloggerPanduan cara membuat tabs menu horizontal (navigasi menu) blogger dg menggunakan fitur Laman (Pages) di halaman Dasbor

Cara membuat link title & membuat open in new tab tabs menu blogger

  1. Login ke BloggerKlik untuk login ke blogger!
  2. Dasbor (Dasboard)
  3. Template
  4. Backup/Restore Template. Panduannya bisa dibuka disiniKlik untuk mengikuti panduan cara melakukan backup/restore template.
  5. Edit HTML
  6. Template › Edit HTML
    • Procced (Lanjutkan)
    • Expand Widget Template
    • Cari Kode :
      <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
    • Gunakan Ctrl + F untuk mempermudah & mempercepat pencarian.
    • Di bawah kode tersebut akan terdapat kode lain dengan bentuk seperti berikut:
      <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
                <b:else/>
                  <li><a expr:href='data:link.href'><data:link.title/></a></li>
    • Ganti kode tersebut dengan kode di bawah ini:
      <li class='selected'><a expr:href='data:link.href' expr:title='data:link.title' target='_blank'><data:link.title/></a></li>
                <b:else/>
                  <li><a expr:href='data:link.href' expr:title='data:link.title' target='_blank'><data:link.title/></a></li>
    • Simpan Template/Save Template
  7. Selesai...
  8. Buka blog dan lihat hasilnya dengan mengarahkan cursor disetiap menu dan cobalah untuk klik menu tersebut apakah benar sudah berfungsi sebagai "link open in new tab".

No comments:

Post a Comment

Terima kasih atas kunjungan dan komentar anda!Klik disini dan dapatkan lebih banyak tutorial menarik lainnya!