Postingan

Menampilkan postingan dengan label blogger

CARA MEMBUAT HAMBURGER MENU YANG BENAR UNTUK TEMPLATE BLOGGER MODERN

Gambar
Menu klasik (baca desain menu navigasi blog lama) adalah menu yang tampil di header dalam bentuk inline, horisontal hingga dropdown - dan sebagian disembunyikan hanya pada tampilan mobile. Namun oleh karena trend bahasa web yakni CSS yang semakin maju, hingga memungkinkan untuk membuat menu halaman web kemudian di buat minimalis, dan minimalis menjadi SEO. Tanpa javascript! Banyak alasan mengapa halaman web modern tampak lebih minimalis antarmukanya tapi ini bukanlah pendapat seseorang, akan tetapi melihat kepada trend dari evolusi kemunculan halaman halaman webblog personal dengan tampilan minimalis namun dengan fitur yang lengkap. Juga karena makin kesininya CSS ternyata menjadi semakin powerful. Menu template zaman sekarang sangat minimalis kebanyakan hanya menampilkan sebua tombol namun jangan salah, satu tombol berisikan menu yang sangat lengkap! Dan tombol yang paling populer adalah: Menu Hamburger! 1. Apakah menu hamburger itu? Menu hamburger adalah ikon menu tiga garis berlapis

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:

5 ALASAN MENGAPA PADA AKHIRNYA SAYA MULAI MEMBUAT KONTEN VIDEO

Gambar
Saya memiliki 5 alasan yang saya kumpulkan dari berbagai referensi. Dan sebagai blogger yang terbiasa membuat konten tulisan, saya akhirnya membuat konten video juga walau masih seadanya. Toh masih sama sama bernama konten, masih berplatform web, jika tidak saya lakukan maka saya merasa akan ketinggalan. ilustrasi: digitaldhairya Terutama jika yang di target adalah konten untuk marketing, maka video memiliki banyak keunggulan di banding dengan konten tulisan. Itu juga dapat di lihat dari fakta bahwa penghasilan para Youtuber dengan konten konten video jauh melampui penghasilan para Blogger dengan konten konten tulisannya. Konten video dapat di terbitkan melaui saluran Youtube, media sosial seperti IGTV, Facebook video, Daily motion, snapchat dll. Semakin banyak platform platform web yang menyediakan ruang untuk menerbitkan video karena kepopulerannya di masa kini.  Itu juga mengapa sebabnya saya mulai mencoba membuat konten video sekarang. Dan berikut 5 alasan sebabnya mengapa ia begit

CARA MENAMBAHKAN KOTAK PENELUSURAN SITELINK KE DALAM TEMPLATE VIOMAGZ

Gambar
Jika kalian adalah pengguna template viomagz versi yang lebih lama kalian mungkin pernah menerima perbaikan atau update breadcrumb yang tidak valid karena Google menghentikan dukungannya kepada breadcrumb versi struktur data tertentu, sebaliknya mendukung penuh breadcrumb schema.org. Waktu itu template viomagz buatan mas sugeng ini menggunakan data vocalubary.org alih alih menggunakan data terstruktur schema.org yang di dukung oleh Google. Alhasil ketika dilakukan pengujian di halaman Google webmaster, breadcrumb dinyatakan tidak valid dan dapat angka merah. Bukan seluruhnya kesalahan mas Sugeng. Kadang di  dunia web dan di halaman Internet terjadi perubahan yang tidak terduga, dan kita baru merasakan dampaknya setelah melihat notifikasi yang menyalahi parameter. Cara mengganti breadcrumb template viomagz telah banyak di posting oleh para blogger, dan lagi pula Mas sugeng telah merilis update template viomagz dengan tampilan yang lebih segar dan mengganti data terstruktur breadcrumb ya

CARA MEMBUAT STUDIO DARURAT BUAT VIDEO STREAMING PEMULA

Gambar
Ini zamannya membuat konten video, akan tetapi kemudian banyak juga yang gagal melakukannya karena memikirkan kendala. Sebenarnya dengan menyiasati peralatan yang seadanya seperti hape dengan kameranya yang mampu mengambil video banyak juga para Youtuber pemula kemudian sukses dan pada akhirnya setelah punya modal lalu membangun studio sendiri. Saya sendiri akhirnya menggunakan perangkat sederhana berikut: membuat narasi video untuk streaming Bagi saya memiliki studio penting jika ingin memberikan tayangan berisi tutorial dan narasi. Atau memperagakan peralatan make up dan kecantikan. Tentu dengan sebuah studio dan perlengkapan pekerjaan akan menjadi lebih mudah, bukan? Ada stand yang cukup semaca tripod yang fleksibel untuk menempatkan hape di atasnya. Mau tahu berapa harganya? Di Batam dapat di beli dengan bermacam macam model seharga Rp. 40ribuan. Lalu ring light yang berguna untuk menerangi wajah atau objek objek yang mau di terangi. Harganya berkisar Rp. 25ribuan Yang paling terak

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

CARA MENGEDIT PERMALINK BLOG YANG BENAR

