Langsung ke konten utama

Postingan

Menampilkan postingan dengan label template

CARA MENGATASI HTML TEMPLATE ERROR ADSENSE1 DAN 2 PADA SAAT DI EDIT

Nah ini ada peristiwa yang mungkin terjadi dan pernah kalian alami pada saat edit template blogger bawaan seperti contempo, emporio, soho, notable, melalui bagian HTMLnya. Misalnya ketika kalian mau menambahkan kode kode widget kalian sendiri, atau hasil copas dari halaman tutorial mbak igniel dan mas sugeng ke dalam HTML, pas ketika di "save" muncul peringatan: The widget settings in widget with id <b>AdSense1</b> is not valid. An internal error occurred. Please try again.  Dan walau di ulang ulang, karena mengikuti saran "Please try again" namun tetap saja tidak bisa menyimpan alias "save" itu template. Akhirnya kalian menyerah. Padahal caranya mudah saja.  Kalian hanya perlu melanjutkan menambahkan  kode tadi, misalnya kode adsense yang biasanya harus diletakan di atara tag <head> dan tag </head>, lalu dilanjutkan dengan mengklik menu adsense di pojok kiri atas untuk menampilkan menu menu HTML seperti pada gambar berikut: Setela

CARA MENGATASI KODE TULISAN BLOCKQUOTE MELEBAR UNTUK SCRIPT DI POSTINGAN BLOGGER TEMPLATE MEDIAN UI VERSI MOBILE

