Postingan

Menampilkan postingan dengan label template

CARA MEMBUAT FOOTER BLOG BERGELOMBANG DAN BERANIMASI

Gambar
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

CARA MEMBUAT HEADER TEMPLATE BLOG BERGELOMBANG DAN BERANIMASI

Gambar
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

Sama sekali tidak ribet begini cara memasang breadcrumb valid HTML ke template terbaru blogger

Gambar
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

DOWNLOAD TEMPLATE DENGAN HEADER BERGELOMBANG

Gambar
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 

CARA MENGHAPUS KREDIT GAMBAR LATAR PADA TEMPLATE BAWAAN BLOGGER

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

Mau template viomagz? Rubah Template Kalian seperti viomagz!

Gambar
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

INI BEDANYA BIKIN TEMPLATE WORDPRESS DAN TEMPLATE BLOGSPOT

Gambar
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

PINGIN TEMPLATE SEDERHANA MUDAH DI ATUR? INI DIA SILAHKAN DOWNLOAD

Gambar
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

PANDUAN DASAR MODIFIKASI TEMPLATE CONTEMPO

Gambar
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

Download Update Template Blogger Notable simple versi kedua

Gambar
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

Downoad Notable simple yang pas buat blog curhat

Gambar
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

Label

adwords aibo ajax alexa algoritma alternative Am I Responsive amazon ambigu Amerika AMP Andorid Android Android 10 Angular animasi antivirus aplikasi apple ARM Art Of War artikel sabtu asesories audio autodidact avatar avatar penulis awesome awsome back to top backdoor backlink bahasa Bandar Lampung bank btn batam beautiful bedak beginning belajar belajar koding berita bing web master biografi blackberryOS blackhat blank space blockquote blog blogcomments blogger bloggerhelp blogging Blogging mobile bloging blogspeed blogspot bluetooth bootstrap border dash breadcrumb browser btn mobile bugs Buku business capital letter cara catatan catatan awal tahun Cek IMEI cerai Cerita cerpen cewek chimpense chipset chrome chrome 76 Cina cinta clickjacking codeigniter codepen coding compose compose view condenser mic contact form contempo contempo base contempo blackmagic contempo hibrida contempo hybrid converter coolest copy-paste copyright covid 19 covid_19 cowok CPC credit footer css CTR cuitan curhat cybercrime Dahlan Iskan dark mode dasbor data default Demo desain diblokir dirtylink disway DOM domain domain authority Donald Trump download download template terbaru dropdown duplikat e-commerce earn money edisi minggu edit editblogtema editor HTML ekonomi elektronik embed emoji emporio emporio hybrid english error essential expires header expires headers facebook fakta fanpage fast loading template fastloading template favicon featured posts feed burner firefox fitur fixed fixed sidebar flipaclip font font awsome footer footer link Footer navigasi forbes framework Free friendship fuchsia full stacks furure g-suite gadget gagdet galeri gambar gambar bergoncang gambar profile penulis gambar responsive game generasi Alpha Generasi Z geng motor genius gerhana girl gmail Gmetrix gojek good news google google chrome Google Domain google drive google font Google honemoon google Plus google search console google webmaster Googlewebmaster gradasi warna grafik gramedia gratis grid style GTmetrix h1 Habibie hack hacker halaman web hamburger menu hanya opini hapus hari bumi harimau heading headings heart secret hewan hoax hobi hometown hotpink HTM5 html HTML view huawei hukum human Idulfitri Iklan ikon Imlek in memories index indie Indonesia Indonesia darurat corona indosat infinite color infinity war informasi instagram instan article intel inteligensia internal link internasional internet internt interntet interntt intert iOS iPad iPadOS iPhone isu IT italia Jaime Ocabo java JavaScript jimdo jin Ping jingling Jokowi jQuery JSitor kaca pembesar kafe kalimantan kalkulus kamera kanonis kartun keamanan keamanan blogger kebijkan kebun raya kecantikan kecepatan blog mobile kehidupan kemanusiaan kesehatan keyakinan keyboard keyword khusus kiata G+ kinemaster klasik klik kode warna koding komentar komentar blog komputer konsipirasi konten konversi kopi korsel korut kota kota kelahiran kotak navigasi menu blog kotak pencarian kotlin kriminalitas kualitas kucing label lapangan kerja laptop lay out lay out version 3 theme layarlipat layout lazyload lelaki liburan life-style lifehack lingkungan logitech logo love Macbook Macbook Air machine learning MacOS magnifier maintenance makeover makmur manusia margasatwa masa depan masonry matahari matematika medsos mega menu mengganti tempa menu menu navigasi menu pencarian menulis merombak metafisika microfon Microsoft microsoft edge Minggu minify misteri mitos mobile modal modern modifikasi monetisi morality motivasi motivation mouse moz multimedia musik myths narasi nasehat terbaik navbar navigasi navigasi menu blog ngeblog nibbler notable office olahraga Omnibus online online editor operating sistem opini otodidak pagelist pagerank paginator Pandora panduan panduan mobile paradox parameter parasit parse pekerjaan pembatasan pemilu 2019 Pemilu Indonesia 17 April 2019 pemrograman pemula pendidikan pengalaman pengaturan pengornbanan pengusaha Penulis perang perang dagang Cina vs Amerika perang dunia ketiga perangdagang perceraian perihal perkawinan permalink perubahan pexel phablet PHP plagiat plagiator PlagScan play store podcast polemik politik ponsel popularitas popularposts portable powered by blogger Powerpoint prediksi premium privasi produk profesi profile programmer programming programming. prosesor pseudo-sains psikologi Python rahasia ramalan ranking faktor rawgit re-desain re-desain tema blogger React Reactions read more recentPosts redesain rekomendasi related posts remaja resolusi responsinator responsive review robot robot.txt s-pen sains samsung sanggahan saran temaplate blogger saran template search secrets security sederhana sejarah seken selegram semrush SEO sepatu sepi share button sharing buttons I.O sidebar sidenav siginifikan silikon simple simpson singapore singularity sitelink sitemap smartphone snippet soho solusi somadmorroco spesial spoiler star wars statistik sticky sidebar sticky widget Strategi SEO streaming Student study study online style submenu subscriber success sudut cerita SVG SVG icon syimbian tab s2 tab s7 tabel tablet tabs2 tabs7plus tagging takdir takhyul talenta tataletak Teen teka teki teknik teknologi TELKOMSEL tema tema kesederhanaan tempat wisata template template premium template premium gratis template SOHO template versi ke-2 terbang terkemuka tes popularitas testimoni testmysite text theme Thucydides tiktok tip tips toggle tokoh tombol berbagi tombol pengalihan tombol reply komentar tops traffik trafic trafik translator travelling tribun tricks Trik triks troubleshooting Tutorial Tutorial Anissa tutorial css tutorialKhusus twitter uang UAS unduh unik update urang utan ustazd Abdul Somad vanilla Script video viomagz viral virus corona vlogging vue w3-css w3school W3Shool wabah warna web web story WebAssembly webdesign WEBP website whatsapp widget wifi ID windows Windows Mobile wisata WIX wordpress wps X-Frame xiomi xml yandex youtber youtube youtuber z-index
Tampilkan selengkapnya