Dropdown menu mobile blogger berkesan 


Salah satu cara yang seringkali diguna pakai yang diterapkan dalam pengubahsuaian script html teknik mudah yang digunakan kebanyakan blogger ianya sebagai salah satu transaksi navigasi kemudahan buat pengunjung apabila memasuki ke halaman korang atau ia servis layanan tesedia buat pengunjung untuk menemui segala isi artikel keseluruhan yang sedia ada pada blog korang.


Berbagai cara dan jenis dropdown menu 


Pemasangan seperti pengubahsuai perletakan di  menu dropdown CSS dropdown menu Excel, korang juga boleh Buat dropdown menu dengan bootstrap.
Pengunaan dropdown menu boleh dikatakan wajib jugalah untuk korang pratikkan ke dalam blog untuk meningkatkan trafik serta membuatkan pengunjung lebih lama berada pada halaman korang.

Pada isi kotak dropdown menu name, korang boleh letakkan seberapa banyak jumlah senarai isi menu pilihan korang untuk di tujukan ke halaman-halaman tertentu atau beberapa kategori dan link url yang penting seperti Home, About, DMCA & Privacy mengikut keperluan tema blog yang mengisahkan tentang atau kaitan berkenaan blog korang dengan gaya tersendiri.ianya penting dan berguna untuk korang. Dropdown sub menu juga boleh ditambah dengan beberape kolom dan label.

Contoh gambar dropmenu seperti gambar dibawah :


Drop down blogspot
Cara buat drop down menu









Cara serta langkah-langkah untuk membuat dropdown menu seperti berikut:


Langkah 1

Korang login dahulu ke blogger.com kemudian korang pergi ke bahagian sepert dibawah :

Dashboard > Layout > Page element > Add a gadget > HTML/javascript.

Langkah 2

Korang Copy dan paste code di bawah ni :

<select 
<option selected>Tajuk</option>
<option value="Link 1">Text 1</option>
<option value="Link 2">Text 2</option>
<option value="Link 3">Text 3</option>
</select>

Langkah 3

Pada teks warna hijau Link 1 korang masukkan link url korang artikel pilihan korang 

contoh :

https://www.tehokaw.com/2020/10/blog-tutorial-tehokaw.html

Dan pada teks warna ungu Text 1 Masukkan perkataan/ayat untuk link yang di paparkan nanti.

Contoh :

Blog Tutorial Tehokaw

Langkah 4

Ok kalau korang nak tambah ruang MENU, korang hanya masukkan code di bawah ini

<option value="Link ">Text </option>

Letakkan diatas atau sebelum kod Di bawah ini

</select>

Dropdown menu blogspot dah siap so langkah terakhir korang preview terlebih dahulu, jika berhasil korang save/simpan. Diharap perkongsian blog tutorial ini dapat menyelesaikan masalah korang, semoga bermanfaat dan dijadikan panduan buat korang semua..ok thank all..selamat berblogging.

Post a Comment

Ada sebarang soalan berkaitan halaman atau cadangan, sebarang bentuk penulisan serta komen adalah dibawah tanggungjawab dan risiko anda sendiri tertakluk pada Akta 588 SKMM

Lebih baharu Lebih lama