Ini terjadi pada saat saya jatuh cinta pada template median UI buatan Mas Muhammad Maki. Template ini sangat lengkap dari 2 lusin template yang saya beli dan telah saya pelajari. Akan tetapi template ini juga memiliki sedikit kekurangan pada bagian kebergunaan selulernya. Yakni jika kalian suka membuat konten tulisan tutorial dan menambahkan tulisan kode kode script ke dalam postingan blog. Kode script di tulis, atau di copy dari sumber lain dan di paste kan ke dalam postingan, lalu di sorot dan di tekan tombol 'kutip' pada tool di atas halaman postingan agar ia tampil sebagai kutipan 'blockquote'. Kalian mungkin sudah memahami hal ini. Kode kode tersebut mungkin tampil dengan baik pada halaman tampilan desktop, laptop dan tablet karena layar mereka besar, tapi ketika di buka melalui hape kode terpotong, alias melebar berantakan keluar layar sehingga tidak bisa di baca atau bahkan di copy oleh pengguna yang membutuhkannya (namanya juga konten tutorial ya harus bisa di c

Dua cara sederhana mengedit dan merombak template blogger

Kalian bisa masuk ke pengaturan blogger dan mengedit template blogger kalian melalui dua cara.  Cara pertama masuk ke pengaturan blogger atau dinamakan dasbor blogger, lalu pada menu yang dapat di scroll ke atas dan kebawah pilih tataletak atau layout, tergantung kalian memilih bahasa apa, kalau bahasa indonesia ya tataletak, tapi kalau sebelumnya setting pengaturan blog kalian berbahasa Inggris ya menunya jadi layout. Nah setelah layout di klik akan muncul tataletak halaman blog berupa layout yang dapa di geser geser menggunakan mouse ingat hanya menggunakan mouse jika kalian menggunakan tablet seperti saya sebaiknya kalian juga memiliki mouse disamping keyboard. Gunanya ya untuk memindah mindah tataletak tampilan halaman blog karena tidak bisa di pindah melalui sentuhan tangan. Kalau melalui sentuhan tangan ya hanya untuk menggulir halaman ke atas atau kebawah. Kalau ingin memindah elemen layout ini kalian harus menggunakan mouse seperti contoh berikut. Cara pertama ini terbatas hany

Cara membuat menu hamburger template Blogger terbaru

Cara ini akan membuat halaman blog tampil unik, sederhana dan minimalis. Sebabnya tampilannya akan beradaptasi (adaptif dan responsif) dengan segala ukuran layar perangkat, mau itu laptop, tablet, maupun hape. Pada laptop dan tablet (ketika posisi landscape) tampilan menu akan tampak horizontal di atas halaman, sedangkan pada layar genggam ukuran hape tampilan menu berubah menjadi buka dan tutup hamburger menu yang intuitif ( beranimasi ). Navbar ini dapat di terapkan ke template terbaru seperti contempo, essensial dan varian lainnya dengan sedikit trik. Baiklah sekarang kita cobaan ke template essensial dan Contempo karena dua template ini strukturnya sangat mirip alias identik. Masuk ke pengaturan atau dasbor blog cari menu theme atau tema Pilih edit HTML 1. CSS Setelah masuk ke halaman editor HTML template blogger, cari kode </head> letakkan kode CSS berikut di atas kode tadi:     <style> .nav {     width: 100%;     height: 65px;     position: fixed;     line-height: 65p

Keutamaan menggunakan template buatan sendiri

Suatu ciri ciri halaman website besar adalah ia tidak menggunakan template berbeli yang di jual secara umum, apalagi menggunakan template default bawaan. Tidak sama sekali. Ada alasan di baliknya. Bagaimanapun terkadang sebuah halaman web besar di buat berdasarkan platform yang mereka bangun sendiri.Tidak menggunakan blogspot, tidak wordpress, tidak wix, tidak drupal. Mereka membangun platform mereka sendiri, seperti halaman milik forbes. Akan tetapi ada juga halaman halaman web ternama menggunakan platform wordpress atau platform web tertentu. Tetapi mereka tampak menggunakan template dan tampilan antarmuka khas mereka sendiri. Kami akan sebutkan contohnya:  Apakah Tribun, kompas, Detik membeli menggunakan template premium dan ada di jual di situs Template? Saya mengunjungi contoh sebuah halaman besar yang di bangun dengan platform wordpress: CSSTRICKS. Mereka memiliki template CSS yang ringan dan cepat dan tampaknya mereka buat sendiri. Tentu saja banyak template template mirip templ

Download Infinity Wave Header template blogger bergelombang

Kami sudah menyertakan tombol download untuk template ini supaya kalian bisa mencobanya. Kalau suka silahkan dipergunakan jika tidak silahkan di tinggalkan. Update: related post ditengah postingan Karena kebanyakan tinggal di rumah, kesempatan utak atik halaman HTML blogger dan menghasilkan sebuah template berbasis essential yang aku modifikasi alias rombak sedemikian rupa. Oh ya meskipun Fitur utamanya adalah tampilan pada headernya yang bergelombang dan beranimasi namun aku tambahkan hal hal berikut: DEMO || DOWLOAD Breadcrumb data terstruktur valid (tersembunyi untuk tujuan minimalis) Related Posts sederhana dan ringan Tombol berbagi Script kotak pencarian sitelink Auto meta tag Navigasi responsif sederhana dengan efek paralax mengikuti gaya headernya yang juga paralax. Sekali lagi terbukti bagian header template itu ibarat wajah manusia yakni hal pertama yang dilihat orang, begitu bagian tersebut di rombak nyaris bagian lain terlupakan dari dan orang jadi pangling melihatnya. Nah

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. 

DOWNLOAD ORIGINAL CONTEMPO THE ULTIMATE REDESIGN

Desainnya tetap mengikuti gaya bebas 'INDIE' template contempo si sulung dari varian template yang di kembangkan oleh blogger dengan layout versi ke 3. Template ini masih bergaya header bergelombang dengan animasi, namun cara 'oprek' kode kodenya berbeda. Bedanya template redesain sebelumnya warna svg-nya kami tulis melalui pengaturan CSS nya, sedangkan yang sekarang di tulis langsung ke dalam HTML/XML nya.  Well, itu tidak akan terasa bagi pengguna, hanya sekedar informasi saja. DEMO || DOWNLOAD Ok jika ingin mendownload silahkan di download saja melalui link di bawah gambar. Perlu dicatat contempo ini masih memiliki seluruh struktur bawaannya asli alias original. Hanya saja antar mukanya memang tampak berubah. Header berikut judul masih memakai header bawaan yang kami bungkus dengan kode kode svg wave. Hamburger menu pembuka sidebar bawaan kami ganti dengan Hamburger menu yang lebih gesit dan simpel dengan efek toggle 'buka dan tutup'. Footernya ikutan bergelo

CARA MEMBUAT FOOTER BLOG BERGELOMBANG DAN BERANIMASI

Jika sebelumnya aku telah memberikan trik bagaimana membuat header bergelombang dan beranimasi, kali ini tanpa di mintapun akan kuberikan trik membuat footer bergelombang dan beranimasi yang dapat di terapkan terhadap template template terbaru blogger blogspot. Klik DEMO Prinsip kerjanya adalah sama: Memanfaatkan dan memanipulasi kode kode CSS/SVG agar kita dapat membentuk, membungkus, melapis dan memberikan efek warna beranimasi ke bagian bagian elemen template yang ingin kita 'make over' tampilannya. Dan jangan kuatir, sama saja dengan trik membuat header bergelombang dan beranimasi, kita akan menggunakan trik CSS dan SVG, tidak ada Javascript yang dilibatkan. Dan template yang aku pilih tetap saja Essential dan atau Contempo karena keduanya identik. 1. Langkah pertama  Masuk ke pengaturan blogger  Pilih tema Pilih edit HTML Di halaman edditor HTML cari kode </head> dan letakan kode CSS berikut di atasnya: <style>:root { --color: # 4973ff ; } footer { font

CARA MEMBUAT HEADER TEMPLATE BLOG VARIAN TERBARU BERGELOMBANG DAN BERANIMASI

Teknik ini sedikit berbeda dengan apa yang di tampilkan pada template editblogtema. Template editblogtema menggunakan pengaturan CSS yang berbeda dan lazimnya di pergunakan untuk memanipulasi pengaturan SVG ke dalam atau menjadi header. Sedangkan triks yang akan saya sampaikan sekarang ini sebenarnya lebih kepada untuk menu navigasi pada bagian header template blog. Contoh tampilan: DEMO Teknik saya ambil dari sumber kode template Wordpress. Tentu saja lebih mudah di terapkan ke dalam template wordpress sebagai bagian dari plugin tema WP, untuk menerapkannya ke templat blogger blogspot saya seperti montir harus membongkar pasang bagian kode CSSnya terlebih dahulu he he he...dan untungnya itu hanya tentang CSS dan kode kode SVG standard saja. Jika tidak mending bikin template WP deh. Mari kita terapkan ke dalam template contempo. 1. Langkah pertama menerapkannya adalah: Masuk ke pengaturan dasbor blogger Pilih tataletak  Temukan widget header REMOVE (buang) itu Lho kok buang widget hea

Sama sekali tidak ribet begini cara memasang breadcrumb valid HTML ke template terbaru blogger

Essential adalah varian tunggal dari salah satu template terbaru blogger  yang strukturnya identik atau mirip dengan contempo, akan tetapi jika di teliti terdapat beberapa perbedaan pada sedikit pengaturan, pendeklarasian dan markupnya. Kita akan membahasnya pada kesempatan berbeda pada kesempatan memposting artikel yang berbeda. Kali ini kita hanya membahas cara memasang breadcrumb ke dalam templatenya. Dan jika ia berhasil pada template essentials, maka ia juga berlaku untuk template contempo. Percayalah, kami telah mengujinya.  DEMO Kita tahu template template default ini di buat berbasis layout versi ke 3 yang sangat baik strukturnya dan di buat seolah untuk di modifikasi oleh penggunanya.  Aku menyukai tampilan halaman untuk memuat konten yang 'full' tanpa sidebar - karena sidebarnya tersembunyi - seperti umumnya template template website modern masa kini. Aku tergoda untuk memasang breadcrumb ke template berbasis layout ke 3 karena membaca artikel dari Bung Frenky, aku me

Copyright© EDITBLOGTEMA . All rights reserved.