Cara Membuat Tombol Menu Khusus di Header Viomagz
Salah satu cara untuk mempercantik tampilan blog adalah dengan menambah keuinikan pada tampilan blog tersebut.
Ada banyak cara yang bisa Anda temukan di google tentang cara mempercantik tampilan blog agar semakin unik dan berbeda dari blog lain. Dan salah satunya adalah disini.
Dalam kesempatan kali ini, saya ingin berbagi sebuah tutorial blogger cara membuat tombol menu di header Viomagz.
Cara Membuat Tombol Menu Khusus di Header Viomagz
Berikut ini adalah langkah-langkah yang harus Anda lakukan dalam pemasangan tombol menunya.
- Buka Dashboard Blogger
- Pilih Menu Tema
- Klik Edit HTML
Cari dan letakan CSS di bawah ini sebelum ]]></b:skin>
.btn-follow-new a {
line-height: 2.3;
color: #fff !important;
background: #39b4ff;
border-radius: 3px;
}
.btn-follow-new a:hover {
background: #35aaf1;
color:#fff !important;
Kode yang ditandai warna kuning adalah kode warna yang digunakan pada box menunya. Silahkan Anda ganti untuk menyesuaikan dengan tema warna blog Anda.
Selanjutnya, silahkan cari dan letakan Javascript di bawah ini dalam menu navigasi. Atau cari saja <!-- menu navigasi header start -->
<li class="btn-follow-new" ><a title="Ikuti Blog" href="https://www.blogger.com/follow.g?blogID=2823220230553262445" onclick="window.open(this.href,'targetWindow',`toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=SomeSize,height=SomeSize`);return false;">Ikuti Blog</a></li>
URL yang ditandai warna kuning silahkan Anda isi sesuai keinginan.
Klik simpan dan lihat hasilnya.
Nah itulah cara membuat tombol menu khusus di header template Viomagz.
Semoga bermanfaat.
Posting Komentar