Munculkan Sidebar Widget di Blogger Mobile Template View

Setiap step ada video, agar anda tidak silap dan keliru, klik button² step itu!

Bagi blog yg install Thesis file sebelum 4 Apr 2016, sila skip STEP 2




Step 1   video step 1

Pastikan anda update ke CSS BUGS BUNDLE yang paling latest version dari masa ke semasa DISINI.


Step 2   video step 2

Dari HTML template: cari/search 2 codes dibawah satu persatu dan padam 2 codes ini satu persatu:
  1. <b:if cond='data:blog.isMobile'>--&gt;</b:if>
  2. <b:if cond='data:blog.isMobile'>&lt;!--</b:if>


Lalu klik save Template.

Sekarang widget² di Sidebar anda boleh muncul di mobile. Namun demikian widget² di Sidebar tidak akan muncul secara automatik begitu sahaja. Di Step ketiga berikut kami menunjukkan cara aktifkan widget² ini. (sesetengah atau semua widget)


Step 3   video step 3

Melalui template HTML: anda hendaklah secara manualnya masukkan code mobile='yes' bersebelahan code <b:widget yang ada didalam <b:section class='sidebar1' id='sidebar1' preferred='yes'>. Dibawah berikut adalah contoh before and after.

(perhatikan perubahan code berwarna oren pada before and after contoh dibawah)

Wajah code sebelum ada widget yang diaktifkan untuk mobile view 
<b:section class='sidebar1' id='sidebar1' preferred='yes'>
  <b:widget id='HTML5' locked='false' title='Recent Posts' type='HTML'>...</b:widget>
  <b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts'>...</b:widget>
</b:section>


After (selepas 2 widget diaktifkan di mobile view) 
<b:section class='sidebar1' id='sidebar1' preferred='yes'>
  <b:widget mobile='yes' id='HTML5' locked='false' title='Recent Posts' type='HTML'>...</b:widget>
  <b:widget mobile='yes' id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts'>...</b:widget>
</b:section>



Defaultkan semula HOOK BEFORE FOOTER   rujuk sini

Jika anda aktifkan or masukkan widget ke HOOK BEFORE FOOTER. Dengan tutorial diatas, anda sudah tidak memerlukan lagi HOOK BEFORE FOOTER. Dibawah berikut adalah default code HOOK BEFORE FOOTER yang tidak aktif. 
<!-- ( HOOK BEFORE FOOTER ) -->
<!-- <aside class='hook before_footer center'>

</aside> -->
<!-- ( / HOOK BEFORE FOOTER ) -->