DEMOBLOG

Desain adalah kreativitas dan seorang desainer selayaknya harus bisa menemukan cara memanipulasi tampilan desainnya dengan hal baru dan agar supaya terlihat lain dari yang lain dengan memanfaatkan elemen elemen desain html. Pernah melihat huruf dan untaian kata kata berjalan? Dalam dunia blogger itu dinamakan "MARQUEE" dan marquee ini dapat dengan mudah dibuat dengan menggunakan kode HTML. Kode dasar marquee: <marquee> Teks Berjalan </marquee> Teks Berjalan Dengan hanya memanfaatkan kata kata "teks berjalan" kedalam kode marquee maka teks terlihat berjalan. Kali ini kita akan memanipulasi kode marquee untuk membuat menu navigasi berjalan yang berisi link label pada setiap postingan blogger MEMANFAATKAN LABEL Masuk kepengaturan blog (atau dasbor blog) klik Tambahkan widget, lalu pilih label dan SAVE. Ketika label terlihat cari label postingan terbanyak maka kita akan dibawa kepada link postingan dengan label tersebut. Misal jika kita klik label "Blog...

Jika kita belum berniat atau mampu membeli tema blogger, sedangkan tema bawaan jika tidak di modifikasi dengan benar akan kelihatan sangat standar. Maka kami memberikan solusinya dengan tema tema buatan kami, baik hasil edit/modifikasi penuh template bawaan hingga tema tema buatan kami sendiri. Semua gratis. Simple, bersih anda tidak perlu kuatir repot membuang script. Tema ini sudah dicoba dipergunakan oleh beberapa teman dari Indonesia, Malaysia, Singapore hingga Australia, Dan sebagian menyarankan kami agar memberikan dukungan teknis pemasangan. Selebihnya Alhamdulillah mereka menyatakan puas terutama karena dukungan teknis yang kami berikan secara inbox. Jadi sebelum menggunakannya kami ingatkan langkah langkah yang harus anda tempuh terlebih dahulu: 1. Mengosongkan Blanko Editorial HTML blogger.  Masuk ke pengaturan blog, pilih "Tema" lalu langsung masuk ke opsi "edit HTML"  Gambar opsi "edit HTML" Akan muncul HTML editor berisi kode kode bawaan blogg...

Tulisan ini di posting adalah karena beberapa problem muncul setelah template di buat dan postingan di cobakan atau di publish. Terutama karena hal ini terjadi pada tema EditBlogTEma yang dibuat berdasarkan tema sederhana bawaan blogger. Problem tersebut muncul karena pada saat menuliskan beberapa item dalam bentuk daftar atau list ternyata tidak terlihat pada postingan padahal sudah di publish ke hadapan pembaca. Ini pasti celah kelemahan tema jadi harus di perbaiki. Ketika menulis pada dasbor blog sepertinya tidak ada yang salah diatas tool "compose" terdapat add numbering dan add bullets dan pada saat dilakukan penulisan dalam bentuk list keduanya berfungsi dengan baik, tapi apa yang terjadi pada saat artikel setelah di publish? Maksud menampilkan daftar atau list tadi hanya menampilkan tulisan berurut seperti tumpukan untaian kata kata tanpa penomoran dan tanda bahwa itu adalah bentuk daftar. Dan menurut kami semua fungsi dalam penulisan apalagi yang mendasar adalah sanga...

Mungkin yang kami kemukan hanyalah masalah kecil bagi sebagian teman teman blogger. Akan tetapi baik gaya maupun ukuran font cukup berperan besar pada seni desain sebuah template blog. Bagaimanapun secara mendasar dalam dunia tulis menulis kita menggunakan font dalam penulisan. 1. MEROBAH UKURAN DAN GAYA FONT POSTINGAN BLOG Tidak bisa dilewatkan begitu saja dalam hal tampilan maupun ciri ciri khas, font akan terlihat sangat signifikan berperan dalam seni pembuatan sebuah templat blogger. Sama dengan gaya tulisan tangan manusia yang berbeda, atau tanda tangan setiap orang yang tidak sama, di era digital pada zaman kita terhubung ke internet gaya huruf dan ukuran font akan menjadi ciri khas sebuah blogger professional.  Sayangnya opsi merobah langsung melalui Desainer tema blogger kadang tidak berhasil untuk gaya font, lihat gambar: Maka dari itulah disarankan menggunakan cara yang akan kami jelaskan di bawah ini. Pada blog "editTemaBlog" kami menggunakan kode di bawah ini: .po...

