Silahkan kalau mau download, template ini adalah contempo bawaan blogger yang telah kami beri sedikit sentuhan. Antara lain karena perubahan dan penambahan fitur berikut:
Jika sudah selesai save tema.
CARA MENGEDIT MENU FOOTER:
- Header kustom. Tetap dengan fitur sticky seperti aslinya, Namun dengan sentuhan kustomisasi navbar dan di bawahnya ada tombol menu samping dropdown yang mobile friendly.
- Menu pencarian samping full over layout.
- Related Post
- Breadcrumb DJason.
- Footer credit otomatis
DEMO DOWNLOAD |
Alasan menggunakan template blogger bawaan (atau template default blogger) adalah:
- Secure alias aman, semua script, dan struktur template di buat oleh tim blogger Google sendiri.
- Sederhana dan mudah di pergunakan.
- Cepat
- Karena menggunakan template default varian terbaru maka sudah pasti responsif
- Dan mobile friendly.
- DST
CARA MENGEDIT MENU NAVBAR:
Masuk ke pengaturan blogger.
- Pilih Tema
- Pilih Edit HTML
Saat sudah masuk ke halaman editor HTML, cari kode berikut:
<div id='navbar'>
<a class='active' href='/'>Beranda</a>
<a href='#'>Privasi</a>
<a href='#'>Hubungi</a>
</div></div>
<span onclick='openNav()' style='font-size:20px;cursor:pointer'><svg style='width:28px;height:28px' viewBox='0 0 24 24'>
<path d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z' fill='indigo'/>
</svg></span>
<div class='sidenav' id='mySidenav'>
<a class='closebtn' href='javascript:void(0)' onclick='closeNav()'>Close ☓</a>
<a href=''><font COLOR='RED'>MENU:</font></a>
<a href='#'>Link 1</a>
<a href='#'>Link 2</a>
<a href='#'>Link 3</a>
<a href='#'>Link 4</a>
<a href='#'>Link 5</a>
<a href='#'>Link 6</a>
<a href='#'>Link 7</a>
<a href='#'>Link 8</a>
<a href='#'>Link 9</a>
</div>
- Silahkan robah tulisan warna merah dengan Judul menu kalian sendiri.
- Silahkan robah tanda pagar (#) dengan link terkait judul menu yang kalian buat sendiri, link dapat dibuat dan di kelompokan berdasarkan label postingan. Jika kurang mengerti silahkan bertanya.
Kalian juga bisa mengurangi jumlah link (nama menu) dengan menghapus misalnya link 9 dengan demikian jumlah menu kalian tinggal 8 dan seterusnya. Menghapusnya harus di mulai dari pembuka <a> hingga ke </a> contohnya:
<a href='#'>link 6</a>Hapus semua itu.
Jika sudah selesai save tema.
CARA MENGEDIT MENU FOOTER:
Pada bagian bawah template kami sertakan link ke medsos cara mengeditnya adalah sama dengan cara mengedit menu navbar di atas.
Masuk ke pengaturan blogger.
- Pilih Tema
- Pilih Edit HTML
<b:section class='footer' id='footer' name='Footer' showaddelement='true' tag='footer'/>
<div class='editblog'><div class='editblogsocial-icons'> <ul> <li class='social-facebook'><a href='https://www.facebook.com/AnissaSufyan/' target='_blank' title='Facebook'>Facebook</a></li><li class='social-twitter'><a href='https://twitter.com/sufyan331?s=09' target='_blank' title='Twitter'>Twitter</a></li> <li class='social-instagram'><a href='https://www.instagram.com/sufyan_yaan/?hl=en' target='_blank' title='Instagram'>Google+</a></li> <li class='social-pinterest'><a href='https://id.pinterest.com/sufyan_yaan/' target='_blank' title='Pinterest'>Pinterest</a></li> <li class='social-rss'><a href='https://www.google.com/bookmarks/' target='_blank' title='RSS'>RSS</a></li> <li class='social-youtube'><a href='https://www.youtube.com/user/Nayfus1' target='_blank' title='youtube'>youtube</a></li></ul>
Hapus link lama dan ganti dengan link kalian sendiri. Karena Kalian memang harus merobah setiap link yang telah kami beri warna merah dan digaris bawahi dengan link menuju ke media sosial kalian sendiri.
Wah baru lagi nih, jadi pingin icip juga
BalasHapusSaya ingin minta atau copy-paste menu footernya.
BalasHapus