Template blogger Linkmagz

LinkMagz adalah template blogger premium terbaru karya dari Pak Sugeng, template ini di desain dengan tampilan responsif dan loading yang lebih cepat.

Berikut ini adalah panduan cara pemasangan serta pengaturan template blogger premium linkmagz, dengan tampilan blogger terbaru. Bagi Anda yang belum beralih ke tampilan blogger terbaru, temukan tombol menu "Coba Blogger Baru" yang ada pada bagian kiri bawah, selanjutnya ikuti langkah-langkah berikut ini.


Memasang Template LinkMagz

Berikut langkah-langkahnya:

1. File yang sudah didownload harus di-unzip dulu. Di dalam file .zip terdapat file berekstensi .xml, file yang berekstensi .xml tersebut yang akan dipasang ke blog.

2. Sebelum memasang template lebih baik untuk melakukan backup terlebih dahulu template yang akan diganti.

Caranya:
Login ke Blogger → Masuk ke menu Tema
Klik icon menu (titik tiga) di pojok sebelah kanan atas
Klik menu Cadangkan
Klik Download

3. Sebelum memasang template, sebaiknya semua widget-widget yang sebelumnya terpasang di blog dihapus terlebih dahulu.

4. Selanjutnya tinggal mengupload file template ke blog.

Cara Setting Template LinkMagz


Cara Menambah Menu Navigasi LinkMagz

Untuk menambahkan menu navigasi silakan anda masuk ke menu “Tata Letak” > Klik edit pada widget menu navigasi > setelah itu masukan kode ini:

<li><a href="#">Contoh Menu</a></li>


Ganti tanda # yan berwarna merah dengan URL tujuan, misalnya jika ingin menunya mengarah ke halaman label, maka isi dengan URL halaman label.

Ganti tulisan Menu sesuai dengan keinginan.

Kurang lebih hasilnya seperti ini:


Cara Menambah menu dengan submenu

Untuk menambahkan menu yang disertai dengan submenu, gunakan kode berikut ini:

<li class="has-sub"><a href="#">Menu Utama</a>
  <ul>
    <li><a href="#">Submenu Satu</a></li>
    <li><a href="#">Submenu Dua</a></li>
    <li><a href="#">Submenu Tiga</a></li>
  </ul>
</li>


Letakan kode tersebut tepat di bawah kode menu yang sebelumnya.

Cara Mengedit Kode Pengaturan Template

Beberapa fitur yang ada pada template LinkMagz bisa diatur melalui widget kode pengaturan yang tersedia di menu tata letak.

Untuk mengeditnya silakan masuk ke menu “Tata Letak” > kemudian klik edit pada Widget Kode Pengaturan template.

Setelah itu anda bisa edit kodenya sesuai kebutuhan.


Berikut penjelasan dari kode tersebut:

  1. MenuSticky, Isi true untuk mengaktifkan fitur menu navigasi sticky pada template, atau isi dengan false untuk menonaktifkannya.
  2. RelatedPosts, Isi true untuk mengaktifkan fitur related posts pada template, atau isi dengan false untuk menonaktifkannya. InfiniteScrollNav, Isi true untuk mengaktifkan fitur infinite scroll (load more), atau isi false untuk menonaktifkannya.
  3. TombolDarkmode, Isi true untuk menampilkan tombol dark mode, atau isi dengan false untuk menonaktifkannya.
  4. ScrollToTop, Isi true untuk menampilkan tombol kembali ke atas (back to top), atau dengan isi false untuk menonaktifkannya.
  5. TombolPesanWA, Isi true untuk menampilkan tombol pemesanan melalui whatsapp di postingan produk/jasa, atau isi dengan false untuk menonaktifkannya.
  6. NomorWA, Isi dengan nomor whatsapp milik anda. harus diawali dengan 628, bukan 08.
  7. JudulPesanWa, Judul tombol pemesanan, edit sesuai selera.
  8. TeksPesanWa, Teks yang otomatis muncul ketika pembeli melakukan chat melalui whatsapp. Edit sesuai selera.

