Postingan

Menampilkan postingan dengan label essential

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

Cara merubah judul blog menjadi tulisan stroke murni CSS

Gambar
Ada yang mengatakan itu stroke text, ada pula yang mengatakan sebagai font stroke. Boleh juga dikatakan sebagai huruf model atau gaya stroke. Perhatikan Judul blog ini walau tidak terlihat garis pinggirnya, itu bukan image atau gambar, itu adalah text biasa atau jenis umum font yang kemudian dibentuk melalui CSS dan menampilkan huruf yang tulisan yang menyerupai logo dalam bentuk tulisan stroke. Demikian juga dengan huruf dan lingkaran berlatar merah itu, murni di bentuk menggunakan CSS, bukan gambar. Oleh karena ia adalah font maka ia dapat dibaca oleh google bot, tidak seperti sebuah gambar yang memerlukan 'title dan alt-tag' agar di kenali (di identifikasi) oleh mesin pencari dan oleh karena itu judul dalam bentuk tulisan akan tetap menjadikan heading blog terstruktur dengan baik. Nilai heading (mulai dari H1) akan merosot ketika Kalian mengganti judul blog dalam bentuk tulisan menjadi image. Sekali lagi itu terjadi karena sampai saat ini mesin hanya bisa membaca text namun

CARA MEMASANG MENU NAVIGASI BLOGGER MURNI CSS

Gambar
Menu ini cukup keren, dan ia hanya terdiri dari pengaturan CSS, tidak ada Javascript. Tanpa Javascript berarti ringan. Artinya ringan dan responsif. Menu open hamburgernya juga beranimasi. Saat di sentuh dan di klik akan berubah menjadi menu tutup (silang). Jadi tampak lebih intuitif, lebih hidup dan tidak monoton. Saya merekomendasikan menu navigasi ini jika Kalian menginginkan menu navigasi yang beda, silahkan memasangnya. Bayangkan sebuah menu sederhana namun tampak premium Judul blog, menu dan tombol pencarian dalam satu batang bar, benar benar menghemat ruang. Bayangkan dengan menggunakan ini sebagai menu navigasi pada halaman blogger default (bawaan) pengunjung tidak mengenali template kalian lagi. Karena template blog tersebut akan jadi tampak premium:  Lihat DEMO Jadi setelah melihat demonya dapat di ambil kesimpulan:  Menu hamburger beranimasi Navbar menunya posisi 'fixed' Keuntungan menggunakannya: Murni CSS sehingga ringan Mudah di pasang pada template varian terbaru

DOWNLOAD TEMPLATE BLOGGER ESSENTIAL HOTPINK

Gambar
Essential itu identik dengan contempo, bedanya hanya sedikit dan itupun hanya pada bagian pendeklarasian CSS untuk pengaturan class dan ID yang sama pada bagian HTML-nya. Buktinya apapun yang saya pasang ke Essential bakalan cocok ke template Contempo dan demikian juga sebalinya. Dan akan selalu menghasilkan efek yang identik atau serupa pula.  DEMO Click here DOWNLOAD Click here Essential lebih sederhana, tidak seperti contempo yang memiliki 5 varian yang hanya dibedakan dari warna latar image, dan tidak seperti contempo essential itu soliter,  ringan, dan tampak anggun dengan kesan introvertnya.  Dan kali ini kami memberikannya sedikit polesan langsung melalui pengaturan halaman editor HTMLnya, menjadikannya tampak elegan dan lebih stylish dengan menu yang lebih tampak  seperti sebuah situs professional.  Menu navigasi full dengan muatan menu yang lebih banyak untuk navigasi pengunjung. Gambar profile penulis di atas setiap postingan yang berguna apabila kelak

Template hasil redesain untuk tutorial siap di pergunakan

Gambar
Ternyata ada manfaatnya juga. Dan memang demikianlah keuntungan memberikan tutorial dan berbagi dengan tulus dan ikhlas. Cie (Mohon di aminkan 1000x, ya biar aku kelak masuk sorga) Nah terakhir saya dengan senang hati telah menulis beberapa trik memodifikasi template bawaan (default) blogger yang bernama Essential, ini sih sebenarnya hobi saja. Setelah saya lengkapi dengan metatag standar ternyata performanya boleh juga: Lebih responsif, mobile friendly dan lebih modis.  demo Kebetulan saya suka mengintip intip desain template wordpress di envanto market (tempat para desainer kondang jualan template hasil kerja desain mereka) Memang tidak mungkin menggunakan sumber kode template wordpress untuk langsung di pergunakan atau di terapkan ke dalam template HTML blogger tanpa mengkonversinya.  Kami tiga orang sama saja tukang niru sampai suatu ketika tidak ada lagi yang bisa di tiru :D... Template essential redesain ini kemudian di cobakan ke halaman blog Anissa : adedansasa.com . Ternyata p

Label

adsense 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 description 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 future 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 IOT 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 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