Additional Settings for iMagz Theme

Additional settings specific to iMagz theme

Aktifkan/Nonaktifkan 2 Kolom Grid di Tampilan Seluler

2 Column Grid

Fitur ini berfungsi untuk menetapkan daftar postingan dengan gaya 2 kolom atau 1 kolom seperti pada gambar di atas, kami menyadari tidak semua orang menyukai tampilan 2 kolom grid, karna itu kami menambahkan fungsi ini agar pengguna bisa memilih mana yang lebih disukainya.

Kode untuk mengaktifkan/nonaktifkan fungsi ini juga terdapat dalam tag pembuka <body>, tepat di bawah tag <body> Anda akan melihat kode seperti ini:

<!--[ Show only one grid column in Mobile ]-->
<b:class cond='data:view.isMultipleItems' name='oneGrd'/>
<!--[ Show only one grid column in Mobile ]-->
<!--<b:class cond='data:view.isMultipleItems' name='oneGrd'/>-->

Silahkan aktifkan/nonaktifkan kode di atas untuk mencoba fungsi ini.


Menggunakan Fitur Dual Language

Fitur ini tidak aktif secara otomatis, Anda harus menyiapkan artikel dengan bahasa alternatif untuk menjalankan fitur ini. Cara mudahnya Anda harus menyiapkan dua bahasa (utama dan alternatif) secara manual pada setiap artikel.

Untuk menggunakan fitur ini, salin kode di bawah ke dalam postingan Anda:

<div class='lnDef'>
  Konten_utama_Anda_ada_disini
</div>

<!--[ Alternative language ]-->
<div class='lnAlt'>
  Your_alternative_content_goes_here
</div>

Direkomendasikan untuk menulis postingan menggunakan 'Tampilan HTML'

Gunakan kode di atas untuk setiap postingan yang menggunakan dua bahasa.


Sembunyikan Navbar Menu

Navbar adalah element yang berada pada bagian atas sebelum header berisi beberapa widget seperti kolom pencarian, tombol social media dan lainnya. Ini mungkin akan sedikit sulit tapi sangat memungkinkan untuk menghilangkan navbar pada tema ini, ikuti panduan di bawah ini secara berurutan agar tidak terjadi error.

Step 1: Edit HTML Tema

Temukan dan ubah beberapa kode berikut sesuai dengan panduan:

<Variable name="nav.height" description="Navbar max height" type="length" max="50px" default="48px" value="48px"/>
<Variable name="nav.height" description="Navbar max height" type="length" max="50px" default="48px" value="0px"/>
/* Delete this to enable search icon */ .headP{display:none}
/* Delete this to enable search icon */ .headP{}
<b:widget id='BlogSearch1' locked='true' title='Try &apos;Adventure&apos;' type='BlogSearch' version='2' visible='true'>
<b:widget id='BlogSearch1' locked='false' title='Try &apos;Adventure&apos;' type='BlogSearch' version='2' visible='true'>
<b:widget id='TextList000' locked='true' title='Header Icon' type='TextList' version='2' visible='true'>
  <b:widget-settings>
    <b:widget-setting name='shownum'>2</b:widget-setting>
<b:widget id='TextList000' locked='true' title='Header Icon' type='TextList' version='2' visible='true'>
  <b:widget-settings>
    <b:widget-setting name='shownum'>3</b:widget-setting>

Step 2: Tata Letak Blogger

Sembunyikan beberapa widget yang sudah ditandai pada gambar di bawah ini:

Hide navbar
  • Klik icon pada widget yang ditandai,
  • klik tombol switch pada 'Tampilkan widget ini'
    Hide navbar
  • lakukan hal yang sama pada semua widget yang ditandai pada gambar.
  • Selanjutnya adalah tekan dan tahan pada Gadget Penelusuran Blog lalu pindahkan ke dalam kontainer header-icon, lebih detail perhatikan gambar di bawah:
    Hide navbar

Simpan hasil perubahan yang sudah dilakukan dan cek kembali blog Anda.

Enable/Disable 2 Column Grid in Mobile View

2 Column Grid

This feature serves to set a list of posts with a 2-column or 1-column style as in the image above, we realize that not everyone likes the 2-column grid view, that's why we added this function so that users can choose which one they prefer.

The code to enable/disable this function is also contained in the opening <body> tag, just below the <body> tag. You will see code like this:

<!--[ Show only one grid column in Mobile ]-->
<b:class cond='data:view.isMultipleItems' name='oneGrd'/>
<!--[ Show only one grid column in Mobile ]-->
<!--<b:class cond='data:view.isMultipleItems' name='oneGrd'/>-->

You can enable/disable above code to try this function.


How to Use Dual Language Feature

This feature is not activated automatically, you must prepare an article in an alternative language to run this feature. The easy way is that you have to manually set up two languages (main and alternative) for each article.

To use this feature, copy the code below into your post:

<div class='lnDef'>
  Konten_utama_Anda_ada_disini
</div>

<!--[ Alternative language ]-->
<div class='lnAlt'>
  Your_alternative_content_goes_here
</div>

It's recommended to write posts using 'HTML View'

Use the code above for each post that uses two languages.


Hide Navbar Menu

Navbar is the element at the top before the header containing several widgets such as a search field, social media buttons and others. It may be a little difficult but it's possible to get rid of the navbar in this theme, follow the guide below in order to avoid errors.

Step 1: Edit HTML Theme

Find and change some of the following codes according to the guide:

<Variable name="nav.height" description="Navbar max height" type="length" max="50px" default="48px" value="48px"/>
<Variable name="nav.height" description="Navbar max height" type="length" max="50px" default="48px" value="0px"/>
/* Delete this to enable search icon */ .headP{display:none}
/* Delete this to enable search icon */ .headP{}
<b:widget id='BlogSearch1' locked='true' title='Try &apos;Adventure&apos;' type='BlogSearch' version='2' visible='true'>
<b:widget id='BlogSearch1' locked='false' title='Try &apos;Adventure&apos;' type='BlogSearch' version='2' visible='true'>
<b:widget id='TextList000' locked='true' title='Header Icon' type='TextList' version='2' visible='true'>
  <b:widget-settings>
    <b:widget-setting name='shownum'>2</b:widget-setting>
<b:widget id='TextList000' locked='true' title='Header Icon' type='TextList' version='2' visible='true'>
  <b:widget-settings>
    <b:widget-setting name='shownum'>3</b:widget-setting>

Step 2: Blogger Layout

Hide some of the widgets that have been marked in the image below:

Hide navbar
  • Click icon on the marked widget,
  • click toggle button on 'Show this widget'
    Hide navbar
  • do the same for all the widgets marked on the image.
  • Next is to press and hold on the Blog Search Gadget and then move it into header-icon container, in more detail, see the image below:
    Hide navbar

Save the changes that have been made and check your blog again.


Posting Komentar

To avoid SPAM, all comments will be moderated before being displayed.