EDITBLOGTEMA

Postingan

Menampilkan postingan dengan label contempo hybrid

Inilah dia template contempo redesain dengan tampilan sidebar di kanan halamannya

halo gen Z! Untuk blog personal jujur saja Aku tidak terlalu menyukai tampilan sidebar. Halaman blog dengan tampilan postingan lega sepertinya lebih bagus untuk kebutuhan blogging minimalis, cepat loading dan maksimal. Sedangkan untuk menampilkan iklan dapat di atur melalui lapak lapak yang tersedia baik kanan, kiri, atas dan bawah halaman. Bahkan tentu saja dapat di letakan dengan mudah di tengah tengah postingan. Yang penting tidak mengganggu pembaca. Jika target kita adalah manusia. Maafkan jika aku membahasnya sedikit saja ya... Akan tetapi hal itu tentunya subjektif. Tergantung selera masing masing orang juga. Karena sebenarnya halaman dengan sidebar itu adalah desain klasik semasa internet belum di akses melalui perangkat mobile. Lalu bisakah template dengan sidebar dilipat atau disembunyikan di tampilkan pada ukuran layar tertentu menggunakan @media query? Apalagi jika sidebarnya di pindahkah dan ditampilkan ke kanan. Contohnya template contempo dan Essential? Tentu saja bisa.

Baca selengkapnya

TIPS AGAR TEMPLATE BLOGGER MOBILE KLASIK BISA BERLARI SECEPAT AMP

sofyan Ya-an

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

Baca selengkapnya

Template keren Contempo re-desain

sofyan Ya-an

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

Baca selengkapnya

CARA MEMBUAT WATERMARK PADA LAY OUT BLOGGER MENGGUNAKAN CSS

sofyan Ya-an

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

Baca selengkapnya

Templat blogspot Super Cepat

sofyan Ya-an

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

Baca selengkapnya

MERUBAH GAYA JUDUL POSTINGAN TEMPLATE CONTEMPO VIA CSS

sofyan Ya-an

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

Baca selengkapnya

CONTEMPO HYBRID ULTIMATE VARIAN 3 - UPDATED

sofyan Ya-an

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

Baca selengkapnya

CARA MENGHILANGKAN NAVIGASI DAN SIDEBAR BAWAAN CONTEMPO

sofyan Ya-an

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

Baca selengkapnya

Postingan

Label