Postingan

Pilihan Editor:

Cara membuat Navbar responsif murni CSS dengan multi menu dropdown untuk blogger

Gambar
Ini adalah alternatif sebuah navigasi menu ringan yang kami temukan diantara berton ton sumber kode CSS dan dapat di terapkan ke blogger blogspot dengan amat mudah. Sebut saja ia adalah navbar murni CSS dengan kemampuan multi menu dropdown. DEMO No need Javascript, really? Sure! Kita tahu kok kecepatan loading blog sudah begitu pentingnya, dan ia menjadi sedemikian penting sehingga menjadi parameter dan sinyal bagi mesin pencari. dan setiap material design yang saya pilih akan selalu yang paling simple, paling ringan dan paling cocok untuk di pasang ke halaman blog. Mari kita lihat sumber kodenya dan buktikan bahwa itu hanya CSS: Namun jika ingin memasangnya ke dalam template blogger (kami cobakan ke essential) kalian harus masuk ke pengaturan blogger (blogspot), pilih menu dan lalu pilih edit HTML. 1. Pasang CSS Letakan CSS berikut di atas kode </head>:     < style > nav {   margin: 0;   padding: 0;   background-color: # fff ; } #logo {       font-color:white;   display: b

Cara membuat Sidenav menu blogger murni CSS beranimasi

Gambar
Ini trik yang cantik! membuat halaman blog menjadi minimalis namun eyecatching, dan terasa intuitif karena ia akan menjadi tampak lebih 'hidup' dengan efek animasi. Karena tidak melibatkan javascript menu ini juga ringan, simpel dan baiklah kita dapat menyimpulkannya: Minimalis Beranimasi Murni CSS Mudah di terapkan ke dalam template blogger terbaru. DEMO Cara memasang: Masuk ke dasbor pengaturan blogger Cari kode Tema Pilih edit HTML 1. CSS Tentu saja kode CSSnya panjang karena harus membentuk sedikit efek animasi terutama buat menu hamburgernya. Jadi copy seluruh kode CSS berikut di bawah ini. Di halaman editor HTML template blogger cari kode </head> dan letakan kode CSS berikut di atasnya: <style>  .main p { font-size: 24px; text-align: center; margin: 50px;        z-index:999; } #container {   position: relative;   display: block;   width: 100%;   height: 100%;        z-index:999; } .nav-menu-button {   display: block;   position: fixed;   top: 0;   left:

Feed Burner akan di non aktifkan pada bulan Juli 2021

Gambar
Satu lagi layanan online yang cukup berguna bagi kita akan segera menghilang beberapa fiturnya. Baru baru ini ada pemberitahuan di dasbor blogger yakni perihal feed burner subcriber email yang sudah tidak di dukung lagi, pengumuman tersebut berbunyi: Widget Ikuti Lewat Email (FeedBurner) akan dinonaktifkan Anda menerima informasi ini karena blog Anda menggunakan widget Ikuti Lewat Email (FeedBurner). Baru-baru ini, tim FeedBurner merilis pengumuman update sistem, yang menyatakan layanan langganan email akan dihentikan pada Juli 2021. Setelah Juli 2021, feed akan tetap berfungsi, tetapi email otomatis ke pelanggan Anda tidak akan didukung lagi. Jika ingin terus mengirim email, download kontak pelanggan Anda. Pelajari caranya Artinya, tidak ada lagi pemberitahuan update artikel atau konten yang kita buat kepada pelanggan melalui email tampaknya Feed Burner benar benar akan segera 'mati'. Satu lagi layanan online yang begitu panjang telah menemani kegiatan blogging kita akan menin

CARA MEMBAYAR ONLINE PDAM AIR BERSIH BATAM VIA APLIKASI BTN MOBILE

Gambar
Sebelumnya penyedia air bersih kota Batam adalah ATB, namun berhubung kontrak penanganan air bersih telah habis dan pengelolaan berpindah tangan ke PT. SPAM Batam. Otomatis hal tersebut langsung merubah bebapa hal termasuk cara pembayaran. Kalau peralatan, harga dan meteran di jamin masih sama. Nah tadinya sewaktu masih di kelola oleh ATB kami membayar via online melalui Mandiri Mobile yang aplikasinya tersedia di Play Store Android dan telah terpasang di hape Android kami, namun setelah waktu berjalan terjadilah perubahan ini, meskipun di Mandiri online masih ada cara bayar lama namun tidak valid alias tidak berlaku lagi. Ya jelaslah karena pengelola air bersih sudah bukan ATB lagi. Kalau mau donlot klik saja gambar berikut 2x: Akhirnya setelah sempat repot bayar manual dengan cara pergi ke Indomart, tidak sengaja kami menemukan fitur pembayarannya melalui BTN online - sekali lagi aplikasinya dapat di unduh via Play Store Android hape kalian setelah dipasang dan setting akun dan reken

Cara membuat demo tampilan mobile live di dalam artikel tanpa tombol DEMO dan link eksternal

Gambar
Ceritaya apabila kita ingin membuat demo selalu menggunakan gambar, atau membuat memasang tombol 'DEMO' setelah memperagakan sebuah template melalui gambar dan meletakan tombol tersebut di bawahnya. image sourch:ICBM mobile&web solutions Dan pembaca harus mengklik tombol tersebut untuk melihat contoh template yang mau di demokan. Akan tetapi sekarang kami sedang mulai usaha menemukan cara mendemokan halaman mobile secara live langsung di dalam artikel. Contoh demo halaman mobile template editblogtema yang sekarang. Silahkan klik menu hamburger garis susun dua (ニ) ia akan menjadi tanda silang (x) Klik menu 'Template' untuk melihat menu dropdown. Ini berlaku jika kalian sedang membuka halaman blog melalui laptop, namun ingin melihat contoh tampilan mobilenya ya itu dia. Perhatikan bagaimana navigasi menu laptop berbeda dengan tampilan mobilenya ketika di tampilkan pada ukuran layar yang berbeda beda.  Tampilan ini sebenarnya saya pinjam dan saya modifikasi dari kode

CARA MINIFY KODE CSS YANG BENAR DI DALAM TEMPLATE BLOGGER

Gambar
Kita dapat menggunakan tool online untuk keperluan meminimalkan ukuran CSS di dalam template, salah satunya yang terbaik adalah CSS minifier. Gunanya 'meminify' CSS di dalam template blogger adalah agar template menjadi lebih ringan dan loadingnya menjadi lebih cepat. Namun tidak semua kode CSS dapat di minify karena tergantung dimana dia diletakan di dalam template.  Silahkan kunjungi: https://cssminifier.com/ Cara menggunakannya cukup mudah tinggal copy kode CSS yang ingin di minify lalu pastekan ke kolom sebelah kiri (input) dan klik 'minify' maka kolom sebelah kanan (output) akan menampilkan hasil kode CSS yang telah di minify. 1. Apakah semua kode CSS dapat di minify?  Jadi terlebih dahulu akan saya jelaskan duduk perkaranya. Jika kalian mencoba minify kode CSS tertentu, template kalian tetap akan bekerja andaikata sekalipun cara inputnya salah. Akan tetapi awas, tampilan template jadi rusak. Itu dikarenakan CSS membentuk seperti apa HTML akan ditampilkan di halama

Cara membuat tombol pencarian kaca pembesar beranimasi untuk blogger

Gambar
Ini adalah tombol pencarian yang terasa sangat intuitif untuk sebuah blog, cara memasangnya juga tidak ribet hanya membutuhkan pengaturan CSS, yang jumlah untaiannya amat sedikit, dan juga sekelumit baris kode XML/HTML, dan tentu saja kita dapat menambahkan php. Ngapain tidak menggunakan bootstrap, atau JS library saja? Oh, memangnya pasang bootstrap tidak pakai link eksternal, terus tidak perlu pasang pengaturan css ke dalam HTML? Tidak semua cara manual itu bikin lama, terkadang ada yang sangat simpel dan cepat dan lebih membuat kita memahami cara kerja HTML di dalam template blog. Itu nati saja kita bahas. Yang penting kita mendapatkan tampilan ringan, responsif dan sederhana. Saya melakukan percobaan dengan cara mengutak atik CSS berikut: <style> body { background: #fff ; } #wrap { margin: 0 px 0 px; display: inline-block; position: relative; height: 70 px; float: right; padding: 0 ; } input[type=&quot;text&quot;] { height: 60 px; font-size: 17px; display: in

Labels

adwords aibo ajax alexa algoritma alternative Am I Responsive amazon ambigu Amerika AMP Andorid Android Android 10 Angular animasi apple ARM Art Of War artikel sabtu asesories autodidact avatar avatar penulis awesome awsome back to top backdoor backlink bahasa bank btn batam beautiful beginning belajar belajar koding berita bing web master biografi blackberryOS blackhat 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 Cerita cerpen cewek chimpense chipset chrome chrome 76 Cina cinta clickjacking codepen coding compose 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 earn money edisi minggu edit editblogtema editor HTML ekonomi elektronik Elle Darby 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 font font awsome footer footer link Footer navigasi forbes 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 gong xi fa cai 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 hanya opini hapus hari bumi harimau heading headings heart secret hewan hoax hobi hotpink HTM5 html huawei hukum human Idulfitri Iklan ikon Imlek in memories indie Indonesia Indonesia darurat corona indosat infinite color infinity war informasi instagram 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 kecepatan blog mobile kehidupan kemanusiaan kesehatan keyakinan keyboard keyword kiata G+ klasik klik kode warna koding komentar komentar blog komputer konsipirasi konten konversi kopi kota kotak navigasi menu blog kotak pencarian kotlin kriminalitas kualitas kucing label laptop lay out lay out version 3 theme layarlipat layout lazyload lifehack lingkungan logitech logo love Macbook Macbook Air machine learning MacOS magnifier maintenance makmur manusia margasatwa masa depan masonry matahari matematika medsos mega menu mengganti tempa menu menu navigasi menu pencarian menulis merombak metafisika Microsoft microsoft edge Minggu minify misteri mitos mobile modal modern modifikasi monetisi morality motivasi motivation moz myths nasehat terbaik navbar navigasi navigasi menu blog ngeblog nibbler notable office Omnibus online online editor operating sistem opini otodidak pagelist pagerank paginator Pandora panduan panduan mobile paradox parasit parse pembatasan pemilu 2019 Pemilu Indonesia 17 April 2019 pemrograman pemula pendidikan pengalaman pengaturan pengusaha Penulis perang dagang Cina vs Amerika perang dunia ketiga perangdagang perceraian perihal perubahan pexel phablet PHP plagiat plagiator PlagScan play store 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 related posts remaja resolusi responsinator responsive review robot robot.txt sains samsung sanggahan saran temaplate blogger saran template search secrets security sederhana sejarah seken selegram semrush SEO share button sharing buttons I.O sidebar sidenav siginifikan silikon simple simpson singularity sitelink sitemap smartphone snippet soho solusi somadmorroco spesial spoiler star wars sticky sidebar sticky widget Strategi SEO Student study study online style submenu subscriber success sudut cerita SVG SVG icon syimbian tab s2 tabel tablet tabs2 tagging takdir takhyul talenta tataletak Teen teka teki teknik teknologi TELKOMSEL tema tema kesederhanaan template template premium template premium gratis template SOHO template versi ke-2 terkemuka tes popularitas testimoni testmysite text theme Thucydides tip tips toggle tokoh tombol berbagi tombol pengalihan tombol reply komentar tops traffik trafic trafik translator tribun tricks Trik triks troubleshooting Tutorial Tutorial Anissa 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 X-Frame xiomi xml yandex youtube youtuber z-index
Tampilkan selengkapnya

Follow by Email