Langsung ke konten utama

7 Langkah: CSS Untuk Membuat Gambar di Postingan Membesar dengan Kursor







Ini memang blog tentang traveling dan kuliner. Karena akhir-akhir ini banyak masakan yang gagal dan jarang jalan-jalan kecuali pulang kampung. Makanya sekarang berbagi tips aja buat teman-teman yang baru ngeblog. Biasanya saya berbagi tips yang sudah saya gunakan. Kemarin akhirnya saya menemukan caranya supaya kita bisa membuat tampilan gambar di postingan kita membesar saat kursor menyentuh gambar tersebut.

Karena saya sendiri lumayan terganggu dengan tampilan gambar yang tak bisa maksimal di blog. Kalau ditampilkan utuh malah meleber ke samping dan menutupi tulisan yang ada di sidebar. Kelebihan gitu gambarnya. Sedangkan mau mengedit templatenya supaya ukuran kotak postingannya lebih besar juga belum tahu caranya. Maklum ini template gratisan milik Enny Law. Jadi yang harus saya pikirkan adalah bagaimana caranya supaya pembaca tetap bisa mendapatkan gambar yang besar di dalam setiap postingan walaupun gambarnya tidak ditampilkan seutuhnya. Cukup dekatkan kursor ke gambar di dalam postingan tersebut, gambarnya pun menjadi maksimal.

Langkah yang dilakukan sangat mudah. Teman-teman tinggal ikuti saja langkah di bawah ini.

1. Buka dashboard
Silakan log in ke dashboard dengan memasukkan ID dan password yang kita gunakan untuk blog.

2. Buka template
Lalu buka template.

3. Sesuaikan
Pilih sesuaikan.


4. Tingkat lanjut
Pilih 'tingkat lanjut' di bagian paling bawah.




Tambahkan CSS
Pilih 'tambahkan CSS' lalu masukkan CSS di bawah ini semuanya ke dalam kotak tersebut.
.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }




Terapkan ke blog
Klik sudut kanan atas. Terapkan ke blog. Selesai. Sekarang semua gambar yang ada di dalam postingan akan membesar saat kursor menyentuhnya.



Selamat mencoba.


Label:

Komentar

Posting Komentar

Berkomentarlah yang baik. Semua komentar yang masuk akan dimoderasi. (admin: Honeylizious [Rohani Syawaliah]).

Postingan populer dari blog ini

Hati-Hati Belanja di Tokopedia Pakai AnterAja

Selama ini saya selalu puas belanja di berbagai marketplace yang ada di Indonesia termasuk di Tokopedia. Karena selama ini pengirimannya yang saya gunakan ya itu-itu saja. Kalau nggak JNE ya JNT. Pernah juga menggunakan SiCepat. Sudah lama sekali tidak berbelanja di Tokopedia dan saya bulan ini ingin beli kamera dan di Tokopedia saya menemukan kamera yang saya inginkan.  Prinsip saya begitu order langsung bayar supaya barang cepat sampai. Saya tidak sadar kalau pengiriman yang default di aplikasi adalah ekspedisi AnterAja. Tidak pernah menggunakan dan baru dengar. Karena saya pikir memang AnterAja melayani sampai ke Pontianak ya nggak ada masalah dengan pengirimannya. Sampai akhirnya saat tulisan ini saya posting, paket kamera yang saya beli tak kunjung sampai. Googling sana-sini. Buka twitter buat komplain hingga akhirnya menemukan banyaknya orang yang komplain dibandingkan puas dengan layanannya dan bahkan review di google juga jelek. Banyak sekali yang memberikan bintang satu. Terma
14 komentar
✿ baca selengkapnya ✿

Video dan Lirik Lagu Kamil Onte ft taZki Acapella - Yok Idop Sehat

Musik adalah bahasa yang universal. Lewat lagu kita bisa menyampaikan banyak hal. Tidak hanya mengumandangkan cinta dan lara. Tapi juga nasihat-nasihat baik yang berguna bagi banyak orang terutama masyarakat di sekitar kita. Seperti lagi Yok Idop Sehat ini yang memang dibuat untuk menghimbau orang supaya menjalani hidup yang sehat. Lengkap dengan tips yang bisa kita lakukan untuk menjalankannya.  Lagunya tidak hanya menghibur namun juga bisa untuk mengingatkan kita bagaimana hidup sehat yang seharusnya. Bukankah kesehatan adalah segalanya. Tanpa kesehatan kita tidak bisa beraktivitas dan produktif. Yok idop sehat. Yok Idop Sehat Hei buda' buda', saye punye cerite Cerite tentang hidup sehat bagaimane Rajin olahraga stamina tetap terjage Ayok kite semue jadi warge sehat sentose.. . Reff : Makan buah & sayuran dan cek kesehatan Jangan sampai kite saket kedolo'an Marilah kite terapkan same-same Agar kite tetap sehat semuenye Diri saye
1 komentar
✿ baca selengkapnya ✿

Gokusen: Yankumi, Cucu Yakuza yang Impiannya Menjadi Guru

http://aki-ojou.blogspot.com Beberapa hari yang lalu mendapat tambahan koleksi film serial Jepang dari Mister Achan. Satu di antaranya Gokusen. Bisa dikatakan ini mirip dengan Great Teacher Onizuka. Perbedaannya pada konsep dasar dan pemeran utamanya. Siapa yang menjadi guru yang akhirnya disayangi oleh murid nakalnya.
✿ baca selengkapnya ✿