Menu Utama Blog Rerponsive

Untuk membuat Sub Menu Navigasi di Blog seperti gambar di bawah, menggunakan dua model Link terbuka di Internal Blog dan yang kedua terbuka di Eksternal Blog ( Open a New Tab ), langkah-langkahnya menambah scriptnya, sebagai berikut :

 

URL Pesan Aplikasi, diambil dari Halaman Statis (1), akan terbuka tetap di halaman Blog;

URL Formulir, diambil dari Link Google Form (2), akan terbuka ( di Tab baru ), atau keluar Blog;

URL Pesan Masuk, diambil dari Spreadsheets Google Form (2), akan terbuka ( di Tab baru ), atau keluar Blog;

Hanya menambahkan scrip target=”_blank”

Coba Link disini.

Download Materi Di atas

 

Script Menu Navigasi

 

<li class="has-sub"><a href="#">Aplikasi</a>
  <ul>
    <li><a href="#"target="_blank">Link 1</a></li>
    <li><a href="#"target="_blank">Link 2</a></li>
    <li><a href="#"target="_blank">Link 3</a></li>
    <li><a href="#"target="_blank">Link 4</a></li>
    <li><a href="#"target="_blank">Link 5</a></li>
  </ul>
</li>
<li class="has-sub"><a href="#">Tutorial</a>
  <ul>
    <li><a href="#"target="_blank">Link 1</a></li>
    <li><a href="#"target="_blank">Link 2</a></li>
    <li><a href="#"target="_blank">Link 3</a></li>
    <li><a href="#"target="_blank">Link 4</a></li>
    <li><a href="#"target="_blank">Link 5</a></li>
  </ul>
</li>
<li class="has-sub"><a href="#">Coding</a>
  <ul>
    <li><a href="#">Tabel 1</a></li>
    <li><a href="#">Tabel 2</a></li>
    <li><a href="#">Tabel 3</a></li>
    <li><a href="#">Tabel 4</a></li>
    <li><a href="#">Tabel 5</a></li>
  </ul>
</li>
<li class="has-sub"><a href="#">Blogger</a>
  <ul>
    <li><a href="#"target="_blank">Link 1</a></li>
    <li><a href="#"target="_blank">Link 2</a></li>
    <li><a href="#"target="_blank">Link 3</a></li>
    <li><a href="#"target="_blank">Link 4</a></li>
    <li><a href="#"target="_blank">Link 5</a></li>
  </ul>
</li>
<li class="has-sub"><a href="#">Pesan PKG</a>
  <ul>
<li><a href="#">Pesan Aplikasi</a></li>
<li><a href="#"target="_blank">Isi Formulir</a></li>
<li><a href="#"target="_blank">Pesan Masuk</a></li>
 </ul>
</li>
<li><a href="#">Galery</a></li>
<li><a href="https://duniapengawassmp.blogspot.com/p/daftar-isi_7.html">Daftar Isi</a></li>

 

Download Script Menu Navigasi