Postingan

Menampilkan postingan dari 2021

BEDANYA MENULIS CARA COMPOSE VIEW DENGAN CARA HTML VIEW DI BLOGSPOT

Gambar
Pada umumnya secara normal para blogger menulis atau membuat konten tulisan sembari menyisipkan konten gambar atau video di blogger blogspot melalui mode "compose view". Namun begitu bagi blogger lanjutan, terutama yang menulis konten konten tutorial sesekali harus menulis melalui mode "HTML view" juga.  perlu di ingat penulisan mode HTML view sering dilakukan bagi mereka yang sudah terbiasa dengan kode kode HTML. Penulisan mode HTML view ini tidaklah terlalu penting bagi para blogger dengan niche niche penulisan blog gado, traveling, blog style, dll. Ia biasanya dilakukan oleh blog blog tutorial yang menyajikan konten konten tutorial terkait bahasa bahasa markup, front end di website. Apa perbedaan keduanya? 1. Compose View Secara bawaan (default) ketika membuka dasbor dan membuat postingan dengan mengklik tombol paling atas yang bernama "New Post" atau "Postingan baru". Melalui cara inilah seorang penulis di blog menggunakan tool yang ada untuk

CARA BACKUP KONTEN BLOG PADA DASBOR BLOGSPOT BARU

Gambar
Mencadangkan atau back up konten pada blogger blogspot itu sangat mudah. Ini bisa dilakukan pada saat halaman blog mau dihapus maka sebaiknya kalian mencadangkan atau menyelamatkan semua konten dalam bentuk artikel, gambar dan video yang telah kalian buat dengan susah payah dan menulis atau membuatnya mungkin telah kalian lakukan hingga bertahun tahun. Konten yang di cadangkan tersebut akan disimpan ke dalam perangkat dalam bentuk dokumen dengan ektensi .xml. Contoh karena saya blogging mobile, jadi saya selalu mencadangkan blog melalui ponsel: blog-02-28-2021(1).xml Caranya: Masuk kepengaturan dasbor blogpot Pilih setelan dengan ikon roda bergerigi pada pangkalnya Scroll halaman kanan ke bawah hingga bertemu dengan menu 'Cadangkan konten' Pilih folder mana tempat penyimpanan di dalam perangkat, beri judul folder tersebut agar gampang di cari. Perthatikan gambar berikut: Nah pada suatu ketika Anda memutuskan membuat blog baru yang masih kosong konten tapi kalian bermaksud membu

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

Cara membuat tombol DEMO dan DOWNLOAD stylish di blogger

Gambar
Tombol ini berguna buat halaman blog yang ingin mendemokan hasil tutorial. Tombol ini juga termasuk sederhana dan walaupun demikian ia tampak cantik atraktif karena ia juga memiliki efek animasi.  Namun hanya di buat dengan material svg dan dengan CSS. Tentu saja tombol ini telah kami modifikasi.  OK, Langsung cara pemasangan: Masuk ke pengaturan blogger Pilih Tema Pilih Edit HTMl Letakan kode CSS berikut di atas kode </head>: <style>#btn-cakep {margin: 10px auto; text-align: center;} #btn-cakep br {display: none;} .btn-cakep1, .btn-cakep2, .btn-cakep3 {position: relative;display: inline-block;height: 50px;width: 200px;line-height: 50px;padding: 0;border-radius: 50px;background: #fff;border: 2px solid #FF00FF;margin: 10px;transition: .5s} .btn-cakep2 {border: 2px solid #FF00FF;} .btn-cakep3 {border: 2px solid #9900FF;} .btn-cakep1:hover {background-color: #CC00FF;} .btn-cakep2:hover {background-color: #3f51b5;} .btn-cakep3:hover {background-color: #d83500;} .btn-cakep1:hove

Ada tambahan fitur Pengalaman Halaman di halaman google webmaster