Kalau kita bosan dengan tampilan widget bawaan blog tidak ada salahnya mengedit widget tersebut melalui "edit HTML" Dalam hal ini jika yang ingin kita robah tampilannya adalah widget "popular posts". Kita dapat memberi penomoran dengan label penomoran berwarna seperti contoh popular post milik EditBlog dibawah ini: Gambar popular posts tema editblog Caranya masuk kepengaturan dasbor blogger, pilih tema dan lalu pilih "edit HTML". Cari kode:   ]]></b:skin> Dan letakan kode dibawah ini tepat diatasnya: /*--- TRI Popular Posts --- */ .popular-posts ul { padding-left: 0px; counter-reset: popcount; } .popular-posts ul li:before { list-style-type: none; margin-right: 15px; padding: 0.3em 0.6em; counter-increment: popcount; content: counter(popcount); font-size: 16px; background: #FF1493; color: #ffffff; position: relative; font-weight: bold; font-family: georgia; float: left; border: 2px solid #FF1493; box-shadow: 1px 2px 9px #666666; } .popular-posts u...

Pada tulisan sebelumnya saya hanya memberikan contoh bagaimana mengubah tampilan template bawaan blogger "sederhana" menjadi : Menyembunyikan tampilan navbar Membuang gambar obeng atau opsi bawaan "quick edit" Membuat read more Membuat menu navigasi sederhana yang responsive dan mobile friendly (Pada tampilan desktop/laptop tampil inline, pada tampilan hape atau mobile menu navigasi akan otomatis menjadi menu dropdown. Memasang font awsome ke dalam blog Menambahkan kode css reset ke dalam setting dengan opsi melalui tambahkan css di menu Desainer Tema Blogge. Menambahkan widget back to top. Namun perlu diperhatikan langakah lanjutan agar template sederhana tadi menjadi benar benar responsive dan mobile friendly kita dapat melakukan sedikit perombakan struktur template tanpa melanggar aturan kodingnya. 1. Cari kode berikut ini, letaknya ada di dalam tag head (pada template sederhana biasanya tepat berada di bawah kode <head> <meta expr:content = 'data:b...

1. Menyembunyikan Navbar. Pertama masuk ke - Dasbor blog - Tataletak-lalu pilih navbar - buka konfigurasi lalu pilih opsi: OFF. 2. Buang gambar obeng atau "quick edit " pada templat. Masuk ke menu pengaturan langsung saja pilih opsi "edit HTML" tekan ctrl+F pada kotak pencarian pastekan kode dibawah ini: <b:include name = 'quickedit' /> Pada tema sederhana akan terjadi hal ini, dimana lambang obeng itu jumlahnya ada beberapa buah sesuai dengan jumlah widget yang terpasang pada tema. Misalnya popular posts, feature, bahkan atribusi. Pokoknya hapus saja semua dengan menekan enter berkali kali pada kotak pencarian. Itu hanya sebagai pedoman bagi blogger pemula untuk mengedit widget mereka, tapi merusak penampilan bagi blogger yang sudah terbiasa ngeblog karena tampak "menganggu, dan tidak profesional". 3. Buat Read more dengan gambar dan snippet (rangkaian kata kata) pada homepage blogger. Homepage adalah tampilan awal atau halaman awal sebua...

Edit Blog terinsipirasi dari seorang pelajar SMA yang minta tolong di ajarkan mengedit blog tanpa latar pengatahuan koding. Karena mengedit tema (atau template) sangat berbeda dengan membuat sebuah template. Kesamaannya hanyalah pada dasar dari template yang kita pergunakan: Sama sama didesain berdasarkan platform blogger, sama kodenya, sama tujuan pemakaiannya. Hanya pada selebihnya desainer bermain dengan template dengan nilai estetika, rekayasa kecepatan dan nilai lebih SEO. Maka saya pribadi beranggapan mengedit tema hanya sedikit membutuhkan pengetahuan koding. Pada perkenalan pertama blog ini akan memberikan contoh beberapa template yang telah di edit, atau bahkan di re-desain ulang tanpa meninggalkan ciri ciri khas asli bawaannya. Gambar Navigasi menu pada tema "terkemuka" setelah di edit Gambar tampilan footer tema "terkemuka" setelah diedit APA SAJA YANG AKAN BERUBAH SETELAH TEMA BAWAAN DI EDIT? 1. Tampilan, tampilan yang dirobah bisa berupa warna, dan juga...