Gambar
Apakah itu permalink? Jika kalian telah sering mendengar dan terlibat membuat URL halaman blog, gambarannya menjadi lebih mudah. URL itu adalah barisan alamat yang menjadi standar web di internet. Contoh: https://www.editblogtema adalah alamat halaman web dari editblogtema. Akan tetapi ada lagi yang namanya permalink berdasarkan Yoast saya menuliskan hal yang sama: "Permalink atau singkatan dari permanent link adalah keseluruhan URL yang kalian lihat di website untuk setiap konten atau postingan". Jadi kini kita tahu Permalink adalah PERMANENT LINK. Apa gunanya? Permalink mudah dilihat oleh pengguna Dengan permalink halaman menjadi mudah di index oleh google Dengan permalink Website menjadi lebih SEO Namun agar permalink terlihat lebih SEO friendly maka kita harus memastikan: Pendek dan mewakili penjelasan tentang halaman Menggunakan keyword Menggunakan huruf kecil Mari kita bahas 'Pendek dan mewakili penjelasan tentang halaman saja. Artinya agar permalink tampil lebih

CARA MENGATASI ISU HTTPS GAGAL DI GOOGLE WEBMASTER

Gambar
Kalian sering mengunjungi google search console di webmaster? Itu berarti kalian sudah melakukan hal yang benar, karena setelah konten di buat tentu kita ingin agar konten tersebut cepat terindex oleh mesin pencarian terbesar dan terkuat di planet bumi: Google Search. Cara yang paling tepat adalah mengirimnya melalui Google Webmaster yakni pada bagian Search Console. Agar konten, atau artikel kita sampai ke hadapan para pembaca di seantero dunia. Ilustrasi HTTPS Akan tetapi bukan sekedar mengirimkan link artikel atau konten blog, halaman google webmaster juga berisikan tool yang amat berguna bagi kesehatan halaman web atau halaman blog yang sedang kita kelola, terutama pengalaman pengguna mobile seluler (pengguna hape atau handphone).  Karena artikel saya sekarang sedang membahas isu 'HTTPs' jadi mari kita klik bagian tool '  Pengalaman bagian seluler Pengguna' di webmaster. Siapa tahu kalian memiliki masalah dengan HTTPS salah satu dari lima points pada tool ini. Adapu

BOSAN DENGAN MENU NAVIGASI BLOG MONOTON? INI MENU NAVIGASI BERANIMASI YANG LEBIH KEREN

Gambar
Navbar model ini berbeda dengan navbar yang biasanya di pergunakan di blogger/blogspot. Biasanya pengguna menggunakan navigasi menu horisontal, vertikal atau yang lebih responsif. Namun kali ini saya ingin membagikan cara membuat menu navigasi  yang agak berbeda. Dan ini tentu saja tergantung selera pemilik sebuah situs blogger. DEMO Namun jangan salah, trik ini bisa membuat halaman blog menjadi lebih atraktif, beda dan penuh warna. Istilahnya 'eye catching' banget ya. Mungkin bagi yang ingin mencoba saya akan beberkan sumber kodenya: 1. CSS Kode CSSnya sedikit panjang, ya terang dong karena ia mengandung elemen elemen buat animasi dan kalau di dalam template di letakan di atas kode </head>:     <style>* { margin: 0; padding: 0; } body { background-color: rgb(0, 0, 255); z-index:2000} nav { position: fixed; } nav .back-circle { position: absolute; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);

CARA MEMBUAT FOOTER SEDERHANA YANG ELEGAN UNTUK TEMPLATE BLOGGER VARIAN TERBARU DENGAN CSS

Gambar
Memang sudah masanya meninggalkan template lama. Itu sudah hampir menjadi masa lalu. Ya gayanya, ya struktur penulisannya ya versi layoutnya. Pokoknya semuanya memang berasal dari masa lalu. Karena sudah hukum alam yang lama lama menjadi usang, ketinggalan fitur dan model, untuk kemudian perlahan lahan di gantikan oleh yang baru. Contoh template klasik generasi pertama, blogger mana yang mau bunuh diri menggunakannya kembali? Kini seperti kita sudah maklum, Google melalui bloggernya telah menyediakan 5 varian template terbaru versi kedua dengan layout versi 3, yakni: Contempo Soho Emporio Notable Essential Mereka telah mengadopsi gaya kekinian. Mereka masuk syarat sebagai template mobile dan lulus pengujian bagian Web Core vitals di Google Master. Template versi lama, yakni versi kedua dengan layout versi 2: Simple Dynamic View Picture Window Awesome inc Watermark Ethereal Travel Mereka yang tujuh varian utama ini memang sudah jadul, tidak responsif dan tidak mobile friendly. Mereka su

CARA MENGHILANGKAN BLANK SPACE DI SEBELAH KANAN KONTEN TEMPLATE NOTABLE

Gambar
Gambar template default Notable blogspot - source: Google Tanpa merusak struktur bawaan template, kita dapat merombak bagian tampilan post-body salah satu template terbaru blogger yang bernama Notable dengan mudah. Apaan sih itu maksudnya? maksudnya begini, secara default (bawaan template) ruang konten template notable itu tampak tidak seimbang antara kini dan kanannya jika di buka melalui PC laptop atau layar 10 inchi ke atas. Kalau tidak di rombak pada tampilan laptop atau layar perangkat 10 inchi keatas maka kita akan temukan banyak ruang kosong di bagian kanan layar. Atau lebih populer dengan istilah blank space. Pertanyaannya untuk apa ada Blank space? Banyak mata pengguna menangkapnya sebagai 'mubazir' saja. Tampilan sebelum dan sesudah di 'perbaiki' tampak sebagai berikut:  Memperbaikinya cukup mudah. Masuk ke pengaturan dasbor blogger yang menggunakan template notable Pilih Tema Pilih edit HTML Di dalam halaman editor HTML blogger cari kode atau pengaturan CSS b

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