Postingan

Menampilkan postingan dari Agustus, 2019

Merombak formasi Judul blog dan judul konten pada template contempo blogger

Gambar
contoh judul sebelum dan sesudah di edit T emplate contempo itu memiliki dua bagian Judul yang dapat kita robah formatnya Yakni Judul blog atau laman kita, dan judul konten atau judul postingan artikel kita. Mengapa saya lebih suka merobahnya? Karena bawaannya terlalu ke kiri dan menumpuk sedangkan kalau di robah tampilan menumpuknya jadi berkurang dan lebih enak dipandang. Terlebih dahulu masuk ke pengaturan blog, lalu pilih edit HTML cari kode berikut jika ingin merobah formasi Judul Header blog: #header { width: 60%; } nav { width: 40%; } Robah 60% dan 40% jadi 100%  Save template. Kalau ingin merobah formasi Judul konten , portingan atau artikel cari saja kode berikut di dalam editor HTML blog: .post-title {   font: $(posts.title.font);   float: $(startSide);   margin: 0 0 8px 0;   max-width:   calc(100% - 48px) } robah bagian yang saya sorot kuning: calc(100% - 48px) Menjadi:   max-width: 100%; Save template. Selesai. www.editblogtema.net

CARA MEMPERBAIKI LAYOUT DESAIN TEMPLATE BLOGGER DENGAN MUDAH

Gambar
kreidt gambar: pexel.com L ayout template blog itu penting bagi pengguna awam. kalau desainernya ya pasti mengerti bagaimana mengedit template dari warna hingga tataletak dan tampilan widget template blog yaitu melalui halaman editor HTML. Namun karena template juga di pakai oleh pengguna yang kurang mengerti koding, makanya dibuatkanlah LAYOUT untuk pengguna umum. Sebagai seorang blogger anda pasti pernah dong memasang atau menambahkan widget widget seperti popular posts, follower, Featured post masuknya ya melalui pengaturan blog dengan cara mengklik "layout" kalau bahasa Inggris, atau "tataletak" kalau blognya menggunakan bahasa Indonesia. Perhatikan gambar: layout blogger normal (template layout versi 3) Gambar layout diatas adalah layout terbaru blogger atau layout versi 3 yang normal. Layout akan menjadi cacat biasanya ketika menambahkan elemen baru pada template, misalnya pada saat kita menambahkan menu navigasi custom menggunakan dengan materia

Contempo Re-design

Gambar
template contempo redesain M inta maaf nih sama Mas Nasrul Umam karena saya telah menginspeksi elemen Template blognya: kum3n.com  hasilnya saya dapat menyalin kode kodenya melalui inspect elemen browser untuk kemudian di re-desain ulang. Saya sangat tertarik karena template yang di pakai Mas Nasrul adalah Contempo redesain. Browser zaman now memang memberikan kemudahan bagi siapapun jika ingin mengintip desain template template tertentu. Tentu saja hasil inspeksi tidak bisa di copy paste ke dalam editor HTML blogger begitu saja tanpa menulis dan mengeditnya kembali. Saya hanya mengkritisi desain header yang yang Mas Nasrul pakai karena  dihilangkan "sticky"-nya padahal template contempo aslinya memiliki sticky header. Tetapi alih alih mengembalikan stickynya saya malah menambahkan navigasi fixed pada header tersebut, dan menambahkan fungsi sticky sidebar dengan menggunakan JavaScript. Kelebihan Contempo ini adalah memiliki sidebar. Tentu saja contempo seperti haln

Google akan mengganti sistem Android ke Fuchsia

