Gallery template editblogtema

Oleh sufyan Yaan -
Mengapa kita harus menggunakan template layout versi ke 3 sekarang?
"On occasion, we will issue Blogger template upgrades to fix bugs or add new features" demikian salah satu alasannya.
Saya membuat dan memodifikasi beberapa puluh template memang beberapa diantaranya masih menggunakan layout versi ke 2 namun telah di custom sedemikan rupa, silahkan klik image thumbnail gambar dibawah gambar utama dari kiri ke kanan untuk melihat tampilan template template buatan editblogtema satu persatu  (tekan image thumbnail dibawah gambar satu persatu):

Gallery template editblog

1 / 6
Name: Green Notable Created by: Sofyan Ya-an
2 / 6
Name: Simple Premium Created by: Sofyan Ya-an
3 / 6
Name: Contempo with sticky sidebar Created by: Sofyan Ya-an
4 / 6
Name: The grid emporio Created by: Sofyan Ya-an
5 / 6
Name: Contempo the "fascinate ory" Created by: Sofyan Ya-an
6 / 6
Name: The Pandora Created by: Sofyan Ya-an
6 / 7
Name: Soho suhunya Template Created by: Sofyan Ya-an
6 / 8
Name: The Sastra Template Created by: Sofyan Ya-an
6 / 9
Name: Soho 2 Created by: Sofyan Ya-an
Green Notable
Sederhana keren v.1
Contempo hybrida
Emporio grid
contempo ori
Pandora theme
Soho suhunya template
Sastra Theme
Soho 2
www.editblogtema.net


Jika ingin melihat detail template:

  1. Green Notable dengan layout support versi. 3 >Lihat DEMO
  2. Sederhana keren dengan layout 2. >Lihat DEMO
  3. Contempo hybrid layout support versi. 3 Lihat >DEMO
  4. Emporio Grid dengan layout support versi 3 >Lihat DEMO
  5. Contempo ori dengan layout support versi 3 >Lihat DEMO
  6. Template Pandora dengan layout versi 3 Lihat >DEMO
  7. Template Sastra dengan layout klasik versi 2 Lihat>DEMO
  8. Template SOHO dengan layout klasik versi 3 Lihat>DEMO 
  9. Template SOHO 2 dengan layout modern versi 3 Lihat>DEMO

Catatan: template dengan layout versi 2 adalah tema simple yang saya buat berdasarkan template sederhana. Green notable adalah template re-desain terbaru dari editblogtema. Saya sedang mempergunakannya sekarang untuk sementara.

Apa bedanya template suppot desain versi 3 dan 2?
Jelas beda. Versi 2 adalah template versi yang sudah  tua. Sedangkan layout versi 3 hadir mulai tahun 2017, baru berumur 2 tahun yakni empat varian terbaru template blogger memiliki layout versi ke-3. Yang ditujukan untuk memperbaiki celah celah desain dan keamanan dan menambahkan fitur fitur baru.

Seperti yang sering saya ingatkan: Sampai saat ini template template premium berbeli bahkan masih menggunakan dasar layout versi 2 contohnya viomagz, cobalah inspeksi melalui browser inspection element. Namun karena telah di custom oleh mas Sugeng template menjadi tampak dinamis, mobile dan bagus.

Walaupun perbedaannya tidaklah terlalu penting karena semua template memiliki kelebihan dan kekurangan masing masing tidak ada yang sempurna. Tapi dianjurkan ngeblog menggunakan template dengan layout versi ke-3.

Tapi jika panasaran ingin tahu perbedaannya perhatikan contoh berikut:
Editblogtema:
 <?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3'b:responsive='true' b:templateUrl='rockpool.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>Perhatikan Viomagz masih b:version='2' 
Viomagz: 
 <?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:responsive='true' b:version='2' class='v2'
expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
.........
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: VioMagz
Version: 2.7.5 (25 juli 2018)
Designer: Mas Sugeng
----------------------------------------------- */
Adapun template klasik pendahulu kedua jenis template diatas adalah satu satunya template yang memiliki desain layout versi awal atau versi pertama. Kodenya tampak sebagai berikut:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="<$BlogLanguageDirection$>">
............
-----------------------------------------------
Blogger Template Style
Name:     Rounders
Date:     27 Feb 2004
----------------------------------------------- */
Kelebihan template re-desain saya:
  1. Memiliki Navigasi fixed dengan sub-menu dropdown. Menu akan tetap berada diatas jika halaman konten di scroll keatas, sebaliknya bar menu akan menghilang ketika halaman konten di scroll kebawah berganti dengan bar menu bawaan yang akan menampilkan tombol sidebar saya telah mengatasi hal ini dengan mengubah nilai z-indexnya.
  2. Breadcrumbs. 
  3. Memiliki Related posts
  4. Tombol berbagi lengkap
  5. Tombol Back to top CSS.
  6. Selebihnya bisa di edit melalui blogger theme design.
  7. DE EL EL..
