GagakTekno

Panduan SijiMagz

Contents
Di bawah ini adalah panduan cara pemasangan serta pengaturan template premium SijiMagz. Silakan dibaca secara pelan-pelan dan teliti supaya templatenya terpasang dengan baik dan benar.

Memasang Template

Hal pertama yang perlu dilakukan tentu saja memasang template yang sudah dibeli ke blog milik sobat.

Berikut langkah-langkahnya:

#1. Pertama, pastikan sobat sudah meng-unzip file template yang didownload. Di dalam file .zip terdapat file berekstensi .xml, nah file tersebut yang akan diupload atau pasang ke blog.

#2. Kedua, saya merekomendasikan untuk melakukan backup template yang akan diganti.

Caranya:

Login ke “Blogger” > Masuk ke menu “Tema”
Klik “Backup / Pulihkan”
Klik “Download tema”
#3. Selanjutnya sobat tinggal mengupload file template ke blog.

Caranya:

Login ke “Blogger” > Masuk ke menu “Tema”
Klik “Backup / Pulihkan”
Klik “Choose File”
Pilih file template di Hard Drive > Klik “Upload”
#4. Template sudah berhasil terpasang.

Mengedit Menu Navigasi

Bagian menu navigasi pada template ini bisa dibilang bagian yang lumayan ribet untuk diedit, khususnya bagi yang belum terlalu familiar dengan kode HTML.

Di bawah ini akan saya coba saya jelaskan sesederhana mungkin supaya mudah dipahami.

Pada template SijiMagz terdapat menu navigasi. menu navigasi dengan tampilan vertikal atau slide menu.

Untuk mengedit menu navigasi pada SijiMagz bisa baca dibawah ini.

#1. Menu Navigasi
Untuk mengedit menu navigasi:

<ul>
  <li><a href='#'>About</a></li>
  <li><a href='#'>Contact Us</a></li>
  <li><a href='#'>Privacy Policy</a></li>
  <li><a href='#'>Disclaimer</a></li>
</ul>

Edit text dengan background berwarna merah dengan URL tujuan dan warna hijau dengan nama menu yang diinginkan.

Kurang lebih nanti jadinya seperti ini:

<ul>
  <li><a href='http://namablogcontoh.blogspot.com/p/tentang.html'>Tentang Saya</a></li>
  <li><a href='http://namablogcontoh.blogspot.com/p/kontak.html'>Kotak</a></li>
  <li><a href='http://namablogcontoh.blogspot.com/p/privacy.html'>Privacy Policy</a></li>
  <li><a href='http://namablogcontoh.blogspot.com/p/disclaimer.html'>Disclaimer</a></li>
</ul>

Mengedit Menu Navigasi Dropdown

#2. Menu Navigasi Dropdown
Untuk mengedit menu navigasi dropdown pada SijiMagz:

<ul>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>Submenu</a>
      <ul class='submenu'>
        <li><a href='#'>Tops</a></li>
        <li><a href='#'>Bottoms</a></li>
        <li><a href='#'>Footwear</a></li>
      </ul>
    </li>
</ul>

Edit text dengan background berwarna merah dengan URL tujuan dan warna hijau dengan nama menu yang diinginkan.

Kurang lebih nanti jadinya seperti ini:

<ul>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>Submenu</a>
      <ul class='submenu'>
        <li><a href='#'>Tops</a></li>
        <li><a href='#'>Bottoms</a></li>
        <li><a href='#'>Footwear</a></li>
      </ul>
    </li>
    <li><a href='#'>Submenu</a>
      <ul class='submenu'>
        <li><a href='#'>Tops</a></li>
        <li><a href='#'>Bottoms</a></li>
        <li><a href='#'>Footwear</a></li>
      </ul>
    </li>
</ul>

Tombol Media Sosial

Terakhir yang perlu diedit adalah tombol social media di bawah author profile. Silahkan cukup cari kode berikut ini:

<div class='author-social'>
<a class='facebook' href='//www.facebook.com/'><i class='fa fa-facebook'/></a>
<a class='youtube' href='//www.youtube.com/'><i class='fa fa-youtube'/></a>
<a class='google-plus' href='//www.plus.google.com/'><i class='fa fa-google-plus'/></a>
<a class='twitter' href='//www.twitter.com/'><i class='fa fa-twitter'/></a>
</div></div></div>

Silakan cukup rubah saja URL yang bertanda hijau di atas dengan URL milik sobat.

Modifikasi Tampilan Template


Bagi sobat yang mungkin ingin memodifikasi template ini agar sedikit berbeda, sobat bisa memanfaatkan fitur perancang template yang ada di blogger. Sobat bisa dengan mudah mengganti warna, background, dan juga font pada template ini.

Caranya sangatlah mudah, silakan sobat masuk ke Dashboard blogger > Template > Sesuakan > Setelah itu klik “Tingkat Lanjut”

Lorem Ipsum

Comment Policy : Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
BERI KOMENTAR