Gambar
Fuchsia OS T erbukti tidak ada yang abadi di dunia.  Google diam diam bahkan akan meninggalkan Android.  Lho gimana ceritanya? Tetapi Fuchsia memang nyata dan akan segera menggantikan Android .  Jadi jika  Android sudah begitu besar saja mau di tinggalkan, apalagi blogger yang lebih kecil ya he he he? Anggap saja referensi,  tidak ada yang mustahil di dunia. Namun bukan tanpa sebab Android akan di tinggalkan,  sebabnya adalah Google telah menyiapkan penggantinya yang jauh lebih baik dan jauh berbeda.  Loh bagaimana itu akan terjadi? Sistem Android.  Selama ini kita sudah sangat familiar dengan sistem operasi mobile Android dan sudah sangat populer karena telah dipergunakan oleh lebih 2 milyar pengguna. Android memang terus ditingkatkan performanya. Menjadi salah satu dari dua platform mobile paling pintar di dunia.  Namun memiliki ketenaran nomor wahid dan belum ada tandingannya dalam hal populeritas yang kita sebutkan tadi. Terakhir telah terjadi silang pendapat p

CARA MEWARNAI IKON KREDIT POWERED BY BLOGGER PADA TEMPLATE TERBARU BLOGGER

Gambar
Powered by Blogger means Powered by Google P ada empat template terbaru: Contempo, Soho, Emporio dan Notable warna ikon blogger secara default (bawaan) adalah gelap sehingga jika latar atau background footer blog kita hitam maka ikon tersebut tidak akan terlihat Bagaimana cara mengatasi ini? Kami akan memberikan opsi yang mudah saja jika anda tidak ingin mengedit HTML blogger, jadi lakukan saja petunjuk berikut: Masuk kepengaturan blogger' Pilih tema Saat muncul preview template pilih "sesuaikan" Begitu sesuaikan anda klik akan muncul opsi Desainer Tema Blogger, maka pilih atau klik "lanjutan" Maka akan muncul menu Desiner tema blogger dan scroll menu ke atas sampai muncul "Tambahkan CSS" karena tempatnya memang paling bawah dari list menu tesebut: Tambahkan CSS Setelah "Tambahkan CSS" di klik atau dipilih, maka akan muncul kotak blanko kosong CSS lalu copy kode dibawah dan pastekan ke dalam kotak blanko CSS kosong tad

CARA MEMBUAT TEMPLATE BLOG DARI SUMBERNYA LANGSUNG

Gambar
editing B ingung juga sih tadinya memilih mau nulis dimana akhirnya setelah menimbang ya disini di editblogtemalah jenis artikel ini akan menemukan pembacanya, tidak mungkin di blog personal gado gado seperti SBSS Anissa  yang personal. Baiklah kita masuk ke cara membuat template. Pertama mari kita bahas cara Manual membuat template blog Untuk membuat dasar layout atau tetaletak blogger sesuai definisinya Google anda setidaknya harus memahami namespace xlmns berikut yang terdiri dari tiga tipe: xmlns:b – ‘b’ ditetapkan untuk mengakses elemen elemen blogger xmlns:data – ditetapkan untuk menentukan darimana data blog berasal xmlns:expr – Menghitung atau mengkalkulasikan ekspresi atau pengekspresian untuk atribut blog. Jadi anda harus menulis file main.xml blogger sebagai berikut, yakni SINTAKS  UNTUK BASIS LAYOUTNYA: <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:css='false' b:defaultwidgetversion='2

Cara membuat gambar bergoncang saat disentuh

Gambar
Banyak cara untuk menarik perhatian pemirsa agar terfokus pada satu tujuan, diantaranya membuat image atau gambar bererak pada saat disentuh kursor maupun jari pada postingan. Dan trik ini sangat ringan karena hanya menggunakan kode CSS. 1. Tambahkan CSS  Masuk ke pengaturan blogger>pilih tema atau theme> lalu pilih edit HTML: Lalu cari kode </head> dan letakan kode CSS berikut tepat diatasnya, yakni di atas penutup </style>: img :hover { animation: shake 0.5s; animation-iteration-count: infinite; } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 8

Cara mendapatkan template premium sendiri tanpa beli?

