Cara Setting Template LinkMagz - masandri
Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Setting Template LinkMagz

Di bawah ini adalah panduan cara pemasangan serta pengaturan template  LinkMagz versi terbaru.

Memasang Template

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

Ada dua metode yang bisa digunakan untuk memasang template ke blog
  • Metode pertama adalah dengan menyalin kode template baru dan meletakannya ke blog secara manual lewat menu Tema > edit HTML 
Metode ini direkomendasikan jika blog anda mengganti template blog yang berbeda. Alasannya supaya kode template yang lama tidak tercampur dengan yang baru, hal ini untuk menghindari error.
  • Metode kedua adalah dengan cara meng-upload langsung file template ke blog melalui menu > Pulihkan
Metode ini direkomendasikan jika blog sobat memasang template versi terbaru dari template yang sama. Misalnya sebelumnya anda menggunakan LinkMagz versi 2.0.0 dan akan memasang LinkMagz versi 2.3.0 maka gunakan metode ini.


Di bawah ini dijelaskan cara pemasangan template menggunakan kedua metode tersebut :

Memasang kode Template manual

  1. File yang sudah didownload harus di unzip dulu. Di dalam file. Zip terdapat file berekstensi xml kita hanya perlu menyalin semua kode yang ada di dalam file tersebut.
  2. Buka file yang berekstensi. xml menggunakan program texs editor dan salin semua kode didalamnya.
  3. Kami merekomendasikan untuk melakukan backup template yang akan di ganti sebelum memasang kode template yang baru.
Caranya:
  • Login ke "Blogger" > Masuk ke menu "Tema"
  • Klik icon menu (titik tiga) disebelah kanan atas
  • Klik "Cadangkan"
  • Klik "Download"
#4. Selanjutnya anda tinggal letakan kode yang sudah disalin ke blog melalui menu edit HTML.

Caranya :
  • Login ke "Blogger" > masuk ke menu "tema"
  • Klik icon menu (titik tiga) disebelah kanan atas
  • Klik "edit HTML"
  • Hapus semua kode template yang lama 
  • Paste/tempelkan kode template yang baru
  • Klik tombol simpan
#5. Template sudah berhasil terpasang


Metode Upload Langsung

1. File yang sudah didownload harus di -unzip dulu. Di dalam file. Zip terdapat file berekstensi .xml file tersebut yang akan diupload langsung ke blog.

2. Kedua kami merekomendasikan untuk melakukam backup template yang akan diganti. Caranya backup template sama seperti metode pertama.

3. Selanjutnya anda tinggal mengupload file template yang baru ke blog.
 
Caranya :
  • Login ke "Blogger" > masuk ke menu "tema"
  • Klik icon menu (titik tiga) disebelah kanan atas
  • Klik 'Pulihkan'
  • Klik 'Upload'
  • Pilih file template yang ada di komputer
4. Template sudah berhasil terpasang. 

Menambah Menu Navigasi

Untuk menambahkan menu navigasi silahkan anda masuk ke menu "Tata Letak" > klik edit. Pada widget menu navigasi > setelah itu masukan kode berikut ini :
 <li><a href="#">Contoh Menu</a></li> 

Ganti yang bertanda merah dengan URL tujuan misalnya jika ingin menunya mengarah kehalaman label, maka isi dengan URL label.

Yang bertanda hijau juga di ganti sesuai dengan keinginan, kurang lebih hasilnya seperti ini :


Jika ingin menambahkan menu lagi cukup salin kodenya dan letakan dibawahnya 

Menambah menu dengan submenu

Untuk menambahkan submenu disertai dengan submenu, gunakan kode 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 dibawah kode menu yang sebelumnya. Ganti yang bertanda merah dengan URL tujuan dan yang berwarna hijau diganti dengan nama menu sesuai kebutuhan.

Menambah icon media social

Untuk menambahkan icon media sosial silahkan 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>

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

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

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

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

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

Silahkan edit yang bertanda merah dengan URL akun media sosial milik anda.

Untuk menghapus salah satu salah satu icon media sosial, cukup hapus dari kode <a sampai </a> misalnya ingin menghapus icon facebook maka cukup hapus kode ini :

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

Mengedit kode pengaturan template

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

Untuk mengeditnya silahkan masuk ke menu "Tata Letak" klik edit pada widget kode pengaturan template.

Setelah itu anda masukan kode ini di bagian konten :

<script>
var linkMagzSetting = {
    menuSticky : true,
    relatedPosts : true,
    jumlahRelatedPosts: 4,
    relatedPostsThumb: true,
    infiniteScrollNav : true,
    tombolDarkmode : true,
    scrollToTop : true,
    fullwidthImage : true,
    bacaJuga : true,
    jumlahBacaJuga : 3,
    judulBacaJuga : "Baca Juga",
    showHideTOC : true,
    judulTOC : "Daftar Isi",
    tombolPesanWA : true,
    judulPesanWA : "Pesan via WhatsApp",
    nomorWA : 628524374562,
    teksPesanWA : "Halo admin. Saya mau pesan",
};
</script>
Berikut penjelasan dari kode tersebut :