Cara Posting Produk dan Jasa

Untuk membuat postingan produk atau jasa caranya sama seperti membuat posting artikel biasa, hanya saja untuk membuat posting produk atau jasa harus menggunakan mode HTML.

Selain itu untuk postingan produk atau jasa pada bagian label harus diisi dengan salah satu dari label berikut:

  • Produk
  • Products
  • Jasa
  • Services

Silakan bisa pilih salah satu sesuai dengan kebutuhan.

Untuk cara postingnya, silakan klik menu “Entri baru” untuk membuat postingan baru > Pada menu editor artikel pilih menu “mode HTML” > setelah itu masukan kode berikut ini pada bagian konten:

<div class='gambar-produk'>
  <div class='gambar-slider'>
    <img alt='gambar' src='#' />
    <img alt='gambar' src='#' />
    <img alt='gambar' src='#' />
  </div>
</div>
<div class='keterangan-produk'>
  <b class='harga-produk-coret'>Rp.2.000.000,-</b>
  <b class='harga-produk'>Rp.1.999.000,-</b>
  <b class='info-produk'>Promo</b>
</div>
<div class='produk-deskripsi'>
  Deskripsi produk di sini...
</div>


Silakan edit kode tersebut sesuai dengan kebutuhan. Berikut keterangannya:

  • Ganti yang bertanda merah, dengan menggunakan URL gambar produk.
  • Yang bertanda hijau adalah keterangan dari produk, seperti harga dicoret, harga produk, dan info produk. Silakan edit sesuai kebutuhan.
  • Dan yang berwarna kuning adalah desckripsi dari produknya.


Contohnya seperti ini hasilnya:


Cara Posting Advertorial

Caranya seperti posting artikel biasa, hanya saja di bagian label harus diisi dengan salah satu dari label berikut:

  • Advertorial
  • Iklan
  • Sponsor


Jika label postingannya diisi dengan salah satu dari label tersebut, nanti profil author dan form komentar di dalam postingan akan otomatis disembunyikan.

Cara Menambah TOC (table of content) otomatis

Untuk menambhaj TOC 9table of conten) otomatis silakan edit postingan yang ingin menampilan TOC, edit dalam mode HTML.

Setelah itu masukan kode ini di atas postingan atau di lokasi yang sobat inginkan.

<aside id="toc">
  <b class="toc+>Daftar Isi:</b>
</aside>


Pastikan di dalam postingan sudah terdapat tag heading <h2> atau <h3>


Cara Menambah Icon Media Sosial

Untuk menambahkan icon media sosial silakan anda masuk ke menu “Tata Letak” > Klik edit pada widget icon media sosial > setelah itu masukan kode ini:

<a aria-label="facebook" href="#"><span class="social-icon facebook-icon"><i></i></span></a>
<a aria-label="twitter" href="#"><span class="social-icon twitter-icon"><i></i></span></a>
<a aria-label="youtube" href="#"><span class="social-icon youtube-icon"><i></i></span></a>
<a aria-label="instagram" href="#"><span class="social-icon instagram-icon"><i></i></span></a>


Silakan edit yang bertanda merah dengan URL akun media sosial milik anda. Untuk menghapus salah satu icon media sosial, cukup hapus dari kode Misalnya ingin menghapus icon instagram, maka cukup hapus kode ini :

<a aria-label="facebook" href="#">
  <span class="social-icon facebook-icon">
    <i></i>
  </span>
</a>

Cara Memasang Menu Halaman Privacy, Disclaimer, dll.

Untuk memasang menu Privacy, Disclaimer, dll. bisa dipasang di bagian sidebar menggunakan widget Halaman.
Atau bisa juga dengan memasang link halamannya menggunakan kode HTML di bagian widget footer.
Demikianlah cara memasang template linkmagz beserta cara settingnya.