SIMPLE FAST | Template Responsive Mobile Friendly dan Fast Loading

TEMPLATE SIMPLE FAST

SIMPLEFAST | Templates Responsive, Mobile Friendly, Fast Loading, Seo, Simple, pada postingan kali ini saya akan membagikan lagi sebuah Template Blogger yang Simple, untuk fitur dan cara menggunakannya bisa liat di bawah ini

Beberapa Fitur YangHarus disesuaikan

Cara Mengganti Gambar Thumbnail Header Dengan Logo Sendiri

  • Ukuran Logo yang disarankan 200 X 54 px
  • Untuk menggantinya masuk ke Tata Letak
  • Klik Edit pada Widget Header
  • Sekarang Upload Gambar Logo Kalian dan
  • Atur Letaknya menjadi Tempatkan keterangan setelah gambar

Cara Edit Menu Bar / Menu Navigation Bar Dropdown

Menu bar pada template ini memanfaatkan widget PageList jadi kalian bisa menambah / menguranginya melalui tataletak, tapi untuk menu dropdownnya tetap harus masuk ke Edit HTML, untuk mengaturnya bisa ikuti langkah-langkah dibawah ini.

  • Pilih Menu Tata Letak
  • Klik Edit pada Widget Menubar
  • lalu Pilih Tambahkan Tautan Eksternal
  • Selanjutnya Masukan Judul Menu dan Linknya di kotak yang sudah disediakan
Untuk merubah menu dropdownnya kalian harus masuk ke EditHTML, caranya :
  • Pilih Menu TemplateEdit HTML
  • Lalu cari Kode <ul id='dropdown'>
  • Sekarang tinggal atur link dan judul menunya di tag <li>
bagi yang belum tau cara menambahkan link / mengganti judul menu kalian bisa baca di tutoial ini Tutorial Cara Edit Menu Navigation Bar Di Blogger

Beberapa Meta Tag Yang Harus diganti / disesuaikan

Cara Mengatur / Menambahkan Meta Tag Image

  • Masuk ke menu TemplateEdit HTML
  • Selanjutnya cari dan ganti link logonya dengan link logo blog kalian
  • 
     https://3.bp.blogspot.com/-9h5IabAw68o/WTUFbcI-0RI/AAAAAAAAB08/YU2OgC24m30dmKaI-Lt8_JRLPIrL_B-ngCLcB/s1600/logo-blog-mas-tamvan.png
     
  • Logo itu akan ditampilkan ketika Halaman Beranda, Search / Archive / Label di Share ke Sosial Media
  • Sedangkan untuk halaman post otomatis ngambil gambar thumbnail yang ada di postingan
  • Support : Facebook, Twitter, Goole +, Linkedin

Cara Mengatur / Menambahkan Meta Tag Description

    Buat kalian yang belum mengakfitkan / memasukan deskripsi di setelan blognya bisa ikuti langkah-langkah dibawah ini.
  • Masuk ke menu SetelanPreferensi penelusuran
  • Pada bagian Tag meta kalian aktifkan deskripsinya lalu isi dengan deskripsi blog kalian lalu simpan

Cara Mengganti Deskripsi Alternatif

    ini berguna apabila di halaman blog tidak ada deskripsinya.
  • Pilih Menu TemplateEdit HTML, lalu cari DESCRIPTION ALTERNATIVE dan sesuaikan

Cara Mengganti Open Graph Facebook

    [article:author,article:publisher]
  • Cari dan ganti usename tejasukmana99 dengan username kalian
  • Cari dan sesuikan id FB_ID dengan id fb / app kalian
  • Cari Kode 'Teja Sukmana' lalu ganti dengan nama kalian / bebas

Cara Mengganti Open Graph Twitter Cards

    [twitter:site, twitter:creator]
  • Kalian Cari dan Ganti Username Teja_7x Dengan username Twitter kalian

Memasang Meta Tag Verification

  • Cari dan ganti kode MTV_XXX, Sesuai dengan meta tagnya sendiri

Mengganti Meta Tag Link Author G+

  • Cari link https://plus.google.com/+mastamvan dan ganti dengan link Google Plus Kalian

FeaturesAvailability
ResponsiveTrue Cek
Mobile FriendlyTrue Cek
SEOTrue Cek
Google Testing Tool ValidatorTrue Cek
Google Page SpeedTrue Cek
Gtmetrix SpeedTrue Cek
2 Column StyleTrue
3 Column Footer ResponsiveTrue
Google FriendlyTrue
Custom Threaded CommentTrue
Clean TypographyTrue
MinimalistTrue
BreadcrumbsTrue
Top NavigationTrue
Responsive Dropdown NavigationTrue
Mobile NavigationTrue
Gray Base Theme ColorTrue
Related PostsTrue
Search BoxTrue
Social Share ButtonTrue
Lihat Dulu Download

Old Version

Kalao ada yang mau ditanyakan silahkan bertanya di kolom komentar :)

13 komentar
  1. ini komentarnya doank yg pake materialistik coba full material donk bang

    ReplyDelete
    Replies
    1. Mungkin dilain waktu nanti saya buat template yang Material Design :)

      Delete
  2. Kalau kita ganti template iklan2 setting ulang ya.. maaf newbie

    www.newbiendeso.tk

    ReplyDelete
  3. bolehkah saya modif lagi mas?

    ReplyDelete
  4. ijin comot gan dan ijin reedit, heheh

    ReplyDelete
  5. Akhirnya nemu juga...
    Tanks min, izin pasang^^

    ReplyDelete
  6. Maaf berbeda topik mas, boleh bertanya cara membuat spoiler seperti di gambar bagaimana ya ?
    https://4.bp.blogspot.com/-E2XjMJUUvcI/Wriyh8Yx3wI/AAAAAAAAFM4/71CSH3yJj_EAXAK3iPdQGlhngkK_kUAiwCLcBGAs/s1600/SPOILER.jpg

    ReplyDelete
    Replies
    1. Pake HTML

      <details>
      <summary>CLICK</summary>
      CONTENT.......
      </details>

      Delete
-->