logo blog

SIMPLE FAST | Template Responsive Mobile Friendly dan Fast Loading

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 :)

Share this:

Berlangganan via email

Agan Sedang Membaca Artikel : SIMPLE FAST | Template Responsive Mobile Friendly dan Fast Loading. Silahkan masukan email anda dibawah ini! dan nanti akan otomatis mendapatkan kiriman artikel terbaru dari Blog Mas Tamvan. Terimakasih.

Kumpulan Tips Trik Blogger

Blog Mas Tamvan

Terima Kasih Sudah Membaca Artikel Tentang : SIMPLE FAST | Template Responsive Mobile Friendly dan Fast Loading. Jika Ada Yang Mau Request Tutorial Silahkan Beri Tahu Saya Di Kolom Komentar :)

10 comments

Mas Oga

ini komentarnya doank yg pake materialistik coba full material donk bang

Belajar blog

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

www.newbiendeso.tk

Mas Tamvan

ya, untuk iklan widgetnya dipasang ulang..

Mas Tamvan

Mungkin dilain waktu nanti saya buat template yang Material Design :)

Astro Six

bolehkah saya modif lagi mas?

Fuzy Hamid

cantikkk..sy suka template ni

Anonymous

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

andrieoid

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

Mas Tamvan

Pake HTML

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

Saya menunggu komentar anda..

Kalo ada yang error mohon kasih tau admin, supaya bisa secepatnya untuk diperbaiki..

Komentar dengan link promo akan masuk spam.

Tambahkan Spasi Setelah Memasukan Kode Emoticon..
Gunakan kode <i rel="image">URL GAMBAR DI SINI</i> untuk menyertakan gambar di komentar.Show Konversi Kode Hide Konversi Kode Show EmoticonShow Emoticon Hide Emoticon