Gambar
Fitur baru ini memungkinkan kita melihat bagian mana yang masih menjadi PR bagi seorang pemilik halaman website termasuk halaman blogger. Pada fitur ini ada lima daftar item (yang kita sebut PR tadi meminjam istilah Pekerjaan Rumah) yang di tampilkan berikut skor baik dan buruknya: Peringatan-nya:  Situs Anda memiliki masalah pengalaman halaman yang kritis Perubahan juga terlihat pada tampilan 'Sekilas' dimana terdapat peringatan Pengalaman halaman yang merah. Pada bagian penyempurnaan, di tampilkan kesalahan pada bagian ulasan: Contohnya 'Terdapat 1 kesalahan' dan tentu saja itu harus di perbaiki: Data web inti: Baik ditandai centang warna hijau, buruk merah. Kebergunaan seluler: Baik ditandai centang warna hijau, buruk merah. Masalah keamanan:Baik ditandai centang warna hijau, buruk merah. Pengalaman Iklan: Baik ditandai centang warna hijau, buruk merah. HTTPS: Baik ditandai centang warna hijau, buruk merah. Data web inti  Disebut juga Core web vitals. URL dengan stat

Jangan pasang Fake aggregate score di blog, karena begini akibatnya...

Gambar
Di setiap forum terdapat saran saran aneh, untuk mencobakannya saya menggunakan blog dummy yang lumayan telah memiliki rating baik. Saya mencoba usaha hack ini apakah benar itu bekerja seperti yang disarankan? Di salah satu grup sarannya begini: "Saya ingin berbagi cara memasang fake aggregate score di blog".  Lalu di tambahi dengan embel embel daftar manfaatnya.  Menarik atau membuat tertarik pengunjung karena rating halaman terlihat sangat mentereng, duh ini bias dan ambigu. Halaman jadi tampak keren karena memiliki rating Saya lupa Saya juga lupa poinnya. Katanya script aggregate harus di pasang di bawah kode tag <head>. Kodenya: < script type =' application/ld+json' > {   "@context": "https://schema.org/",   "@type": "Book",   " name ": " Nama Blog Anda ",   " aggregateRating ": {     "@type": " AggregateRating ",     "ratingValue": " 5 ",    

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

MENU HAMBURGER DARIMANA ITU BERASAL?

Gambar
Mengapa ia demikian sangat populer kini? Kita tidak bahas makanan ya, setidaknya blog ini tidak memiliki niche kuliner, jadi tidak ada hubungan sama dengan toko penjual Hamburger yang lezat. Kita sedang membicarakan aplikasi. Saya menulis ini karena setiap sesuatu memiliki kisah mereka masing masing yang mungkin ingin kalian ketahui. Sejarah. Di desain oleh Norm Cook untuk pertama kali pada tahun 1981, dia ini seorang pemimpin bagian desain grafis di perusahaan Xerox Star, pencetus komputer personal pertama di dunia. Desain tiga garis ini sangat simpel akan tetapi pada waktu itu teknologi perangkat hanya support 16x16 piksel jadi sangat buram. Maka itu dibuat tiga garis agak tebal biar terlihat jelas. Dan tiga garis ini yang paling 'real deal'. Akhirnya dipergunakan hingga kini. Seiring waktu penggunaan seluler yang minim lebar layar ternyata membutuhkan hamburger menu guna menampilkan menu menu konten, misalnya situs Twitter dan Apple termasuk situs besar pertama yang mengguna

Renunganku, tentang kehidupan, sains dan blogging

Gambar
Bisakah aku kembali ke masa lalu, tidur bersama ibuku, kembali dan kembali, bisakah seseorang pergi ke masa lalu dan mengalami realitas yang sama dan lalu pergi dan pergi lagi lebih dalam dan lebih jauh ke masa lalu untuk membunuh kakeknya yang pada waktu itu masih bujangan?  Lalu apa yang terjadi setelah itu? Bukankah paradox itu tidak mungkin dalam hukum fisika biasa? Karena jika aku dapat kembali ke masa lalu dan membunuh kakekku, tentu bapakku tidak akan di lahirkan dan jika bapakku tidak dilahirkan bagaimana masa kini menjelaskan realitas bahwa saya dilahirkan karena bapakku menikah dengan ibuku?  ilustrasi: Coretan pensil Adelina Sofyan Ya saya sedang bermain main dengan teori 'Grandpa Paradox'. Saya sudah merenungkannya sejak saya masih kecil. Tentu saja saya tidak mungkin terlintas niat menjadi seorang pembunuh apalagi membunuh kakek yang sangat saya cintai. Dan banyak hal hal lebih menjijikan dapat kita bayangkan di balik imajinasi dan keindahan. Saya tidak selalu dapa

Cara kerja responsinator web

Gambar
Apakah responsinator itu? Responsinator adalah alat bantu online supaya pembuat situs web dengan cepat mendapatkan indikasi tentang bagaimana situs responsif yang mereka buat dan mereka akan terlihat di perangkat paling populer yang pada saat ini yaitu perangkat seluler, tablet, laptop dan desktop.  Bukan berarti itu secara tepat meniru tampilan aslinya, untuk pengujian yang akurat usahakan selalu menguji pada perangkat yang sebenarnya. Responsinator biasanya di buat dalam beberapa ukuran layar dari 1, 2, 3, 4 hingga 6 ukuran layar monitor. Kalian dapat memasukan URL halaman webblog pada kolom yang biasanya telah tersedia untuk melihat seberapa responsif halaman blog kalian, contoh kilik gambar berikut 2x untuk akses ke responsinator:  Tampilan di atas adalah dari laman responisnator, yang menampilkan layar mahal dari perangkat seluler iPhone dan juga model lain. Kalian dapat memasukan URL halaman blog ke dalam form atas bagian sebelah kiri. Namun demikian ada juga responsinator yang d

CSS vs JS, mana yang menjadi semakin berperan di dunia web blogging

Gambar
Apa itu CSS? Mengapa ia terlihat semakin penting? Karena ketika saya belajar tiga bahasa web ini, yakni HTML/XML, CSS dan Javascript, saya melhat yang paling banyak terlibat dalam urusan desain adalah CSS.  Oh ya perlu di ingatkan lagi, HTML bukan bahasa pemrograman ia hanya bahasa markup untuk membangun sebuah halaman website. Kalau bahas CSS biasanya kita mendapatkan penjelasan begini: CSS adalah singkatan dari 'Cascading Style Sheets' CSS menjelaskan bagaimana elemen HTML akan ditampilkan di layar, kertas, atau di media lain. CSS membentuk HTML bagaimana cantiknya ia seperti yang kita lihat di layar monitor apapun. Dengan CSS kita melihat hitam, putih, merah, jingga dan warna warni tampilan HTML di layar monitor. Dengan CSS kita melihat bulatan, lingkaran, persegi, animasi hingga berbagai jenis tampilan font. CSS menghemat banyak pekerjaan. Itu dapat mengontrol tata letak beberapa halaman web sekaligus Stylesheet eksternal disimpan dalam file CSS Walaupun HTML adalah int

Lanjutan cara membuat sidenav blog murni CSS dengan hamburger menu beranimasi

Gambar
Satu lagi cara memasang menu hamburger untuk blog dengan efek animasi namun murni css. Keren? Ya keren dong. Lagipula responsif, animatif (benar gak istilah ini ya), intuitif dan ringan. Hanya buat alternatif bagi yang menginginkan tampilan blog pada header tampak lebih baik. Klik gambar di bawah 2x untuk melihat DEMOnya. Speks: Murni CSS Ringan Hamburger Animasi Cara memasang:  Masuk ke pengaturan atau dasbor blogger Pilih tema Pilih edit HTML: 1. CSS Di dalam halaman editor HTML cari kode </head> dan letakan kode CSS berikut ke atasnya:    <style>body {   margin: 0;   padding: 0;   background: #333;   color: #fff;   font-family: &quot;Avenir Next&quot;, &quot;Avenir&quot;, sans-serif;     overflow-x: hidden;  } a {   text-decoration: none;   color: #fff;     transition: color 0.3s ease; } a:hover {   color: tomato; } #menuToggle {   display: block;   position: absolute;   top: 50px;   right: 50px;     z-index: 1;     -webkit-user-select: none;   user-selec

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

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 compose view 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 hamburger menu hanya opini hapus hari bumi harimau heading headings heart secret hewan hoax hobi hotpink HTM5 html HTML view 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 khusus 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 parameter 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