Postingan

Entri yang Diunggulkan

CARA MENGHAPUS TOMBOL SHARE BAWAAN BLOGSPOT DAN MENGGANTIKANNYA DENGAN TOMBOL SHARE RESPONSIVE

Gambar
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

MAU MEMASANG IKON AWSOME DENGAN GRADASI WARNA DI BLOG? BEGINI CARANYA!

Gambar
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

MEMBUAT RECENT POST RESPONSIVE GAYA EDITBLOG

Gambar
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

CARA MEMBUAT MENU PENCARIAN BERBENTUK BULAT DIDALAM HEADER TEMA AWSOME

Gambar
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

SEPERTI APAKAH SEORANG BLOGGER ITU?

Gambar
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

CARA MEMBUAT GRADASI WARNA PADA HEADER BLOGGER

Gambar
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