Cara Mengatur Template Blogger Magma

Magma adalah template blogger Majalah dengan banyak fitur yang diinstal sebelumnya, template ini sangat dapat disesuaikan dengan berbagai tata letak. Magma dilengkapi dengan berbagai widget yang akan membantu Anda untuk mempublikasikan blog Anda secara lebih profesional. Untuk memudahkan Anda, kami telah menerbitkan dokumentasi terperinci ini, sehingga Anda dapat mengatur blog Anda dengan benar. Anda telah membuat keputusan yang baik dengan memilih templat kami. Anda dapat memeriksa demo langsung atau mengunduh template melalui tombol di bawah ini dan juga Silakan Baca dokumentasi ini dengan seksama untuk mengatur blog Anda dan harap dicatat bahwa tidak ada dukungan untuk pengguna gratis.

LihatPratinjau LangsungDemo Gratis UnduhVersi Gratis Beli SekarangVersi Premium

Pengaturan Dasar

1. Instalasi Template
2. Pengaturan Logo
3. Pengaturan Template
4. Kode Pintas & Markup
5. Buat Peta Situs

Navigasi Teratas

Akses Layout blog Anda> klik Edit tautan pada widget Navigasi Teratas.

Widget Top Sosial / Widget Footer Sosial

Akses Layout blog Anda> klik Edit tautan pada widget Top Sosial. 

Ikon Tersedia { facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen} 

Menu Utama / DropDown / Multi DropDown

Akses Layout blog Anda  >  klik  Edit  tautan pada   widget Menu Utama .

Tautan Normal:  Fitur

Subtautan :  _Sub Tautan 1.0 ( sebelum  tautan  tambahkan "_" ) 1  menggarisbawahi Sub Tautan 2:  __Sub Tautan 1.1  (sebelum tautan tambahkan "__") 2  garis bawah 
   

Berita Ticker

Akses Layout blog Anda> klik Tambah Gadget> HTML / JavaScript di Bagian Berita Ticker, lalu tambahkan salah satu dari yang berikut ini

• Posting Terkini : <span data-type = "latest" data-no = "5"> </span>
• Label / Tag Ex : <span data-type = "label" data-label = "Sports" data-no = "5"> </span>

Catatan: - jika Anda tidak ingin menampilkan widget maka jangan tambahkan apa pun di kotak konten.

Posting Unggulan Utama 

Akses Layout blog Anda> klik Tambah Gadget> HTML / JavaScript pada Bagian Posting Unggulan, lalu tambahkan salah satu dari yang berikut ini.

• Posting Terbaru : <span data-type = "tyard-latest"> </span>
• Label / Tag Ex : <span data-type = "tyard-label" data-label = "Sports"> </span>

Catatan: - jika Anda tidak ingin menampilkan widget maka jangan tambahkan apa pun di kotak konten.

Widget Carousel Slider 

Akses Layout blog Anda> klik Tambah Gadget> HTML / JavaScript pada Bagian Posting Unggulan, lalu tambahkan salah satu dari yang berikut ini.

• Posting Terbaru :  <span data-type = "ty-latest-slide" data-no = "6"> </span>
• Label / Tag Ex :  <span data-type = "ty-tag-slide" data-label = "Olahraga" data-no = "6"> </span>

Catatan: - jika Anda tidak ingin menampilkan widget maka jangan tambahkan apa pun di kotak konten.

Widget Fitur Konten

Akses Tata Letak blog Anda> klik Tambah Gadget> HTML / JavaScript pada Tata Letak Kotak / Tata Letak Kotak 2 / Bagian Galeri, dan tambahkan jenis kotak yang diinginkan. 

Jenis: { tybox, tylist, carousel, tyleft, tyright, tygrid }

• tybox :   <span data-type = "tybox" data-label = "Food"> </span>

• tylist : <span data-type = "tylist" data-label = "Technology"> </span>

• Posting Slider dua opsi satu untuk yang terbaru dan yang lain untuk yang berbasis label.