Declaimer: Jika menemukan beberapa template tidak sesuai dengan DEMO, itu semata semata alasan teknis karena halaman DEMO sedang dipergunakan untuk hal lain.
Request jika sobat berminat. Free.

Komentar

Posting Komentar

Popular Minggu ini:

CARA MEMBUAT GRADASI WARNA PADA HEADER BLOGGER

4 komentar Oleh sufyan Yaan -
Gambar
Para desainer tema blogger mempunyai gaya dan style dalam mendesain template blogger. Misalnya Mas Sugeng dengan header menu navigasi gradasi warna, ArlinaDesign dengan gradasi animasi. Beberapa trik dapat kita intip melalui inspect elemen, walau beberapa situs berhasil menyembunyikan inspect elemen beberapa jenis browser, namun trik untuk menampilkan inspect elemen semakin bagus. Melalui itu kita dapat mengetahui bagaimana cara mereka mendesain template mereka. Paling tidak kita dapat meniru beberapa style yang kita inginkan.  1. HEADER DENGAN DUA WARNA BERBEDA (Style Pemula) Membuat warna header blog bawaan  menjadi dua warna secara sederhana adalah mudah misalnya untuk tema sederhana tinggal masuk ke pengaturan blog pilih TEMA lalu masuk ke "Edit HTML" cari kode dibawah ini: .header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px; _background-image: none; } Dengan cara menekan CTRL+F pada sebelah atas kanan akan muncul ...
Baca selengkapnya

MEMPERBAIKI ADD NUMBERING DAN ADD BULLETS YANG TIDAK BISA TAMPIL PADA POSTINGAN BLOG

2 komentar Oleh sufyan Yaan -
Gambar
Tulisan ini di posting adalah karena beberapa problem muncul setelah template di buat dan postingan di cobakan atau di publish. Terutama karena hal ini terjadi pada tema EditBlogTEma yang dibuat berdasarkan tema sederhana bawaan blogger. Problem tersebut muncul karena pada saat menuliskan beberapa item dalam bentuk daftar atau list ternyata tidak terlihat pada postingan padahal sudah di publish ke hadapan pembaca. Ini pasti celah kelemahan tema jadi harus di perbaiki. Ketika menulis pada dasbor blog sepertinya tidak ada yang salah diatas tool "compose" terdapat add numbering dan add bullets dan pada saat dilakukan penulisan dalam bentuk list keduanya berfungsi dengan baik, tapi apa yang terjadi pada saat artikel setelah di publish? Maksud menampilkan daftar atau list tadi hanya menampilkan tulisan berurut seperti tumpukan untaian kata kata tanpa penomoran dan tanda bahwa itu adalah bentuk daftar. Dan menurut kami semua fungsi dalam penulisan apalagi yang mendasar adalah sanga...
Baca selengkapnya

CARA MENGHAPUS TOMBOL SHARE BAWAAN BLOGSPOT DAN MENGGANTIKANNYA DENGAN TOMBOL SHARE RESPONSIVE

Posting Komentar Oleh sufyan Yaan -
Gambar
Gambar tombol Share pengganti pada blogspot Tombol bawaan blogspot atau blogger itu yang kami maksud bentuknya yang seperti ini: Terlihat kecil dan monoton, dan trik untuk menggantinya sangat mudah.  Masuk ke pengaturan blogspot/blogger, pilih TEMA lalu klik "editHTML" cari salah satu kode di bawah ini: <div class='post-share-buttons'> <b:include data='post' name='shareButtons'/> </div> Atau kalau tidak ketemu cari kode dibawah ini, kita dapat menerapkan ini dengan mudah pada template jenis sederhana, awsome dst: <div class='post-share-buttons goog-inline-block'> <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/> </div> Atau...... Perhatikan gambar baik-baik: Gunakan saja ctrl+F untuk mempercepat pencarian, dan kalau sudah ketemu hapus saja. Kode yang kita sebutkan diatas terlihat dalam HTML blogspot sebagai berikut: Dan perhatikan setelah di hapus...
Baca selengkapnya