YANG UNIK DESAIN DARI 4 VARIAN TEMPLATE BLOGGER TERBARU
By:
sufyan Yaan
sufyan Yaan
Saya mulai mengerti seluk beluk template itu ya dari keempat varian template ini: Contempo, Soho, Emporio dan Notable. Mungkin karena saya memang baru melek ke dunia ya...tapi benar deh, sewaktu cek template yang lebih tuaan, seperti simple, perjalanan, PT. Keren sekali (awesome) dst, dst..Jenis jenis template lama itu tidak memiliki dua sifat bawaan yang modern: Responsif dan Mobile friendly secara default.
Contempo memiliki desain aliran 'indie' jelas sekali tertanam pada scriptnya sebagai berikut:
Saya yakin gaya desainnya tetap indie, bukan? Namun dengan tampilan klasik sebagai berikut:
 |
| contoh tampilan homepage template re-desain |
Kelebihan ke empat template terbaru ini antara lain:
- Memiliki ikon bawaan SVG
- Responsif dan Mobile friendly sejak orok
- Mengandalkan CSS 3 untuk stylenya
- Layout versi ke 3
Lihat pembukaan XMLnya:
<?xml version="1.0" encoding="UTF-8" ?>Dan setiap template memiliki gaya desain yang berbeda beda pula, contohnya:
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.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'>
Contempo memiliki desain aliran 'indie' jelas sekali tertanam pada scriptnya sebagai berikut:
1. CONTEMPO: <b:template-script async='true' name='indie' version='1.0.0'/>2. SOHO: memiliki gaya aliran 'fancy' seperti dijelaskan pada scriptnya:
<b:template-script async='true' name='fancy' version='1.0.0'/>EMPORIO: yang memiliki homepage bergaya grid itu ternyata beraliran 'vegeclub' terlihat dari scriptnya:
<b:template-script async='true' name='vegeclub' version='1.0.0'/>NOTABLE memiliki gaya beraliran desain 'roockpool' seperti di jelaskan pada script berikut:
<b:template-script async='true' name='rockpool' version='1.0.0'/>
(letaknya kode kode tersebut beberapa baris di atas tag penutup </body>, lihat contoh:
<b:template-script async='true' name='rockpool' version='1.0.0'/>Contoh tersebut adalah pada template Notable.
</body>
</html>
TEMPLATENYA MUDAH DI MODIFIKASI JUGA LHO...
Keempat template model terbaru (paling tidak sampai tahun 2020 belum menambah varian atau model template lain) mudah di edit karena menggunakan lebih banyak CSS, paling tidak dapat di tambahkan CSS style secara 'override' akan menghasilkan tampilan yang berbeda. override artinya menimpakan kode css ke dalam bundle CSS yang tersedia dan meletakannya di atas ]]></b:skin di dalam template blogger. Saya mencoba merombak template Contempo menjadi berbeda dan memiliki sidebar seperti contoh berikut: |
| contempo re-desain DEMO DOWNLOAD |
- Memiliki sidebar yang responsif dan sticky
- Memiliki navbar yang responsif dan mobile friendly dengan dropdown dengan header otomatis Judul blog.
- Breadcrumbs
- Menu/tombol pencarian responsif
- Kredit footer tahun dan nama blog otomatis (tanpa kredit pembuat)
- Cocok buat blog personal, bebas dengan gaya khas 'INDIE'
- Memiliki navbar fixed - menu dropdown yang dapat menampung banyak link tanpa batas
- Menu pencarian yang responsif dan mobile
- Hompage bergaya grid yang cantik
- Breadcrumbs
- Kredit footer tahun dan nama blog otomatis (tanpa kredit pembuat)
- Cocok buat blog personal, jualan, tutorial bebas dengan gaya khas 'VEGECLUB'
Sisanya adalah SOHO dan Notable. Notable seperti yang sedang di pergunakan oleh editblogtema sekarang ini.
Bagaimana, keren bukan?
Artikel ini telah tayang di editblogtema: https://www.editblogtema.net/2020/03/yang-unik-dari-4-varian-template.html
Bagaimana, keren bukan?
Artikel ini telah tayang di editblogtema: https://www.editblogtema.net/2020/03/yang-unik-dari-4-varian-template.html
Komentar
Posting Komentar