Gambar
S aya meneliti pembuatan template template ternama dunia di envanto dan Gooyabi. Beberapa desainer mengatakan jujur tidak ada template premium yang sempurna, idealnya template itu menurut prioritas dan fiturnya adalah: Secure. Aman dipakai tidak celah pada pemakaian material untuk membuat elemen elemennya-tidak ada kode kode sampah yang harus tertinggal. Fast and simple, struktur yang tepat dan benar. Semakin simple sebuah template semakin cepat dia berlari kehadapan mesin pencari. Manipulasi kecepatan tidak terlalu banyak berguna, misalnya ketika anda ingin kecepatan dengan memasukan kode lazyload, aktivitas menghidupkannya tetap saja akan menghabiskan sumber daya. Kata orang ada harga yang harus dibayar. Stylish. Nah disini dilematis, kita igin sebuah template yang cantik, tetapi kecantikan dibayar dengan make up. Seperti wanita cantik itu menguntungkan untuk jangka pendek karena secara visual boleh jadi orang akan tertarik. Tetapi belum tentu untuk jangka panjang. Hukum a

Pelajari 10 Bahasa Program ini jika ingin menjadi hacker yang handal

Gambar
Hack bisa berarti mementahkan sistem protokol, bisa mengontrol dan bisa menghancurkan suatu aturan protokol di dalam suatu sistem. Tetapi jangan membayangkan sisi kerusakannya saja, seorang hacker bisa berbuat jauh lebih baik daripada orang kebanyakan dengan cara mereka. Contoh pekerjaan yang dapat dilakoni oleh seorang Hacker: 1. Programmer Programmer adalah orang yang membuat program  atau software  atau game. Seorang programmer harus membuat software dengan cara menyusun script  dan sintax untuk menjadi sebuah program. Selain itu juga seorang programmer bisa membuat sebuah program  dan software  atau game dengan cara menghack atau meretas software yang telah ada sebelumnya. 2. Webmaster Seorang webmaster harus menyusun  atau membuat sebuah website dengan cara mengumpulkan atau  meyusun syntax html untuk menjadi sebuah webiste. Selain itu juga webmaster harus memperbaiki kesalahan pada websitenya dengan cara menghack website tersebut. 3. Pakar Antivirus  dan Keamanan sistem Sej

Bukan hanya blognya, Blogger juga harus menjaga kesehatan fisik dan mentalnya...

Gambar
Ngeblog dan Kesehatan Modal utama dalam beraktifitas adalah kesehatan. Sehat jesmani dan rohani. Anda dapat menerapkannya pada setiap aspek kehidupan dan memiliki hal ini terutama jika dalam postingan kali ini kita mengaitkannya dengan kegiatan blogging. Kita tidak sedang membahas orang yang mengidap penyakit didalam tubuhnya.  Kita membahas anda yang memiliki tubuh yang seharusnya sehat, lalu mengeluh "kok akhir akhir ini saya sering mengantuk ya" Kesehatan itu mahal dan banyak orang memiliki alasan agar terlihat  sehat namun terdapat banyak keluhan yang cukup memprihatinkan.  Misalnya ketika kenalan saya mengeluh: "Saya mudah mengantuk sekarang" Kenalan yang lain langsung menanggapi dengan nyeletuk: "wah faktor "U" itu" Ya walaupun bercanda, namun tidak akan memberikan motivasi apapun untuk mengatasi mengapa dia mudah mengantuk akhir akhir ini? ADA ALASANNYA. . Saya menemukan kebiasaan buruk penulis atau bahkan blogger laki

APAKAH NGEBLOG DAPAT MENGHASILKAN UANG? (BAG KE 2)

