Membuat Sajian Genre Dibawah Header
Cara Membuat Menu Genre Dibawah Header ini diambil dari Template Oploverz, cara membuatnya masih manual memakai HTML namun tidak terlalu susah untuk dibuat.
Tutorial kali belum aku buat responsive kalau kalian ingin membuatnya menjadi responsive silahkan baca tutorialnya disini. Untuk demo yang sudah risikonya silahkan Cek tombol dibawah ini.
Membuat Menu Genre Dibawah Header Seperti Oploverz
- Buka Blogger > Tema > Edit HTML
- Salin CSS berikut dan simpan diatas </style>
- Kemudian cari html yang seakan-akan id='content-wrapper' atau id='outer-wrapper'
- Jika sudah ketemu, salin dan letakkan HTML berikut dibawahnya
- Save Tema & Jangan lupa edit bab yang sudah ditandai.
._genre { max-width: 1080px; margin: 0 auto; background: #fff; padding: 10px 0 5px 5px; margin-bottom: 12px; border-color: #e5e6e9 #dfe0e4 #d0d1d5; } ._genre a{ font-family: MyriadPro; font-size: 14px; color: #5b5b5b; font-weight: 500; text-transform: capitalize; background-color: #fff; border: 1px solid #e3e9ff; border-radius: 10px; padding: 4px 10px; margin-right: 5px; display: inline-block; overflow:hidden; } ._genre a:hover { background-color: #3c9ccd!important; color: #fff!important; text-decoration: none; }<div class="_genre"> <a href="/search/label/LABEL POST">Action</a> <a href="/search/label/LABEL POST">Adventure</a> <a href="/search/label/LABEL POST">Comedy</a> <a href="/search/label/LABEL POST">Demons</a> <a href="/search/label/LABEL POST">Drama</a> <a href="/search/label/LABEL POST">Ecchi</a> <a href="/search/label/LABEL POST">Fantasy</a> <a href="/search/label/LABEL POST">Game</a> <a href="/search/label/LABEL POST">Harem</a> <a href="/search/label/LABEL POST">Historical</a> <a href="/search/label/LABEL POST">Horror</a> <a href="/search/label/LABEL POST">Magic</a> <a href="/search/label/LABEL POST">Martial Arts</a> <a href="LINK POST">Genre Lainnya >></a> </div>