MenuSticky

Isi true untuk mengaktifkan fitur menu navigasi sticky, atau isi false untuk menonaktifkannya

RelatedPosts

Isi true untuk mengaktifkan fitur Relatedposts, atau isi false untuk menonaktifkannya

Jumlah RelatedPosts

Jumlah postingan yang muncul di relatedposts dibawah postingan, edit sesuai selera

relatedPostsThumb

Isi true untuk menampilkan related posts dengan thumbnail, atau isi false untuk menampilkan related posts tanpa thumbnail.

Infinite ScrollNav

Isi true untuk mengaktifkan fitur infinite scroll (load more), atau isi false untuk menonaktifkanya.

Tombol Darkmode

Isi true untuk menampilkan tombol dark mode, atau isi false untuk menonaktifkannya

scroll ToTop

Isi true untuk menampilkan tombol kembali ke atas (back to top), atau isi false untuk menonaktifkannya

FullwidthImage

Isi true untuk menampilkan fitur auto full width pada gambar pertama postingan, atau isi false untuk menonaktifkannya

Baca juga

Isi true untuk mengaktifkan fitur related posts ditengah postingan, atau isi false untuk menonaktifkannya

Jumlah Baca Juga

Jumlah postingan yang muncul di related posts ditengah postingan, edit sesuai selera.

Judul Baca juga

Judul related posts di tengah postingan, edit sesuai selera.

Show HideTOC

Isi true untuk menampilkan tombol show/hide pada TOC (daftar isi postingan), atau isi false untuk menonaktifkannya.

Judul TOC

Isi dengan judul TOC (daftar isi postingan) sesuai keinginan

Tombol pesan WA

Isi true untuk menampilkan tombol pemesanan melalui whatsapp di postingan produk/Jasa, atau isi false untuk menonaktifkannya

Judul pesanWA

Judul tombol pemesanan, edit sesuai selera

NoWA

Isi dengan nomor whatsapp milik anda, harus diawali dengan 628, bukan 08

Teks PesanWA

Teks yang otomatis muncul ketika pembeli melakukan chat melalui whatsapp. Edit sesuai selera

Cara posting Produk dan Jasa 

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

Selain itu untuk posting produk atau jasa di bagian label harus diisi dengan salah satu dari label berikut :
  • Produk
  • Products
  • Jasa
  • Services
Silahkan bisa dipilih salah satu sesuai dengan kebutuhan.

Note :
  • Huruf besar dan kecil nama labelnya harus sama seperti yang tercantum diatas
  • Nama label yang tercantum diatas tidak bisa diganti dengan nama label yang lainnya
Untuk cara postingannya, silahkan klik "Entri Baru" untuk membuat postingan baru > Pada editor artikel pilih "mode HTML" setelah itu masukan kode ini di 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>

Silahkan edit kode tersebut sesuai dengan kebutuhan, Berikut keterangannya:
  • Yang bertanda merah anda ganti dengan URL gambar produknya. Untuk cara upload gambarnya baca di sini
  • Yang bertanda hijau adalah keterangan produk, yaitu harga dicoret, harga produk, dan info produk. Silahkan edit sesuai kebutuhan
  • Dan yang berwarna kuning adalah deskripsi dari produknya

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

Note: huruf besar dan kecil nama labelnya harus sama seperti yang tercantum di atas.


Cara mengaktifkan TOC (Table of Content)

Edit postingan yang ingin menampilkan TOC, edit dalam mode HTML.
Setelah itu masukan kode ini diatas postingan atau di lokasi yang anda inginkan

<div id="toc"><b class="toc"></b></div> 

Pastikan didalam postingan sudah terdapat tag heading <h2> atau <h3>

Modifikasi Tampilan Template

Anda bisa dengan mudah mengganti warna, background, dan juga dimensi pada template ini melalui menu Desainer Tema Blogger.
Caranya :
  1. Login ke "Blogger" >masuk ke menu "Tema"
  2. Klik tombol "Sesuikan"
  3. Setelah itu klik "lanjutan"
Note: 
  • Modifikasi tampilan template melalui menu desainer tema akan kembali seperti semula ketika memasang template versi terbaru
  • Jika anda familiar dengan kode CSS, kami merekomendasikan menggunakan widget custom CSS untuk memodifikasi tampilan Linkmagz Caranya baca di sini: cara modifikasi Tampilan Linkmagz via widget  Custom CSS.

masandri.org
masandri.org Blog Personal Mengulas seputar dunia blogger, AdSense, Game, Islami dan Jasa pembuatan website SEO Responsive

Posting Komentar untuk "Cara Setting Template LinkMagz "

Berlangganan via Email