Cara Mengatur Template Blogger ZeroStream

Tema ZeroStream merupakan tema Blogger pertama dari rasgane yang dibantu melalui AI dan memiliki tampilan yang 90% mirip dengan tema aslinya.

Tautan

Download: Template Blogger ZeroStream
Tutorial: Cara Memasang Template Blogger

1. Header

1.1 Header Logo

A – Akses Tata Letak (Layout) blog kalian > lalu klik Header > dan klik tombol Edit Icon (Pensil) Seperti Contoh Gambar.

Contoh Gambar

1.2 Header Menu

A – Akses Tata Letak (Layout) blog kalian > lalu klik Menu > dan klik tombol Edit Icon (Pensil) Seperti Contoh Gambar.

Contoh Gambar

Note: Ada 2 cara menambahkan link/url
1. Home Full Url https://nama_blog.blogspot.com/ menjadi /.
2. Post Full Url https://nama_blog.blogspot.com/2022/12/cara-mengatur-template-blogger-mamakita.html menjadi /2022/12/cara-mengatur-template-blogger-mamakita.html.
3. Page Full Url https://nama_blog.blogspot.com/p/list.html menjadi /p/list.html.
4. Label Full Url https://nama_blog.blogspot.com/search/label/Label1 menjadi /search/label/Label1.

Note:
1. _(Satu Garis Bawah) untuk mengaktifkan submenu.
2. __(Dua Garis Bawah) untuk list atau isi submenu.

2. Search

Tidak ada yang diatur.

3. Profil

Tidak ada yang diatur.

4. Custom Post

4.1 Custom Post (Slider)

A – Akses Tata Letak (Layout) blog kalian > lalu klik Thema_Slider_Post > dan klik tombol Edit Icon (Pensil) Seperti Contoh Gambar.

Contoh Gambar

Note:
1. Label isi dengan nama label post yang ingin ditampilkan, jika ingin mengunakan post terbaru kamu bisa isi dengan false.
2. Max isi dengan jumlah post yang ingin ditampilkan.

4.2 Custom Post 1

A – Akses Tata Letak (Layout) blog kalian > lalu klik Thema_Custom_Post_1 > dan klik tombol Edit Icon (Pensil) Seperti Contoh Gambar.

Contoh Gambar

Note:
1. Label isi dengan nama label post yang ingin ditampilkan, jika ingin mengunakan post terbaru kamu bisa isi dengan 0.
2. Max isi dengan jumlah post yang ingin ditampilkan.

4.3 Custom Post 2

A – Akses Tata Letak (Layout) blog kalian > lalu klik Thema_Custom_Post_2 > dan klik tombol Edit Icon (Pensil) Seperti Contoh Gambar.

Contoh Gambar

Note:
1. Label isi dengan nama label post yang ingin ditampilkan, jika ingin mengunakan post terbaru kamu bisa isi dengan 0.
2. Max isi dengan jumlah post yang ingin ditampilkan.

4.4 Custom Post 3

A – Akses Tata Letak (Layout) blog kalian > lalu klik Thema_Custom_Post_3 > dan klik tombol Edit Icon (Pensil) Seperti Contoh Gambar.

Contoh Gambar

Note:
1. Label isi dengan nama label post yang ingin ditampilkan, jika ingin mengunakan post terbaru kamu bisa isi dengan 0.
2. Max isi dengan jumlah post yang ingin ditampilkan.

4.5 Custom Post 4

A – Akses Tata Letak (Layout) blog kalian > lalu klik Thema_Custom_Post_4 > dan klik tombol Edit Icon (Pensil) Seperti Contoh Gambar.

Contoh Gambar

Note:
1. Label isi dengan nama label post yang ingin ditampilkan, jika ingin mengunakan post terbaru kamu bisa isi dengan 0.
2. Max isi dengan jumlah post yang ingin ditampilkan.

4.6 Custom Post (Random)

Tidak ada yang diatur.

5. Post

