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

Recent post adalah adalah ujud lain dari thumbnail dan snippet home page blogger yang di olah secara singkat dari isi posingan blog secara berurut di mulai dari yang terbaru, untuk melengkapi tutorial pemakaian tema blogger editblog mungkin ada yang tertarik menambahkan widget ini ke dalam tema blog. Jika tidak abaikan saja. Image recent post pada side bar editblog Cara pemasangan recent post sangat mudah tingga masuk ke pengaturan blog masuk ke lay out pilih HTM/Java script kopi pastekan saja kode dibawa ini kedalam kotak widget HTM/Java script tadi: Setelah HTML/Javascript kita pilih akan muncul kotak dialog widget yang dapat ditulis atau di pastekan kode seperti ganbar dibawah ini: Kopi pastekan kode dibawah ini kedalam kotak widget tersebut: <div class="recentpoststyle"> <script type="text/javascript"> function showlatestposts(e){for(var t=0;t<posts_no;t++){var r,s=e.feed.entry[t],n=s.title.$t;if(t==e.feed.entry.length)break;for(var a=0;a<s.lin...

Setelah merenungkannya saya memutuskan, saya bukan seorang blogger samasekali. Karena pada awal membuat blog juga hanya iseng tanpa niat, dan pada saat kebetulan melihat opsi "$Earnings" saya mencobanya dan satu minggu baru mengerti kalau hal tersebut adalah adsense! Itupun setelah membaca tulisan para masta Blog di Google Plus. Yang saya niatkan hanyalah pingin menulis dan berbagi karena sering membaca tulisan para blogger di web, mereka nampak keren dimata saya. Tapi hal tersebut tidak lantas membuat saya kepingin menjadi seorang blogger, mungkin karena saya telah memiliki pekerjaan tetap yang selama ini terbukti dapat menghidupi dan membuat saya sedikit hidup tenang. Satu satunya alasan yang membuat saya akhirnya ikut ikutan ngeblog adalah karena rasa keinginan tahuan. HAUS PENGATAHUAN Mungkin kelebihan yang diberikan oleh Tuhan kepada saya adalah rasa ingin tahu yang kuat walau kadang nampak seperti kutukan dalam hidup saya. Karena saya tidak sampai melewati kuliah dan ha...

Mengapa orang membuang sistem komentar disqus? Ada beberapa teman yang ingin membuang sistem komentar disqus pada blogspot mereka, dan menanyakan cara meremove / uninstall sistem komentar disqus yang sudah terlanjur terpasang pada template blogger Caranya sih sederhana saja tetapi ingat pastikan terlebih dahulu agar mensinkronkan semua komentar kita. Sebenarnya kalau menurut kami sistem komentar disqus ini memiliki banyak kelebihan walaupun memiliki banyak minus menurut orang orang di barat sana: Disqus mulai secara massive menerapkan basis ads ke dalam platform mereka yang membuat kecepatan blog melambat drastis. Menurut sumber GTMetrix 90% waktu tes hompage blog pada kebanyakan kasus loading disqus sangat lama pada homepage blogspot, termasuk memperlambat blogger AMP, dan termasuk indivual test terhadap setiap postingan itu sendiri. Dan perlambatan juga berlaku untuk mobile blogger, bukan hanya versi desktop.Laptop. Komentar disqus tidak lagi sinkron dengan blogspot. Hanya itu saja i...

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