1. Posting Terbaru : <span data-type = "ty-latest-slide" data-no = "6"> </span> 
2. Label / Tag Ex : <span data-type = "ty-tag-slide" data-label = "Olahraga" data-no = "6"> </span> 

• Kolom Kisi memiliki dua opsi satu untuk kiri dan yang lainnya untuk kanan.

1. Kolom di kiri : <span data-type = "tyleft" data-label = "News"> </span> 
2. Kolom Kanan : <span data-type = "tyright" data-label = "Sports"> </span> 

• tygrid: <span data-type = "tygrid" data-label = "Video" data-no = "6"> </span>

Catatan: - jika Anda tidak ingin menampilkan widget maka jangan tambahkan apa pun di kotak konten.

Widget Khusus

Akses Layout blog Anda  >  klik  Tambah Gadget  >  HTML / JavaScript  pada   bagian Sidebar atau Footer , Anda harus menempatkan kode berikut yang disorot dengan warna biru di bawah ini.

• Posting Terbaru

Posting Terbaru:  <span class = "latestposts" data-no = "5"> </span>

• Posting Label

Post Per Tag:  <span class = "tagpost" data-label = "Break" data-no = "5"> </span>

• komentar terbaru

Komentar Terbaru:  <span class = "latestcomments" data-no = "5"> </span>

Setelah menambahkan, klik simpan.

Penghitung Sosial

Buka Layout> Area Penghitung Sosial> Klik Edit> dan ikuti langkah-langkah di bawah ini. 
Pada "Nama Situs Baru" bidang fild1 tambahkan Nama Sosial [Penghitung Sosial]. 
Dan pada bidang "URL Situs Baru" fild2 tambahkan Url Sosial Anda.

• Contoh : Hanya yang Mendukung Sosial ini !

 jumlah facebook = 3.5k; 
jumlah twitter = 1.7k; 
jumlah gplus = 735; 
jumlah youtube = 2.8k; 
hitungan pinterest = 524; 
jumlah dribbble = 7.3m; 
hitungan instagram = 849; 
rss count = 286;

Contoh:

Sistem Komentar

Akses Layout blog Anda> klik Edit tautan pada widget Sistem Komentar. 
Tambahkan salah satu dari ketentuan berikut

• [blogger] untuk komentar blogger
• [facebook] untuk komentar facebook
• [disqus] untuk komentar disqus

Anda dapat menambahkan satu sistem, dua atau tiga sesuai keinginan dan dengan pengaturan yang Anda inginkan misalnya

 [facebook] 
[disqus] 
[facebook] [disqusss] 
[blogger] [facebook] 
[facebook] [blogger] 
[disqus] [facebook] [blogger] 
[blogger] [blogger] [disqus] [facebook]

Disqus Shortname

Akses Layout blog Anda> klik Edit tautan pada widget Disqus Shortname. 
Yang harus Anda lakukan hanyalah menambahkan nama pendek

Plugin Halaman Facebook:

 <center> <div class = "fb-padding"> <div id = "fb-root"> </div> 
<script> (fungsi (d, s, id) { 
  var js, fjs = d.getElementsByTagName (s ) [0]; 
  if (d.getElementById (id)) kembali; 
  js = d.createElement (s); js.id = id; 
  js.src = "//connect.facebook.net/pt_BR/sdk.js# xfbml = 1 & versi = v2.3 & appId = 1395743857335531 "; 
  fjs.parentNode.insertBefore (js, fjs); 
} (dokumen, 'skrip', 'facebook-jssdk')); </script> 
<div class =" fb-page "data-href =" https://www.facebook.com/templatesyard "data-width =" 280 "data-height =" 230 "data-hide-cover =" false "data-show-facepile =" true " data-show-posts = "false"> <div class = "fb-xfbml-parse-diabaikan "> </div> </div> </div> </center>

atau Anda dapat mengikuti tutorial ini jika metode di atas tidak berhasil

Cara Menambahkan Widget Kotak Suka Seperti Responsif Facebook di Blogger

Detail Profil Penulis

Akses Layout blog Anda> klik Tambah Gadget> HTML / JavaScript pada bagian Detail Penulis Posting, Anda harus meletakkan kode di ruang kosong.

