Cara Setting Template Fastgrid

Selamat! kamu telah memilih Fastgrid, template Blogger yang dirancang untuk kecepatan dan performa SEO maksimal. Agar blog  kamu berfungsi optimal dan sesuai dengan tampilan demo, ada beberapa langkah konfigurasi dasar yang harus kamu lakukan melalui dashboard Blogger.

Pengaturan Dasar Blog (Setelan)

Cara Setting Template Fastgrid
Cara Setting Template Fastgrid

Sebelum masuk ke tata letak, pastikan informasi dasar blog kamu sudah benar.

1.Setting Judul Blog

Pengaturan Opsional yah karena judul blog sendiri sudah otomatis sesuai nama domain,tapi jika kamu ingin nama yang berbeda dengan domain, kalian bisa menggantinya.,ini dilakukan di menu Setelan (Settings) pada dashboard Blogger 

  • Akses Dashboard Blogger
  • Pilih menu Setelan.
  • Di bagian Dasar, ubah:
  • Judul: Masukkan judul blog utama kamu (misalnya: Inteknologi).
  • Deskripsi: Masukkan deskripsi singkat dan kaya kata kunci tentang blog kamu. Ini penting untuk SEO.

2. Setting Tata Letak (Layout)

Semua pengaturan visual dan posisi widget dilakukan di menu Tata Letak (Layout).

Setting Navbar-menu (Menu Utama)

Menu utama Fastgrid  menggunakan widget Link List (Daftar Tautan) di bagian Header atau Main Menu. Berikut cara settignya:

  • Akses menu Tata Letak.
  • Cari widget dengan nama navbar-menu
  • Klik Edit pada widget tersebut.
  • Masukkan setiap menu dengan format: Nama Menu | URL Lengkap.
  • Contoh: Kontak | https://www.inteknologi.com/p/kontak.html
  • Contoh: Blog | https://www.inteknologi.com/search/label/blogging
  • Simpan perubahan.

3.Featured Post (Postingan Unggulan)

Template Fastgrid  menggunakan Featured Post di bawah header untuk menyoroti konten penting.

  • Di menu Tata Letak, cari area widget Featured Post dibawah header
  • Klik Edit pada widget tersebut.
  • Pilih Postingan yang ingin kamu tampilkan. Biasanya, kamu bisa memilih berdasarkan Postingan Terbaru atau Postingan Tertentu berdasarkan ID postingan.

4. Sidebar: Sidebar Utama

Ini adalah kolom vertikal tempat widget-widget penting seperti Popular Posts dan Label berada. Sidebar pada Template Fastgrid dan GridSpeed ada dua, yaitu dibawah header dan samping konten utama.

Jika kamu ingin menambahkan PopularPost tambahkan terlebih dahulu pada sidebar samping konten utama baru yang ada di bawah header.

Tapi jika kamu memasang popularpost dibawah header duluan, nonaktifkan cuplikan teks nya agar strukturnya tidak berantakan.

  • Di menu Tata Letak, cari bagian Sidebar .
  • Tambahkan Widget (Add a Widget). Widget yang direkomendasikan adalah:
  • Popular Posts ( Postingan Populer ): Pastikan kamu mengaktifkan Thumbnail agar tampilan sesuai desain grid template.

  1. Label (Kategori): Pilih tampilan Daftar (list) dan bukan cloud.
  2. Profile (Opsional): Untuk menampilkan profil penulis.
  3. Atur urutan widget sesuai keinginan kamu.

5. Sidebar: Sidebar di Bawah Header

Area ini sering digunakan untuk iklan berukuran besar (misalnya, AdSense 728x90 atau 970x90) atau widget promosi lainnya.

  • Di menu Tata Letak, cari area widget dengan nama seperti Iklan di Bawah Header (ads_below_header).
  • Klik Tambahkan Widget.
  • Pilih widget HTML/JavaScript untuk menempatkan kode iklan kamu
  • Jika tidak digunakan untuk iklan, kamu bisa Hapus (Remove) widget ini, atau membiarkannya kosong.
Jika kamu mengisi nya dengan popularpost, tampilkan 3 postingan saja atau paling banyak empat postingan

