Buat Daftar Isi Label Open in New Window (in New Tab)

Hanya perlu menambah kode baru target='_blank', maka semua daftar isi label blog sampeyan akan terbuka di window baru atau boleh diistilahkan juga terbuka di tab yang baru (di opera dan Mozzila). Kita hanya perlu sedikit teliti dan telaten saat mencari kode html yang akan dirubah.

Cara Membuat Daftar Label Blog Supaya Berubah Menjadi Terbuka di Tab yang Baru/Window Baru

1. Login to BloGGeR atau Login ke BloGGeR
2. Setelah masuk halaman Dasboard, KLIK link Layout (Tata Letak) atau Design (Rancangan).)
3. KLIKEdit HTML
4. BackUp Template dengan cara :
   - KLIK Download Full Template (Download Template Lengkap.
   - Simpan File template di folder PC (file berekstensi .xml).
   - Kembali di Halaman Edit HTML.
5. Tetap di Edit HTML, lanjutkan dengan KLIK Expand Template Widget.
6. Cari kode <b:widget id='Label1'. Dibawah kode html yang terpotong ini (supaya mudah mencarinya!), terdapat beberapa kode yang lain seperti terlihat di bawah ini :

<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' ><data:label.name/></a>

Rubah kode HTML menjadi seperti berikut :

7. - Perhatikan kode di bawah yang berwarna kuning :
   - target='_blank' : adalah kode yang di tambahkan.

<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' target='_blank'><data:label.name/></a>

8. KLIK SAVE Template/Simpan Template, kemudian buka blog dan lihat hasilnya dengan cara KLIK di salah satu daftar label.

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

• 
• 

» Happy Blogging - gubhugreyot «