Postingan

Menampilkan postingan dengan label contempo hybrid

TIPS AGAR TEMPLATE BLOGGER MOBILE KLASIK BISA BERLARI SECEPAT AMP

Gambar
Speed control  SEDERHANAKAN! S egala yang kita inginkan selalu ada harganya. Tidak terkecuali blogging, jika sobat inginkan sebuah tema atau template blog yang lengkap cantik dan berhiaskan banyak gadget, dapat dipastikan halaman bloggernya akan segera menjadi lambat. Sementara kita tahu kecepatan adalah hal yang vital  bagi teknik SEO di dunia blogging zaman sekarang. Trik ini cocok bagi anda yang sudah terlanjur menggunakan template mobile klasik biasa: Jangan ragu membuang widget widget dan atribut yang tidak penting, atau cari saja alternatif yang lain yang materialnya lebih alami untuk bloggger. Itu bukan mitos melainkan alasan karena memang tuntutan teknis sang mesin pencari. Semua jenis algoritma web tidak akan dapat menafikan itu. Jika kita membuat robot di dunia nyata sekalipun, jika segala hal membutuhkan kecepatan maka yang cepatlah yang akan menang. Tidak perduli sobat menggunakan template AMP atau template klasik responsive biasa jika halaman web sobat dap

Template keren Contempo re-desain

Gambar
Empat varian terbaru template blogger memiliki layout versi ke-3. Seperti yang sering saya ingatkan: Sampai saat ini template template premium berbeli bahkan masih menggunakan dasar layout versi 2 contohnya viomagz, cobalah inspeksi melalui browser inspection element. Perbedaannya tidaklah terlalu penting karena semua template memiliki kelebihan dan kekurangan masing masing tidak ada yang sempurna. Tapi dianjurkan ngeblog menggunakan template dengan layout versi ke-3. Tapi jika panasaran ingin tahu perbedaannya perhatikan contoh berikut: Editblogtema:   <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:css='false' b:defaultwidgetversion='2'  b:layoutsVersion='3' b:responsive='true' b:templateUrl='rockpool.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmln

CARA MEMBUAT WATERMARK PADA LAY OUT BLOGGER MENGGUNAKAN CSS

