Posts

Showing posts from June, 2018

Cara Membuat Image Responsive dengan Menggunakan CSS

Image
Cara Membuat Image Responsive dengan Menggunakan CSS - Ada banyak cara atau teknik dalam membuat gambar menjadi responsive dan bervariasi tergantung dari tingkat dukungan browser. 


Pada tutorial kali ini saya akan memberikan dasar dalam membuat gambar menjadi responsive artinya gambar akan menyesuaikan dengan besarnya viewport atau layar ketika pengguna mengakses sebuah website.



Mari kita mulai dengan contoh yang sederhana. Saya telah memiliki elemen <div> yang bertindak sebagai wadah atau sebuah container dari elemen <img>.







Code CSS diatas menjelaskan container memiliki properti lebar 96% dan mempunyai nilai margin auto. Memiliki max-lebar 960px sehingga tata letak akan berada di posisi tengah. Kemudian elemen <Img> dalam container memiliki properti lebar 100% sehingga lebarnya selalu sama dengan container dan akan menyesuaikan layar monitor, sehingga membuat sebuah gambar menjadi responsive. Ketinggian set ke auto sehingga gambar akan otomatis proporsional.







Perhatik…

Pakar ahli SEO Depok Bogor

Image
Pakar ahli SEO Depok Bogor - Bagi anda yang saat ini sedang merambah ke bisnis online dengan menggunakan Website e-commerce atau Blog, namun anda masih bingung bagaimana caranya agar usaha anda lebih berkembang melalui website atau blog anda tersebut, lalu bagaimana caranya website atau blog anda bisa mudah di cari pengunjung dalam mesin pencari atau search engine?


Mungkin anda terlalu awam untuk soal diatas. Tapi jangan khawatir, disini saya membuka jasa SEO dan Backlink untuk meningkatkan kualitas website atau blog anda agar semakin SEO dan mudah di cari pengunjung dalam mesin pencari. yang anda butuhkan hanyalah keyword atau kata kunci untuk bisnis anda tersebut dan saya akan mulai langsung eksekusi keyword tersebut selama proses pengerjaan. 
Untuk lebih detailnya mengenai mekanisme kerjanya seperti apa, anda bisa hubungi kontak saya yang tertera di Blog ini. 
Hasil Pencarian Google:
Ahli SEO DepokAhli SEO IndonesiaPakar SEO IndonesiaPakar SEO DepokMaster SEO DepokMaster SEO Indonesi…

Cara Penggunaan Script Lazy Load di Blog

Image
Cara Penggunaan Script Lazy Load di Blog - Lazy Load adalah pola desain yang umumnya digunakan dalam pemrograman komputer untuk menunda inisialisasi objek sampai titik di mana diperlukan. Lazy Load ini berfungsi untuk menunda pemuatan gambar pada halaman web yang panjang. jadi, gambar akan dimuat ketika pengguna melakukan scrolling pada halaman tersebut. Menggunakan Lazy Load pada halaman blogger yang panjang akan membuat load halaman lebih cepat. Dalam beberapa kasus juga dapat membantu mengurangi beban server.


Jika anda menerapkan Lazy Load pada situs anda, silahkan bersihkan cache browser tersebih dahulu untuk melakukan pengujian lazy load.
Cara Menggunakan Lazy Load
Lazy Load merupakan bagian dari JQuery, Silahkan letakan pada akhir kode HTML <scriptsrc="jquery.js"></script><scriptsrc="jquery.lazyload.js"></script> Gunakan Class pada gambar yang ingin diterapkan Lazy Load <imgclass="lazy"data-original="img/example.jpg"…

Travelling Tour Eropa Barat bersama Cheria Holiday

Image
Travelling Tour Eropa Barat bersama Cheria Holiday  -  Pada kesempatan kali ini saya ingin memberikan informasi seputarTravelling Tour Eropa Barat bersama Cheria Holiday.



Sebelum saya memaparkan lebih luas tentang Paket dan Program apa saja yang ditawarkan oleh Cheria Holiday, alangkah baiknya saya menjelaskan sedikit terlebih dahulu tentang Pofil dari Cheria Holiday ini. Supaya anda lebih yakin dan percaya bahwa Cheria Holiday memang benar memberikan layanan terbaik kepada konsumennya.



PROFILE DARI CHERIA HOLIDAY. +Cheria Halal Wisata Tour Travel Hadir dalam rangka memenuhi salah satu kebutuhan umat Islam melakukan perjalanan ibadah yaitu pentingnya menu halal di tempat kunjungan wisata walau ke negeri non muslim sekalipun. Berdiri sejak tahun 2012 kami sudah melayani ribuan wisatawan dan peziarah dengan komitmen pelayanan terbaik dengan harga bersaing dan garansi kepuasan bagi para tamu kami. Layanan kami mencakup kebutuhan paket tour muslim untuk dalam dan luar negeri juga m…

Smart Shopping with Hadiah.ME, bagi-bagi Voucher Diskon Lho!

Image
Smart Shopping with Hadiah.ME, bagi-bagi Voucher Diskon Lho! - Assalamualaikum wr wb, pada kesempatan kali ini saya akan membahas ulasan seputar informasi menarik yang mungkin akan sayang sekali kalau sampai anda lewatkan, yaitu Smart Shopping with Hadiah.ME, sebelum membahas kepada intinya, saya akan sedikit menceritakan Profil dari Hadiah.me ini yuk disimak!

Profile Hadiah.ME 
Hadiah.ME merupakan sebuah situs yang menawarkan berbagai diskon untuk membeli produk di berbagai marketplace. PT. Digital Poin Indonesia lah sebagai satu-satunya perusahaan yang mendirikan situs Hadiah.ME ini.

Visi dan Misi dari Hadiah.ME adalah untuk memberikan Reward point  kepada para anggotanya dari aktivitas belanja online yang dilakukan melalui situs Hadiah.ME ini, pastinya cocok bagi anda yang memang gemar dalam bertransaksi online di marketplace store.
Keunggulan Hadiah.ME ini juga sangat menguntungkan kepada para seller online, kenapa tidak? tentu sangatlah menguntungkan karena lapak dagangan mereka menj…