Gambar
credit: pexel.com "Halo mastah mastah, saya telah ngeblog selama satu tahun kok belum juga....$?" Ngeblog awalnya adalah hanya sebuah diary online dan di jadikan hobi, bukan untuk mencari uang. Namun jika akhirnya anda mendapatkan uang dan menggantungkan hidup anda disana, itu namanya anugerah yang harus di syukuri karena rezeki kita memang sudah ada ketentuannya. Saran saya teruslah ngeblog, menulis dan berkarya. Atau berhentilah buang buang waktu! Hari ini semilyar website ada di internet. Semilyar orang yang akan menjadi saingan anda dengan kemampuan yang tidak pernah anda pikirkan samasekali. Kemudahan ngeblog hari ini telah menjadikannya sulit untuk di istemewakan seperti zaman dulu. Anda seperti melempar sebuah benda pada suatu objek seberapa tepat anda melemparkannya agar mengenai sasaran? Terkadang hanya seperti melempar dengan hasil untung untungan. Apakah dengan adsense blog anda menjadi baik dan bagaimana jika tanpanya? Adsense atau Google adsense datan

Percobaan membuat profile penulis tampil diatas postingan

Gambar
Kalau anda pengguna template bawaan blogger Notable profile penulis berada diatas postingan adalah fitur bawaan template tersebut, akan tetapi bagaimana jika anda ingin agar fitur tersebut ada pada template yang lain selalin notable? Bisakah kita menempatkan profile penulis diatas setiap postingan, misalnya diterapkan pada template SOHO?, ini hanya langkah percobaan, tetapi yang penting ternyata: BISA: author profile example Sumber kode dibawah ini misalnya saya pasang dibawah di atas kode <data:post.body/>, (kalau tidak ada mungkin sudah di parse menjadi: &lt;data:post.body/&gt;): <div style="background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen, Ubuntu, Cantarell, &quot;Open Sans&quot;, &quot;Helvetica Neue&quot;, sans-serif; font-size: medium;"><div class="kd" style="box-

Membuat widget footer 3 kolom pada template terbaru blogger

Gambar
kredit gambar: pexel P embuatan widget ini dapat diterapkan pada empat template terbaru blogger yang telah support layout versi 3. Seperti yang anda lihat template terbaru memang keren habis tapi lihat bagian kakinya (footer) sangat monoton, padahal banyak widget yang ingin kita tempatkan disana, tapi sayang kontainernya tidak ada. Jadi memang kita harus membuatnya dan jangan kuatir dengan bentuk layout footer default yang sempit pada saat dibuka melalui pengaturan, itu hanya tampilan saja, faktanya akan berbeda. 1. Cara membentuk widget text tiga kolom: Tambahkan CSS Masuk kepengaturan blogger Pilih tema/theme Pilih sesuaikan Pada blogger theme designer pilih lanjutan atau advance Scroll keatas menu yang segera muncul di sebelah kanannya scroll sampai ke menu paling bawah. Pilih atau klik Tambahkan CSS atau Add CSS. Pada kotak blanko CSS kosong yang muncul tambahkan kode berikut (copy dan pastekan) #footer-column-container { clear:both; } .footer-colu

MARI MENGEMBALIKAN KREDIT POWERED BY BLOGGER

Gambar
kredit gambar: pexel.com S aya sadar bahwa saya hanya bisa bermain sebagai seorang yang sedang mendesain, sangat absurd mengaku sebagai "pencipta" Itulah alasannya mengapa pada footer dibawah blog ini dengan bangga saya kembalikan kredit : "Powered by Blogger" pada tempatenya kembali setelah sempat saya hapus secara parmanen! (Saya mengkopi kembali sumber aslinya dan meng"embed"-nya kembali pada tempat dimana seharusnya dia berada) Jadi dengan membuat layout yang dapat ditampilkan menjadi bagian dari setting dasbor blogger, anda dapat mengklaim template besutan anda yang dibuat berdasarkan tema default blogger sebagai template yang telah mandiri. Template Soho yang sedang diperagakan oleh editblogtema ini adalah SOHO asli dari template bawaan blogger pada saat anda pertama kali membuat blog. Namun tentu saja sudah jauh berbeda, karena: Saya telah membuat beberapa section baru, plus widget baru yang tidak akan terdapat sebelumnya secara default pa

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