Postingan

Cara Membuat Widget Popular Post Seperti Jalantikus di Blogger

Gambar
Ada banyak cara untuk mempercantik tampilan web atau blog. Salah satu caranya yakni membuat desain widget Popular Post atau Postingan Populer. Kita ambil contoh desain Popular Post  milik Jalantikus. Bisa kamu lihat ada urutan nomor di list  nya bukan? Untuk membuat Popular Post seperti milik Jalantikus sangat mudah. Tidak ada tambahan Javascript. Kita hanya bermain CSS saja. Cara Membuat Widget Popular Post Seperti di Jalantikus di Blogger Langkah pertama yang kamu harus lakukan adalah masuk ke Blogger, Edit HTML, cari tag <body> dan letakkan kode css berikut ini diatas tag <body> . <style> .PopularPosts{   margin:0 auto;   width: 300px;   font-size:13px; } .PopularPosts, .PopularPosts .widget-content{   position: relative;   margin-top: 20px; } .PopularPosts::before{   content:'';   position: absolute;   content: "";   top: 0;   left: 0;   height: 32px;   width: 5px;   background-color: #ce0a46;   z-index: 1; } .PopularPosts h2, .PopularPo

Cara Baru Menggunakan Fontawesome Tanpa Membuat Blog Jadi Berat

Gambar
Sebelumnya, Galih dihadapkan dengan masalah Web atau Blog yang terasa berat saat memuat atau loading . Segala cara sudah dilakukan. Misalnya, menghilangkan Css dan Javascript Bundle bawaan Blogger, menampilkan Jquery langsung di pengaturan HTML, minify semua Css dan Javascript, tidak menggunakan font yang dihosting diluar Blogger, dan masih banyak lagi. (Cara Baru Menggunakan Fontawesome Tanpa Membuat Blog Jadi Berat) Tapi, masih ada satu masalah. Yakni cara penggunaan FontAwesome. Jika kamu tahu, saya membutuhkan font tersebut untuk menampilkan icon  untuk mempercantik tampilan Blog. Akan tetapi, saya tidak menggunakan semua font tersebut. Berhubung Galih belum mengetahui cara yang tepat, akhirnya Galih memuat semua kode CSS FontAwesome yang mengakibatkan waktu memuat atau loading  Blog terasa berat atau lama. Baru-baru ini, setelah browsing sana-sini  di forum Stackoverflow , akhirnya Galih menemukan cara baru untuk menggunakan FontAwesome tanpa membuat Blog atau Web milikmu me

Cara Menghilangkan Scroll Bar di Blogger

Gambar
Galihdesign  - Sudah lama sekali sejak saya terakhir kali update  artikel. Kali ini saya akan membagikan sebuah tutorial tentang cara menghilangkan atau menghapus Scroll bar pada tampilan blog atau website. Pada dasarnya, sebuah template standar akan menampilkan sebuah scroll bar yang terletak di bagian paling kanan layar. Fungsinya adalah untuk memudahkan pengguna menggeser tampilan layar ke atas atau kebawah dengan cepat. Namun nyatanya, Scroll bar jarang sekali digunakan karena adanya fitur Scroll pada Mouse (PC) atau fitur usap pada Smartphone. Pada akhirnya, Scroll bar hanya digunakan untuk menuju bagian paling atas atau bagian paling bawah halaman blog atau website. Untuk mengatasi fenomena ini, para Web Designer mengakalinya  dengan membuat fitur Scroll up dan Scroll down indirect yang bisa menggeser layar ke bagian paling atas atau bagian paling bawah secara cepat dengan hanya menekan satu tombol. Lalu, apa gunanya Scroll Bar bawaan Browser? Untuk itulah mereka meng

Cara Membuat Scrolling Progress Bar di Blogger

Gambar
Cara Membuat Scrolling Progress Loading Bar di Blogger  - Kali ini galih ingin membagikan tips baru untuk mempercantik tampilan blog. Mungkin kamu sudah melihat di beberapa situs yang memakai animasi scrolling bar di bagian atas halaman sebuah situs yang bisa berkurang atau bertambah jika kamu melakukan scroll ke atas atau kebawah. Animasi tersebut dinamakan Scrolling Progress bar. Cara Membuat Scrolling Progress Bar Ada beberapa tahapan untuk membuat Scroll bar . Yakni penambahan tag html, css dan juga sedikit Javascript yang saya yakin tidak akan membuat loading halaman situsmu menjadi berat, tidak akan. 1. Silahkan tambahkan kode css berikut ini pada bagian head. Jika kamu menggunakan Blogger, silahkan masuk ke Tema > Edit HTML > Cari tag </head> tambahkan kode berikut ini tepat diatasnya. <style type="text/css"> /*Progress*/ progress {     position: fixed;     left: 0;     top: 0;     width: 100%;     height: 2px;     -webkit-appearance:

Apekasetor Responsive Blogger Template

Gambar
Apekasetor Responsive Blogger Template  - Beberapa hari yang lalu ada yang request  untuk pembuatan template blogger ala Playstore. Sudah jenuh saya membuat desain yang sama persis seperti website lain, akhirnya saya putuskan untuk membuat template ala Playstore tapi dengan fresh  desain alias belum ada orang lain yang membuat desain template blogger seperti saya. Terima kasih banyak untuk kalian semua yang sudah melakukan pembelian Apekasetor Template versi premium karena berkat kalian akan ada template-template blogger yang keren lainnya. DEMO Free Download Buy Now $6 / Rp.60000,- Apekasetor Blogger Template Berikut ini adalah beberapa fitur dari template Apekasetor Blogger : SEO Optimized Fast Loading Ads Slot Ready Fresh Design Clean Grid Style Slider Image on Post Custom Search box Custom Error Page Footer Menu Sidebar on Item Page Unlimited Page Navigation No Encrypted Data No Credit Link Free Update And many more. Jika anda tertarik silahkan klik tombol

2 Cara ampuh Blokir No Hp di Smartphone

Gambar
2 Cara ampuh Blokir No Hp di Smartphone  - Saya sudah bosa menerima sms atau telepon tidak dikenal yang masuk ke nomor handphone saya pribadi. Entah darimana mereka semua tahu nomor hp saya, Yang jelas, masalah tersebut sangat mengganggu bagi saya, dan mungkin juga kamu. Cara Blokir No Hp Saya gemar sekali bermain game. Khususnya game di Smartphone karena bisa dimainkan kapanpun dan dimanapun. Nah , anehnya sering kali saat bermain game tiba-tiba ada panggilan telepon masuk, sudah pasti jengkel dong? Untuk kamu yang memiliki masalah yang sama dengan saya, kamu bisa coba tips berikut ini tentang bagaimana cara blokir sms , panggilan telepon no hp orang lain. Menggunakan Aplikasi Ada banyak sekali aplikasi android maupun iOS yang bisa memblokir No Hp. Salah satu aplikasi terbaik yang sudah saya coba adalah Call Blocker buatan Vlad Lee Sumber: Playstore Aplikasi Call Blocker ini mampu memblokir semua panggilan dan sms dari no hp yang tidak kita inginkan. Car

Cara Mempercepat Loading Blog di Blogger Terbaru

Gambar
Cara Mempercepat Loading Blog di Blogger Terbaru  - Mempercepat Pagespeed Blog adalah PR penting selain masalah SEO. Mesin pencari, khususnya Google, akan lebih mengutamakan blog yang memiliki loading atau pemuatan halaman yang lebih cepat untuk urutan hasil pencarian. Misalnya, jika ada 2 Blog yang memiliki kualitas konten dan SEO yang sama baiknya, maka faktor kedua yang akan Google pilih untuk menentukan urutan hasil pencarian adalah Pagespeed atau seberapa cepat halaman Blog dimuat. Jadi, jangan ragu untuk melakukan langkah-langkah mempercepat loading blog ini. Cara Mempercepat Loading Blog di Blogger Terbaru Format Image Pada awalnya, Google tidak mempermasalahkan format gambar atau image yang digunakan pada sebuah Blog. Cukup dengan melakukan kompres gambar saja sudah cukup agar ukuran gambar tidak terlalu besar. Tapi sekarang, Google menganjurkan para pemilik Blog untuk menggunakan gambar dengan format webp  karena format tersebut lebih cepat dimuat dibandingkan