Mengganti simbol menu span pagelist arrow versi mobile blogger

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'>&amp;#9660;</span>

 Angka [ 9660 ] silahkan ganti dengan angka [ 8801 ], Sehingga menjadi :

<span class='pagelist-arrow'>&amp;#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;
}

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. 

Tapi tidak termasuk pada opera mini atau pada opera mobile yang di hidupkan mode off roadnya.