EDITBLOGTEMA

Jika sebelumnya aku telah memberikan trik bagaimana membuat header bergelombang dan beranimasi, kali ini tanpa di mintapun akan kuberikan trik membuat footer bergelombang dan beranimasi yang dapat di terapkan terhadap template template terbaru blogger blogspot. Klik DEMO Prinsip kerjanya adalah sama: Memanfaatkan dan memanipulasi kode kode CSS/SVG agar kita dapat membentuk, membungkus, melapis dan memberikan efek warna beranimasi ke bagian bagian elemen template yang ingin kita 'make over' tampilannya. Dan jangan kuatir, sama saja dengan trik membuat header bergelombang dan beranimasi, kita akan menggunakan trik CSS dan SVG, tidak ada Javascript yang dilibatkan. Dan template yang aku pilih tetap saja Essential dan atau Contempo karena keduanya identik. 1. Langkah pertama  Masuk ke pengaturan blogger  Pilih tema Pilih edit HTML Di halaman edditor HTML cari kode </head> dan letakan kode CSS berikut di atasnya: <style>:root { --color: # 4973ff ; } footer { font

Teknik ini sedikit berbeda dengan apa yang di tampilkan pada template editblogtema. Template editblogtema menggunakan pengaturan CSS yang berbeda dan lazimnya di pergunakan untuk memanipulasi pengaturan SVG ke dalam atau menjadi header. Sedangkan triks yang akan saya sampaikan sekarang ini sebenarnya lebih kepada untuk menu navigasi pada bagian header template blog. Contoh tampilan: DEMO Teknik saya ambil dari sumber kode template Wordpress. Tentu saja lebih mudah di terapkan ke dalam template wordpress sebagai bagian dari plugin tema WP, untuk menerapkannya ke templat blogger blogspot saya seperti montir harus membongkar pasang bagian kode CSSnya terlebih dahulu he he he...dan untungnya itu hanya tentang CSS dan kode kode SVG standard saja. Jika tidak mending bikin template WP deh. Mari kita terapkan ke dalam template contempo. 1. Langkah pertama menerapkannya adalah: Masuk ke pengaturan dasbor blogger Pilih tataletak  Temukan widget header REMOVE (buang) itu Lho kok buang widget hea

Essential adalah varian tunggal dari salah satu template terbaru blogger  yang strukturnya identik atau mirip dengan contempo, akan tetapi jika di teliti terdapat beberapa perbedaan pada sedikit pengaturan, pendeklarasian dan markupnya. Kita akan membahasnya pada kesempatan berbeda pada kesempatan memposting artikel yang berbeda. Kali ini kita hanya membahas cara memasang breadcrumb ke dalam templatenya. Dan jika ia berhasil pada template essentials, maka ia juga berlaku untuk template contempo. Percayalah, kami telah mengujinya.  DEMO Kita tahu template template default ini di buat berbasis layout versi ke 3 yang sangat baik strukturnya dan di buat seolah untuk di modifikasi oleh penggunanya.  Aku menyukai tampilan halaman untuk memuat konten yang 'full' tanpa sidebar - karena sidebarnya tersembunyi - seperti umumnya template template website modern masa kini. Aku tergoda untuk memasang breadcrumb ke template berbasis layout ke 3 karena membaca artikel dari Bung Frenky, aku me

Karena kebanyakan tinggal di rumah, kesempatan utak atik halaman HTML blogger dan menghasilkan sebuah template berbasis essential yang aku modifikasi alias rombak sedemikian rupa. Oh ya meskipun Fitur utamanya adalah tampilan pada headernya yang bergelombang dan beranimasi namun aku tambahkan hal hal berikut: Template blogger Essential DEMO Breadcrumb data terstruktur valid (tersembunyi untuk tujuan minimalis) Related Posts sederhana dan ringan Tombol berbagi Script kotak pencarian sitelink Auto meta tag Navigasi responsif sederhana dengan efek paralax mengikuti gaya headernya yang juga paralax. Sekali lagi terbukti bagian header template itu ibarat wajah manusia yakni hal pertama yang dilihat orang, begitu bagian tersebut di rombak nyaris bagian lain terlupakan dari dan orang jadi pangling melihatnya. Kalau soal merubah header editblogtema memang ahlinya he he he... 1. Efek palallax... Mau tahu apa itu efek paralaks? Di jelaskan dulu ya...Paralaks, atau lebih tepatnya paralaks gerak 

Para pengguna template blogger default bawaan Jika ingin menghapus kredit footer 'Powered By blogger' pada template terbaru seperti contempo, emporio, soho dan notable kami sudah mempostingnya melalui postingan di tahun 2018 awal blog ini di bangun, tulisan itu berjudul: CARA MENGHAPUS POWERED BY BLOGGER PADA TEMPLATE CONTEMPO  dkk Sekarang kita akan menghapus kredit bawaan gambar template tersebut. Tempat link kredit itu sama dengan 'Powered by blogger' yakni di bagian footer template. Dan ini berlaku pada semua gambar bawaan dengan nama nama berbeda secara default akan ada tertulis kredit atas nama 'Michael Elkan' namun jika gambar latar kita robah melalui dasbor blogger, nama akan berganti dengan nama kredit lain Berikut gambarnya: Caranya: Masuk ke pengaturan blogger  Pilih Tema Piilih edit HTML Di dalam halaman editor HTML cari kode berikut: <Variable name="body.background" description="Background"  dan di bawahnya lagi cari: Credit:

Walaupun templatenya bisa banget di pergunakan, tapi ini hanya untuk pembelajaran membiasakan diri dengan kode kode HTML blogger blogspot ya...Saya akan mengajak kalian meniru template template ternama dengan sama baiknya dengan aslinya, sesuai dengan judul di atas kita membuat template viomagz yang legendaris itu. DEMO   Click here   DOWNLOAD   Click here Caranya, harus saya jelaskan terlebih dahulu sebagai berikut: Masuk ke pengaturan atau dasbor blogger. Pilih Tema, (terserah apakah templatenya contempo, soho, emporio) Pilih Edit HTML Nah kalau sudah masuk ke halaman editor HTML blogger kalian harus cari dua tag berikut: Tag <head> hingga ke tag penutupnya </head> Tag <body> hingga ke tag penutupnya </body> Klik mata panah di awal kode tag <head> dan body tersebut, contoh: Pada kode di atas jika kalian klik angka urutan 4 dengan mata panah menghadap ke bawah maka kode kode di dalam tag <head> akan menjadi tampak singkat sekali, padahal kode terseb

Menurut standar template web itu ada penjelasanya: Template web adalah sebuah pola atau cetakan bagi sebuah halaman web yang terdiri dari atau berisi konten konten.  Template di buat berbahan material script dalam bentuk bahasa kode yang memberikan perintah perintah untuk membentuk suatu layout. Sehingga tampilan halaman sebuah web secara personal dapat terbentuk sedemikian rupa.  Pembuat template adalah orang yang menguasai bahasa kode kode ini, atau paling tidak mampu menggunakan bahasa bahasa perintah ini yang terdiri dari HTML, CSS dan juga Javascript. Mereka juga bisa di sebut sebagai desainer template. Kalian blogging dan halaman kalian para blogger walaupun pada dasarnya sama, namun memiliki tampilan dan layout yang berbeda. Itu namanya desain template. Dan untuk blog di dunia ini ada dua platform besar blog yang sangat terkenal seperti ibaratnya Apple dan Android, yakni Wordpress dan Blogspot. Bagaimana template template mereka di bentuk? 1. WORDPRESS Sebagai platform besar Wor

Template ini sederhana, namun responsif dan mobile friendly. Template sederhana redesign. layoutnya ngekor versi ke 3. Mudah di atur karena:  Sidebar bisa dibuat kiri dan kanan atau kanan saja. Atau..kiri saja. (untuk desktop) Footer bisa di buat satu baris atau dua baris atau tiga baris (untuk tampilan desktop, untuk mobile otomatis jadi turun kebawah). Atau perhatikan tampilannya pada gambar berikut di bawah: DEMO Klik Sini UNDUH Klik sini Jadi jika melihat tampilannya jelas template ini responsif karena terbukti cocok dengan semua ukuran layar, bukan? Tapi basisnya ya template sederhana layout versi ke 2. Kami telah merombaknya menjadi template responsif terlebih dahulu. Fitur: Menu navigasi simple (dapat di edit/ tambah melalui editor HMTL blogger) Profile avatar penulis di atas setiap postingan Klasik dan modern style 2 sidebar pada tampilan PC Responsif dan mobile friendly Pokoknya sederhana, deh. Mau coba download saja dan silahkan kustomisasi! Ikuti terus

Pada kesempatan kali ini saya ingin berbagi trik dasar merombak tampilan sekaligus meningkatkan performa empat varian template blogger terbaru. Empat varian terbaru template blogger (2017-sampai sekarang)  adalah: Contempo Soho Emporio Notable Tambahan: Essential (yang ini contempo banget) Sedangkan 7 varian template blogger lama  (2008-2017) adalah: Simple  Dinamic Picture window Awesome inc.  Watermark Ethereal Travel Perbedaan: Template versi baru responsif dan mobile friendly - template lama tidak, kecuali jika di desain ulang.  Template terbaru sudah mengusung gaya desain aliran tertentu misal: contempo beraliran indie, soho beraliran fancy,  emporio menganut aliran vegea,  dan notable mengikuti aliran desain bergaya rockpool.  4 varian Template terbaru sudah dilengkapi dengan ikon svg bawaan yang walau terbatas namun cepat tidak menghambat kecepatan loading halaman web. Misalnya menuIcon, shareIcon, closeIcon dll. Sedangkan template lama tidak.  Trik mudah merobah tampilan templa

Versi pertama telah kami rilis beberapa hari lalu. Update terpaksa kami berikan karena keluhan pengguna yang ingin agar tampilan konten full tanpa blank space disisi kanannya seperti tampilan bawaan atau tampilan defaultnya. Tampilan banyak blank tersebut tentu saja pada tampilan layar yang lebih lebar yakni pada layar PC desktop dan laptop. Jika kalian mengakses halaman melalui mobile seperti yakni tampilan pada layar / screen hape dan tablet 10 inchi maka tampilan tidak ada masalah. DEMO   Click here   DOWNLOAD   Click here Sebenarnya dengan merombak bagian struktur 'body' template ini nyaris keluar dari tema aslinya. Akan tetapi kami kemudian berusaha merombaknya dari sumber kode bawaannya, yakni bagian CSSnya saja. Beruntungnya template notable adalah template CSS. Jadi ceritanya begini: Sebelum dan sesudah struktur body di rombak terlihat pada tampilan gambar berikut: Fiturnya kustomnya sekarang menjadi (perhatikan tulisan berwarna): Header: kustom Body:kustom   (menjadi

Banyak kelebihan template notable, dan pada misi pembuatannya pihak pengembang mengklaim template bawaan blogger blogspot varian terbaru tersebut cocok untuk memposting catatan apa saja. Terutama catatan pribadi yang ingin di publikasikan. DEMO Click here DOWNLOAD Click here Loh catatan pribadi kalau di publikasikan berarti merubah hal hal personal ke komersial dong.  Iya itu, tapi banyak keajaiban terjadi pada saat orang mempublikasikan hal hal pribadinya ke publik, perasaan ingin tahu, sisi gelap dan sisi terang kehidupan selalu menarik, walaupun kita bukan seorang publik figur. Speks template: Notable default Kustomisasi: Header: kustom Sidebar: Ganti total jadi kustom Menu: Hamburger menu dengan animasi Breadcrumb: valid HTML5 Related Posts: Simple light Tombol berbagi: Kustom Struktur Body: Default. Mobile: Yes Responsif: Ya Font pada segala layar diperbesar sehingga membuat nyaman mata pada saat membaca. Sementara navigasinya di buat sederhana sehingga p