Cara Letak Scroll Box di Bloglist

Cara Letak Scroll Box di Bloglist | Hai semua. Dah selesai berbuka tu? Atul sudah. Alhamdulillah. Hari ini simple je sebab tadi berbuka sensorang, suami kena kerja 24jam, bertugas sempena ops COVID-19 ni.

So, hari ini Atul nak share 3 cara letak scroll-box di bloglist. Atul harap sharing Atul ni membantu anda yang tercari-cari cara nak buat scroll box selama ini.

Okay. Sebelum nak buat scroll box, korang kena la buat siap-siap bloglist tu dulu. Macam dalam gambar bawah ni.

Ha, bila dah ada bloglist ni, baru lah kita boleh buat scroll box tu.

Cara Untuk Letak Scroll Box di bloglist

Cara pertama letak scroll box di bloglist

1. cari dulu tajuk bloglist yang anda buat, tujuannya untuk memudahkan anda tambah coding nanti

Kemudian, Tekan Ctrl + F untuk mulakan pencarian tajuk bloglist anda

Masukkan tajuk bloglist dan tekan ENTER

Kemudian, ia akan terus jump ke perkataan yang anda cari. Ingat, anda kena cari tajuk yang sebarisnya ada perkataan "bloglist" macam dalam gambar di bawah ni.

Seterusnya, terus cari <div class='widget-content'>

Dibahagian ini lah yang perlu anda tambah 'coding' untuk munculkan Scroll box di bloglist

Selepas _container&quot;' Anda perlu tambah  style='height:200px;overflow:auto;'  (coding inilah untuk hasilkan scroll box tu)

style='height:200px;overflow:auto;' 

Anda boleh ubah angka warna merah tu, untuk dapatkan saiz ketinggian kotak scroll box bloglist yang anda mahukan.

5. Jangan lupa untuk klik SAVE ya. Selesai 😊 Cuba refresh. Mesti bloglist anda kini telah ada scroll box. 

Cara kedua letak scroll box di bloglist

Bagi sesetengah theme, coding widget tersorok sikit. Sorok macam mana tu? Teruskan tengok langkah kedua ini

1. cari dulu tajuk bloglist yang anda buat, tujuannya untuk memudahkan anda tambah coding nanti

Kemudian, Tekan Ctrl + F untuk mulakan pencarian tajuk bloglist anda

Masukkan tajuk bloglist dan tekan ENTER

Kemudian, ia akan terus jump ke perkataan yang anda cari. Ingat, anda kena cari tajuk yang sebarisnya ada perkataan "bloglist" macam dalam gambar di bawah ni.

2.  Tekan 3 titik >...< macam dalam gambar di bawah 

 3. Tekan 3 titik sebelah id='main'  >...< macam dalam gambar di bawah 

4. Cari <div class='widget-content'>

Dibahagian ini lah yang perlu anda tambah 'coding' untuk munculkan Scroll box di bloglist

Selepas _container&quot;' Anda perlu tambah  style='height:200px;overflow:auto;'>  (coding inilah untuk hasilkan scroll box tu)

style='height:200px;overflow:auto;' 

Anda boleh ubah angka warna merah tu, untuk dapatkan saiz ketinggian kotak scroll box bloglist yang anda mahukan.

5. Jangan lupa untuk klik SAVE ya. Selesai 😊 Cuba refresh. Mesti bloglist anda kini telah ada scroll box. 

Cara Ketiga Letak Scroll box di bloglist

Cara kedua lagi mudah. Anda hanya perlu klik Jump To Widget sahaja. Kemudian cari Bloglist.

Selepas itu, ia akan terus ke bloglist widget seperti dalam gambar dibawah

Untuk hasilkan scroll box, anda perlu ulang sahaja langkah ke 2 (dua) dalam cara pertama hingga selesai.

Mudah je kan? Semoga perkongsian ini memberi manfaat kepada anda semua.

-Atul Hamid-