Gambar
Gambar watermark buatan editblog Gambar diatas adalah Lay Out Contempo Hybrid dan boleh dikatakan saya telah membuang lebih separoh gagdet bawaan tema contempo dan menambahkan separoh gagdet atau widget klasik pilihan yang terbaik untuk membentuk template yang satu ini. Saya juga telah mengkompres kode kode yang saya tambahkan kedalam HTML, satu satunya ganjalan paling serius pada loading kecepatan tema ini adalah ukuran gambar yang sebagian "enggan" saya kecilkan karena pertimbangan estetika. Kalau sobat perhatikan pada gambar (ditunjukan oleh marking anak panah warna merah) kanan atas lay out saya juga telah menempatkan sebuah watermark cantik, jika sobat ingin membuatnya cukup melalui cara berikut: Masuk kepengaturan blogger Pilih tema Pilih Edit HTML Cari kode: (lebih mudah dengan cara tekan ctrl+f) ]]></b:skin> <b:template-skin> <![CDATA[ Yang sobat cari itu sebenarnya adalah kode yang telah saya sorot warna kuning, karena tepat

Templat blogspot Super Cepat

Gambar
Tema ini contempo dan memiliki kecepatan 9,8 melalui PageSpeed dan 100 pada GMetrix setelah diuji pada editblogtema yang luamayan berat karena dipenuhi oleh kode kode demo dan gambar. Dan memiliki kecepatan cukup (sedang ) pada pengujian TestMySite.WithGoogle. Pada pengujian tema atau templat buatan editblog mampu mencapai kecepatan mobile hingga skor 98. Itu sudah hebat. Sedangkan pengujian random pada GMetrix menghasilkan skor 100 pada kecepatan: Hasil diatas pada gambar tergolong hebat. Namun bagaimana dengan hasil uji coba pada TesMySite? Bagaimana skornya? Seperti kita ketahui untuk mencapai kecepatan pada testmysite sangat sulit karena kecepatan mobile masih dibelakang desktop. Jika sobat tidak percaya silahkan uji tema sobat yang sobat pakai sekarang di: THINK WITH GOOGLE Kecepatan paling bagus hanya mendapatkan skor 1.4 detik, itu sudah sangat hebat! Kalau kecepatan template blog sampean bisa mencapai 0,8 detik saya angkat topi deh. Saya telah mencoba bebe

MERUBAH GAYA JUDUL POSTINGAN TEMPLATE CONTEMPO VIA CSS

Gambar
Prinsip pembuatan sebuah template fast loading adalah: kesederhanaan. Apabila sobat telah mengikuti tutorial demi tutorial yang telah saya posting didalam blog ini sobat akan "hampir" menguasai trik pembuatan template model bawaan blogspot terbaru terutama contempo. Namun sederhana bukan berarti tidak stylish apalagi jelek. Prinsip sederhana itu justeru indah dan tidak akan membosankan. Secara default (bawaannya) Contempo memiliki style judul yang terlalu menumpu ke kiri atau dalam istilah penulisan "Left Aligned" saya kurang sreg ketika membuka tampilan seperti itu melalui tampilan layar hape atau mobile. Perhatikan gambar dibawah ini: Pada gambar diatas saya telah membuat judul itu berubah menjadi lebih "Justify" bagaimana triknya? HANYA CSS Dibanding template template bawaan blogspot yang lebih tua atau yang lebih klasik, Contempo memiliki lebih banyak aba aba CSS yang dapat kita manfaatkan untuk merubah tampilan halaman web kita tidak ada

CONTEMPO HYBRID ULTIMATE VARIAN 3 - UPDATED

Gambar
Updated: Apa yang baru? FITUR FITUR BARU: Template disederhanakan Tentu saja lebih SEO friendly UI dan UX baru: Responsive dan Mobile banget Lebih gesit, bersih dan lebih ringan dan menjadi supercepat Menu Navigasi lebih responsive   dan stylish dengan warna gradasi. Dibuat dan dikembangkan berdasarkan tutorial W3school  Tombol pencarian di perbaharui, lebih responisve, lebih alami dengan "search input" warna biru akan muncul dibawah (sebelumnya diatas, banyak yang komplin) Kecepatan semakin di tingkatkan antara lain dengan membuang link link sampah dari tombol share pihak ketiga, kode kode CSS dan JavaScript bawaan yang tidak terpakai dan menambahkannya dengan tombol berbagi addtoany yang lebih ringan. Silahkan cek di  Gmetrix  atau Silahkan cek halaman demo di tes kecepatan Google PageSpeed Perbaikan pada tampilan Tablet khusus navigasi pada menu dropdown yang terlalu rapat ke kanan sehingga menyulitkan tindakan penampil. Memperbaiki posisi snippet dan thumbn

CARA MENGHILANGKAN NAVIGASI DAN SIDEBAR BAWAAN CONTEMPO

Gambar
Kalau sobat perhatikan gambar peraga dibawah ini sobat mungkin pangling apa benar ini template contempo? Tampilan pada laptop, tablet dan pada layar ponsel tampak serasi. Namun pada layar desktop yang lebih besar akan sedikit beda karena sidebarnya masih terlihat. Saya sengaja membiarkan hal tersebut untuk memberi memaksimalkan template pada layar yang lebih besar. Apa yang berbeda? Latar warna dibuang habis Heading di rombak habis Menu navigasi plus kotak pencarian bawaan dibuang mulai pada layar laptop hingga ponsel dan diganti dengan menu navigasi dan kotak pencarian buatan saya sendiri. Sedikit modifikasi struktur HTML/CSS Jika sobat bosan dengan tampilan Contempo bawaan (default) dan ingin merombak habis Navigasi serta menghilangkan sidebar Contempo atau menyederhanakan templatenya sobat bisa mencari kode dibawah ini (letaknya biasanya dibaris 2832 pada halaman HTML): <b:if cond='data:view.isSingleItem'>                   <a class='return_link' ex

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

Follow by Email