Menu pagelist adalah widget standard dari defaultnya blogger
menu yang paling mudah di gunakan oleh pengguna untuk membuat menu horizontal
ataupun vertikal. Dan biasanya pada versi mobile akan ada simbol atau lambang
arrow berbentuk segitiga seperti gambar di bawah ini :
Cara mengubah lambang pagelist arrow pada tampilan versi
mobile blog dengan simbol menu lainnya seperti buku bertumpuk tiga , mengapa di
ganti...? Yaaa hanya pengen berbeda sedikit aja dari yang lainnya aja
Sebelum mengedit trik ini mungkin hanya
bisa di terapkan pada Template aslinya dari Blogger dan Mengaktifkan versi mobile setelan khusus, serta telah menggunakan widget Pagelist sebagai menu dan ditampilkan.
Langsung tuju pada dasboard dan menuju ke edit HTML, temukan kode <span class='pagelist-arrow'>, jika sudah ketemu maka kurang lebih seperti ini :
<span
class='pagelist-arrow'>&#9660;</span>
Angka [ 9660 ] silahkan ganti dengan angka [ 8801 ], Sehingga menjadi :
<span class='pagelist-arrow'>&#8801;</span>
Langkah selanjutnya temukan kode seperti di bawah ini :
.mobile
.tabs-inner .PageList .widget-content .pagelist-arrow
Tambahkan css [ line-height:
normal; font: bold 25px Arial; color: #fff; ]
Sehingga kurang lebih susunannya menjadi :
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-left: 1px solid #ffffff; line-height: normal; font: bold 25px Arial; color:#ffffff;
}
border-left: 1px solid #ffffff; line-height: normal; font: bold 25px Arial; color:#ffffff;
}
Jika sudah simpan template, bila ragu ragu gunakan fasilitas
pratinjau terlebih dahulu.
Lihat hasilnya di browser google chrome, atau pada browser
Android OS misalnya :
- Browser Dolphin, Chrome, next browser, Ucweb, browser default android atau pendek kata browser yang menggunakan WebKit.
aduh mas saya masih bingung silahkan beri masukan terhadap page menu saya yang masih berantakan. to wwwDotdetikpangandaranDotcom
BalasHapuswew, asek mantap ini gan. udah muter muter coba edit sendiri dan akhirnya pasrah nyari di google nemu ini wah mantap. untuk kode simbol yang lainnya ada gan ?. biar tabnya bisa tampil sama persis dengan tampilan desktop, jadi tidak di hide. kalo ada mampir ya ke blogku kasih tau caranya
BalasHapus