Cara Mudah Membuat Halaman Baru di Blogger

1/17/2017

Bagi yang mau membuat sitemap,about me,disclaimer dll perlu membuat halaman baru atau di blogger lebih di kenal "laman". Saya akan membagikan cara membagikan tutorial bagaimana membuat halaman baru di blogger, halaman ini bentuknya statis pada dasarnya hampir mirip seperti pos hanya saja memiliki perbedaan yaitu jarang di update.

Masuk Blogger dan pilih Laman

Kemudian pilih Laman baru dan tinggal sobat isi Judul dan juga Konten untuk halaman statis blog sobat dan publikasikan, tampilannya seperti ini



Seperti yang sudah disebutkan di atas, laman di blogger secara default tidak ditampilkan di blog. Selain itu tidak ada link yang bisa diklik supaya bisa mengarah ke halaman statis yang sudah dibuat.
Untuk menampilkan link laman tersebut sobat bisa menggunakan Widget Laman, atau bisa juga secara manual dengan kode HTML yang dipasang di dalam template.

Menggunakan Widget
  • Masuk Blogger>Tataletak>Tambahkan Gadget


  • Pilih Widget kemudian Laman


  • Sekarang centang halaman statis yang mau di tampilkan

  • Simpan setelan dan lihat sekarang halaman statis sudah muncul


Menggunakan HTML
Selain menggunakan widget laman, kita juga bisa menampilkan link laman menggunakan kode HTML yang diletakan di dalam template.
  • Masuk Blogger>Template>Edit HTML dan masukan kode di bawah ini setelah <nav> atau sebelum </nav>atau sejenisnya seperti <nav class='menu' id='menu'>
 <ul class="menu">
   <li><a class="homer" href="#"><i class="fa fa-home"></i> HOME</a>
   <ul class="sub-menu">
   <li><a href="#">Sub-Menu 1</a></li>
   <li><a href="#">Sub-Menu 2</a></li>
   <li><a href="#">Sub-Menu 3</a></li>
   <li><a href="#">Sub-Menu 4</a></li>
   <li><a href="#">Sub-Menu 5</a></li>   
   </ul>
   </li>
  <li><a  href="#"><i class="fa fa-user"></i> ABOUT</a></li>
  <li><a  href="#"><i class="fa fa-camera"></i> PORTFOLIO</a>
  <ul class="sub-menu">
   <li><a href="#">Sub-Menu 1</a></li>
   <li><a href="#">Sub-Menu 2</a>
    <ul>
    <li><a href="#">Sub Sub-Menu 1</a></li>
    <li><a href="#">Sub Sub-Menu 2</a></li>
 <li><a href="#">Sub Sub-Menu 3</a></li>
    <li><a href="#">Sub Sub-Menu 4</a></li>
 <li><a href="#">Sub Sub-Menu 5</a></li> 
    </ul>
   </li>
     <li><a href="#">Sub-Menu 3</a>
    <ul>
    <li><a href="#">Sub Sub-Menu 1</a></li>
    <li><a href="#">Sub Sub-Menu 2</a></li>
 <li><a href="#">Sub Sub-Menu 3</a></li>
    <li><a href="#">Sub Sub-Menu 4</a></li>
 <li><a href="#">Sub Sub-Menu 5</a></li> 
    </ul>
   </li>
   </ul>
  </li>
  <li><a  href="#"><i class="fa fa-bullhorn"></i> BLOG</a></li>
    <li><a  href="#"><i class="fa fa-tags"></i> CATEGORIES</a>
  <ul class="sub-menu">
   <li><a href="#">Sub-Menu 1</a></li>
   <li><a href="#">Sub-Menu 2</a>
    <ul>
    <li><a href="#">Sub Sub-Menu 1</a></li>
    <li><a href="#">Sub Sub-Menu 2</a></li>
 <li><a href="#">Sub Sub-Menu 3</a></li>
    <li><a href="#">Sub Sub-Menu 4</a></li>
 <li><a href="#">Sub Sub-Menu 5</a></li> 
    </ul>
   </li>
     <li><a href="#">Sub-Menu 3</a>
    <ul>
    <li><a href="#">Sub Sub-Menu 1</a></li>
    <li><a href="#">Sub Sub-Menu 2</a></li>
 <li><a href="#">Sub Sub-Menu 3</a></li>
    <li><a href="#">Sub Sub-Menu 4</a></li>
 <li><a href="#">Sub Sub-Menu 5</a></li> 
    </ul>
   </li>
   </ul>
  </li>
  <li><a  href="#"><i class="fa fa-envelope"></i> CONTACT</a></li>
  <li><a  href="#"><i class="fa fa-sitemap"></i> SITEMAP</a></li>
  <li><a  href="#"><i class="fa fa-exclamation-triangle"></i> DISCLAIMER</a></li>
  </ul>

Save atau Simpan Template dan ganti '#' dengan url anda, untuk melihat url halaman anda klik lihat pada halaman yang mau di tampilkan urlnya. Lihat gambar di bawah ini

Selesai kini halaman statis anda sudah bisa di akses, semoga artikel dari saya bisa membantu anda dan bisa bermanfaat.Terimakasih telah berkunjung ke blog yang sederhana ini, untuk yang lebih profesional silahkan baca postingan saya tentang Cara Mudah Membuat Sitemap Atau Daftar Isi Blog Yang Responsive

Artikel Terkait

Previous
Next Post »
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Jangan melakukan spam di blog ini..!!!
Tidak ada link dan bicara kotor...
Terimakasih...