6. Menu Footer

Menu di footer biasanya digunakan untuk tautan halaman statis penting (seperti Disclaimer, Privacy Policy, Kontak), dan menggunakan widget Link List.

  • Di menu Tata Letak, cari bagian FooterMenu 
  • Klik Edit pada widget Link List di dalamnya.
  • Masukkan tautan halaman statis kamu dengan format yang sama seperti setting Navbar di atas.

7. Media Sosial

Template Fastgrid  menyediakan dua tempat untuk tautan media sosial: di Header (ikon) dan/atau di Footer (ikon atau teks).

  • Setting Ikon Sosial di Footer menu
  • Cari FooterSocial
  • Klik Edit
  • Pilih Konfigurasi HTML/Java Script
  • Tempelak Kode dibawah ini:
<div class='social-icons' itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
 
  <a aria-label='Facebook' href='https://facebook.com/yourpage' itemprop='sameAs' rel='noopener nofollow' target='_blank'>
    <svg viewbox='0 0 448 512' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
      <path d='M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l98.2 0 0-145.8-52.8 0 0-78.2 52.8 0 0-33.7c0-87.1 39.4-127.5 125-127.5 16.2 0 44.2 3.2 55.7 6.4l0 70.8c-6-.6-16.5-1-29.6-1-42 0-58.2 15.9-58.2 57.2l0 27.8 83.6 0-14.4 78.2-69.3 0 0 145.8 129 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z' fill='currentColor'/>
    </path></svg>
  </a>

  <a aria-label='Twitter' href='https://twitter.com/yourhandle' itemprop='sameAs' rel='noopener nofollow' target='_blank'>
    <svg viewbox='0 0 448 512' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
      <path d='M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zm297.1 84l-103.8 118.6 122.1 161.4-95.6 0-74.8-97.9-85.7 97.9-47.5 0 111-126.9-117.1-153.1 98 0 67.7 89.5 78.2-89.5 47.5 0zM323.3 367.6l-169.9-224.7-28.3 0 171.8 224.7 26.4 0z' fill='currentColor'/>
    </path></svg>
  </a>
  
  <a aria-label='Instagram' href='https://instagram.com/yourprofile' itemprop='sameAs' rel='noopener nofollow' target='_blank'>
    <svg viewbox='0 0 448 512' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
      <path d='M194.4 211.7a53.3 53.3 0 1 0 59.2 88.6 53.3 53.3 0 1 0 -59.2-88.6zm142.3-68.4c-5.2-5.2-11.5-9.3-18.4-12-18.1-7.1-57.6-6.8-83.1-6.5-4.1 0-7.9 .1-11.2 .1s-7.2 0-11.4-.1c-25.5-.3-64.8-.7-82.9 6.5-6.9 2.7-13.1 6.8-18.4 12s-9.3 11.5-12 18.4c-7.1 18.1-6.7 57.7-6.5 83.2 0 4.1 .1 7.9 .1 11.1s0 7-.1 11.1c-.2 25.5-.6 65.1 6.5 83.2 2.7 6.9 6.8 13.1 12 18.4s11.5 9.3 18.4 12c18.1 7.1 57.6 6.8 83.1 6.5 4.1 0 7.9-.1 11.2-.1s7.2 0 11.4 .1c25.5 .3 64.8 .7 82.9-6.5 6.9-2.7 13.1-6.8 18.4-12s9.3-11.5 12-18.4c7.2-18 6.8-57.4 6.5-83 0-4.2-.1-8.1-.1-11.4s0-7.1 .1-11.4c.3-25.5 .7-64.9-6.5-83-2.7-6.9-6.8-13.1-12-18.4l0 .2zm-67.1 44.5c18.1 12.1 30.6 30.9 34.9 52.2s-.2 43.5-12.3 61.6c-6 9-13.7 16.6-22.6 22.6s-19 10.1-29.6 12.2c-21.3 4.2-43.5-.2-61.6-12.3s-30.6-30.9-34.9-52.2 .2-43.5 12.2-61.6 30.9-30.6 52.2-34.9 43.5 .2 61.6 12.2l.1 0zm29.2-1.3c-3.1-2.1-5.6-5.1-7.1-8.6s-1.8-7.3-1.1-11.1 2.6-7.1 5.2-9.8 6.1-4.5 9.8-5.2 7.6-.4 11.1 1.1 6.5 3.9 8.6 7 3.2 6.8 3.2 10.6c0 2.5-.5 5-1.4 7.3s-2.4 4.4-4.1 6.2-3.9 3.2-6.2 4.2-4.8 1.5-7.3 1.5c-3.8 0-7.5-1.1-10.6-3.2l-.1 0zM448 96c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320zM357 389c-18.7 18.7-41.4 24.6-67 25.9-26.4 1.5-105.6 1.5-132 0-25.6-1.3-48.3-7.2-67-25.9s-24.6-41.4-25.8-67c-1.5-26.4-1.5-105.6 0-132 1.3-25.6 7.1-48.3 25.8-67s41.5-24.6 67-25.8c26.4-1.5 105.6-1.5 132 0 25.6 1.3 48.3 7.1 67 25.8s24.6 41.4 25.8 67c1.5 26.3 1.5 105.4 0 131.9-1.3 25.6-7.1 48.3-25.8 67l0 .1z' fill='currentColor'/>
    </path></svg>
  </a>
  
  <a aria-label='YouTube' href='https://youtube.com/yourchannel' itemprop='sameAs' rel='noopener nofollow' target='_blank'>
    <svg viewbox='0 0 448 512' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
      <path d='M282 256.2l-95.2-54.1 0 108.2 95.2-54.1zM384 32L64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64zm14.4 136.1c7.6 28.6 7.6 88.2 7.6 88.2s0 59.6-7.6 88.1c-4.2 15.8-16.5 27.7-32.2 31.9-28.3 7.7-142.2 7.7-142.2 7.7s-113.9 0-142.2-7.6c-15.7-4.2-28-16.1-32.2-31.9-7.6-28.6-7.6-88.2-7.6-88.2s0-59.7 7.6-88.2c4.2-15.8 16.5-28.2 32.2-32.4 28.3-7.7 142.2-7.7 142.2-7.7s113.9 0 142.2 7.7c15.7 4.2 28 16.6 32.2 32.4z' fill='currentColor'/>
    </path></svg>
  </a>
  
  <a aria-label='Pinterest' href='https://pinterest.com/yourprofile' itemprop='sameAs' rel='noopener nofollow' target='_blank'>
    <svg viewbox='0 0 448 512' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
      <path d='M384 32L64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l72.6 0-2.2-.8c-5.4-48.1-3.1-57.5 15.7-134.7 3.9-16 8.5-35 13.9-57.9 0 0-7.3-14.8-7.3-36.5 0-70.7 75.5-78 75.5-25 0 13.5-5.4 31.1-11.2 49.8-3.3 10.6-6.6 21.5-9.1 32-5.7 24.5 12.3 44.4 36.4 44.4 43.7 0 77.2-46 77.2-112.4 0-58.8-42.3-99.9-102.6-99.9-69.9 0-110.9 52.4-110.9 106.6 0 21.1 8.2 43.7 18.3 56 2 2.4 2.3 4.5 1.7 7-1.1 4.7-3.1 12.9-4.7 19.2-1 4-1.8 7.3-2.1 8.6-1.1 4.5-3.5 5.5-8.2 3.3-30.6-14.3-49.8-59.1-49.8-95.1 0-77.5 56.2-148.6 162.2-148.6 85.2 0 151.4 60.7 151.4 141.8 0 84.6-53.3 152.7-127.4 152.7-24.9 0-48.3-12.9-56.3-28.2 0 0-12.3 46.9-15.3 58.4-5 19.3-17.6 42.9-27.4 59.3L384 480c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64z' fill='currentColor'/>
    </path></svg>
  </a>

</div>

  • Lalu Save

Ikuti langkah langkah diatas maka Blog kamu akan tampil optimal.

Download juga Template laiinya Disini

← Sebelumnya Berikutnya →
Artikel Terkait

Tidak ada komentar:

Posting Komentar