Widget Sosial Penulis

Buka dasbor blogger Anda> Tata Letak> klik Edit tautan pada widget Author Social.

Di bidang "Nama Situs Baru" ganti kata "facebook" dengan situs web media sosial mana pun (twitter, youtube, google-plus, dll ...).

Catatan: perlu diingat bahwa template ini menggunakan layanan "Font Awesome" untuk ikon. 

Ikuti tautan ini untuk rangkaian ikon lengkap yang disediakan layanan ini: 

http://fortawesome.github.io/Font-Awesome/icons ".

Kode pendek

• Posting Lebar Penuh;

Buka Halaman atau Posting> Halaman atau Posting Baru

Pada konten halaman / konten posting baru setelah menambahkan judul halaman / posting, tambahkan kode  [full_width]  di area konten halaman.

• Bilah Sisi Kiri;

Buka Halaman atau Posting> Halaman atau Posting Baru

Pada konten halaman / konten posting baru setelah menambahkan judul halaman / posting, tambahkan kode  [left_sidebar]  di area konten halaman.

• Bilah Sisi Kanan;

Buka Halaman atau Posting> Halaman atau Posting Baru

Pada konten halaman / konten posting baru setelah menambahkan judul halaman / posting, tambahkan kode  [right_sidebar]  di area konten halaman.

• Halaman Sitemap;

Buka Halaman> Halaman Baru

Pada konten halaman baru setelah menambahkan judul halaman dan menyembunyikan komentar menggunakan opsi, tambahkan kode  [sitemap]  di area konten halaman.

Opsi Tema

Versi Lebar Penuh (trure / false):

• Tambahkan ( true)  ke Boxed, untuk mengembalikan versi lengkap cukup tambahkan  (false)

Label Ikon CSS:

• Tambahkan ikon khusus Anda, cukup FontAwesome

Demo CSS

 a.Video:before {content: "\ f144"} 
a.Car:before {content: "\ f1b9"} 
a.Business:before {content: "\ f0b1"} 
a.Orang: sebelum {content: "\ f183 "} 
a.Nature: before {content:" \ f06c "} 
a.Fashion:before {content:" \ f0c4 "} 
a.Gallery:before {content:" \ f03e "} 
a.Technology:before {content:" \ f1e6 "} 
a.Pelajari: sebelumnya, a.Culture: before {content:" \ f02d "} 
a.Music: before {content:" \ f001 "} 
a.Olahraga: before {content:" \ f091 "} 
a .Anak-anak: sebelum {konten: "\ f1ae"} 
a.Fotografi : sebelum {konten: "\ f030"} a.Kecantikan: 
sebelum {konten: "\ f004"}

Tidak Ada Hasil PageNavi:

• Ketikkan nomor Anda untuk Navigasi Halaman, Defaultnya adalah "8"

Fixed Sidebar (trure / false):

• Tambah ( benar)  untuk Memperbaiki bilah sisi, untuk mencabut hanya menambahkan  (salah)

Warna Tema

Akses Template blog Anda> klik Kustomisasi. 
Di sinilah Anda dapat mengubah warna utama model, menggunakan warna favorit Anda. 

Instalasi dan Layanan Kustom

Kami menyediakan banyak templat secara gratis, tetapi jika Anda menginginkan sesuatu yang unik untuk blog Anda, biarkan kami membuat desain yang unik untuk blog Anda. Cukup beri tahu kami kebutuhan Anda dan kami akan mengubah desain impian Anda menjadi kenyataan. Kami Juga Menyediakan Layanan Instalasi Template Blogger. Layanan Instalasi kami memberi Anda cara sederhana, cepat dan aman untuk mendapatkan pengaturan template Anda tanpa kesulitan.

Hubungi KamiLayanan template khusus

 Hanya Pembeli Premium yang akan mendapatkan kode widget yang tersedia di demo.

Jika Anda adalah pengguna versi premium dan Anda mengalami masalah saat menyiapkan template, silakan hubungi kami dengan membuka tautan ini (Formulir Kontak) .