Gambar tombol Share pengganti pada blogspot Tombol bawaan blogspot atau blogger itu yang kami maksud bentuknya yang seperti ini: Terlihat kecil dan monoton, dan trik untuk menggantinya sangat mudah.  Masuk ke pengaturan blogspot/blogger, pilih TEMA lalu klik "editHTML" cari salah satu kode di bawah ini: <div class='post-share-buttons'> <b:include data='post' name='shareButtons'/> </div> Atau kalau tidak ketemu cari kode dibawah ini, kita dapat menerapkan ini dengan mudah pada template jenis sederhana, awsome dst: <div class='post-share-buttons goog-inline-block'> <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/> </div> Atau...... Perhatikan gambar baik-baik: Gunakan saja ctrl+F untuk mempercepat pencarian, dan kalau sudah ketemu hapus saja. Kode yang kita sebutkan diatas terlihat dalam HTML blogspot sebagai berikut: Dan perhatikan setelah di hapus...

Rekan rekan blogger! Kita bahas sedikit perihal kecenderungan kita sebagai seorang blogger yang terkadang memiliki sensasi sebagai desainer, dan tanpa kita sadari keinginan tersebut telah membawa kita mendekati kedua hal ini: Menjadi seorang programmer dan atau menjadi seorang desainer. Dalam hal mendesain template peranan css, kemudian elemen ikon ikon seperti awsome misalnya sudah tidak bisa di abaikan lagi, ada yang bertanya apakah elemen elemen serupa seperti itu tidak memberatkan loading sebuah tema atau template blogger? Jawabannya tergantung, jika ditulis dan ditempatkan dengan benar tentu saja tidak akan terlalu berpengaruh pada kecepatan, bahkan tema tema blogger AMP tidak dapat meninggalkan kaidah kaidah keindahan elemen elemen template seperti ini. PROGRAMMER vs DESAINER Disana ada terletak perbedaan persoalan yang harus dihadapi oleh seorang programmer dengan seorang desainer. Seorang programmer harus dapat membuat semua fungsi bekerja menurut standard kebutuhan atau membua...

Sengaja dengan bentuk gaya bahasa sesederhana mungkin kami memberikan trik ini dan berbagi, ingat tidak pada setiap jenis tema blogger hal ini dapat dilakukan, kami telah mencobakannya pada tema awsome hasil modifikasi kami dengan gaya header berwarna infinite mirip Desain Arlina, namun jangan salah, gaya itu kami buat (baca: modifikasi) dengan teknik kami sendiri menggunakan elemen elemen yang tersedia gratis di internet dan siapapun bebas menggunakannya tanpa perlu kuatir, termasuk menggunakan template hasil kerja kami. MEMBUAT MENU PENCARIAN BERBENTUK BULAT DAN MELETAKANNYA DI POJOK KANAN HEADER BLOG? Setelah kami mencari tutorialnya kebanyakan dalam bahasa Inggris, dan itupun adalah tutorial bagaimana membuatnya, bukan trik untuk mendapatkannya. Nah untuk tema atau template awsome gratis bawaan blogger yang telah kita edit agar nampak premium dan professional ikutilah tutorial kami sebelumnya perihal membuat warna gradasi baik yang tidak animasi maupun yang animasi, baca: CARA MEMB...

Para desainer tema blogger mempunyai gaya dan style dalam mendesain template blogger. Misalnya Mas Sugeng dengan header menu navigasi gradasi warna, ArlinaDesign dengan gradasi animasi. Beberapa trik dapat kita intip melalui inspect elemen, walau beberapa situs berhasil menyembunyikan inspect elemen beberapa jenis browser, namun trik untuk menampilkan inspect elemen semakin bagus. Melalui itu kita dapat mengetahui bagaimana cara mereka mendesain template mereka. Paling tidak kita dapat meniru beberapa style yang kita inginkan.  1. HEADER DENGAN DUA WARNA BERBEDA (Style Pemula) Membuat warna header blog bawaan  menjadi dua warna secara sederhana adalah mudah misalnya untuk tema sederhana tinggal masuk ke pengaturan blog pilih TEMA lalu masuk ke "Edit HTML" cari kode dibawah ini: .header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px; _background-image: none; } Dengan cara menekan CTRL+F pada sebelah atas kanan akan muncul ...

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...