Dalam post terdiri dari 3 bagian yaitu:

1. Thumbnail

<!-- [Thumbnail] -->
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB8ujdkOM9ArIXyumhr0986-w4rploOXh-DzegdgcUVOeXT49x1SE3mD6qaA2eUnNJsw-1wTrxzyVoE8662gTGQ8JqaxqezG82TCR3OJg2lUW-SiO5hXv21el4Ar2ZzzxexkmoPoQxd3lGeHnY3Hvb0njewSFxZzw7C7fCKTbHMbmqt0dt9o3cbV9fCCdP/s1600/edid66UmfiQ-HD.jpg" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="720" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB8ujdkOM9ArIXyumhr0986-w4rploOXh-DzegdgcUVOeXT49x1SE3mD6qaA2eUnNJsw-1wTrxzyVoE8662gTGQ8JqaxqezG82TCR3OJg2lUW-SiO5hXv21el4Ar2ZzzxexkmoPoQxd3lGeHnY3Hvb0njewSFxZzw7C7fCKTbHMbmqt0dt9o3cbV9fCCdP/s1600/edid66UmfiQ-HD.jpg"/></a></div>

2. Server Video

Versi 1.0.0

<!-- [Server Video] -->
<div class="mystreaming" data-server="Url_Server"></div>

Versi 1.1.0

<!-- [Server Video] -->
<div class="mystreaming" 
data-server="Url_Server" 
data-server1="Url_Server" 
data-server2="Url_Server"></div>

Versi 1.2.0

<!-- [Server Video] -->
<span class="server_id" data-server="Url_Server">Name_Server</span>
<span class="server_id" data-server="Url_Server">Name_Server</span>
<span class="server_id" data-server="Url_Server">Name_Server</span>

3. Name Code

<!-- [Code Video Is Here] -->
<span id="D_Code_">Code Name</span>

4. Informasi List secara manual

Cuma bisa versi 1.2.0 keatas

<div class="add_info">
  <span>Info Text:</span>
  <span>Isi Text</span>
</div>

<div class="add_info">
  <span>Info Text:</span>
  <span>Isi Text</span>
</div>

<div class="add_info">
  <span>Info Text:</span>
  <span>Isi Text</span>
</div>

Note:
1. Label Durasi terdiri dari [Number]:[Number]:[Number] contoh 00:00:00 00:03:39

6. Page

6.1 Daftar isi (Daftar List)

Buat page seperti biasanya dan salin kode dibawah

<div class="Rasgane_List" data-label="">Loading...</div>

6.2 Genre List

Kode Pemanggil

<b>{genreList}</b>

Cara mengatur list

A – Akses Tata Letak (Layout) blog kalian > cari Thema_List > Widget Label > dan klik tombol Edit Icon (Pensil).

B – Cari Tampilkan > pilih Label yang di pilih dan centang label yang ingin ditampilkan

6.3 Studio List

Kode Pemanggil

<b>{studioList}</b>

Cara mengatur list

A – Akses Tata Letak (Layout) blog kalian > cari Thema_List > Widget Label > dan klik tombol Edit Icon (Pensil).

B – Cari Tampilkan > pilih Label yang di pilih dan centang label yang ingin ditampilkan

7. Sidebar

Custom Post Sidebar

A – Akses Tata Letak (Layout) blog kalian > lalu klik Thema_Sidebar > Widget List > dan klik tombol Edit Icon (Pensil).

Note:
1. Max isi dengan jumlah post yang ingin ditampilkan.

8. Footer

8.1 Footer Note

A – Akses Tata Letak (Layout) blog kalian > lalu klik Note > dan klik tombol Edit Icon (Pensil).

B – Edit bagian Konten dan isi text yang kamu inginkan (Support Tag HTML).

8.2 Footer Menu

A – Akses Tata Letak (Layout) blog kalian > lalu klik Thema_Footer_Menu > dan klik tombol Edit Icon (Pensil).

B – atur seperti kalian menggunakan widget Link List.