Cara Mudah Membuat Sticky Image Yang Sangat Elegan

Sticky Image adalah tampilan gambar di atas artikel yang selalu tampil ketika kursor kita gulir kebawah maupun ke atas.

Cara Mudah Membuat Sticky Image Yang Sangat Elegan

Jika di artikan kebahasa Indonesia, Sticky Image adalah Gambar Tempel. Berarti gambar yang menempel?

Dalam bahasa HTML, tidak semua istilah dapat diartikan kebahasa tertentu begitu saja. Perlu adanya penyesuaian istilah dengan kegunaannya.

Cara Mudah Membuat Sticky Image Yang Sangat Elegan


Yang perlu Anda lakukan untuk Membuat Sticky Image Yang Sangat Elegan sebagai berikut:

1. Login ke blogger.com.
2. Cari kode </style> pada Tema > Edit HTML.
3. Copas (copy-paste) kode di bawah ini sebelum kode </style>.
img.sticky {
position: sticky;
top: 5px;
width: 200px;
border-radius: 8px;
}

4. Bila sudah memasang style img.sticky pada Tema > Edit HTML, sekarang simpan tema Anda.

Sekarang untuk kode pemanggilnya, tambahkan kode HTML di bawah ini di dalam postingan pada tab HTML (bukan compose).

<img class="sticky" src="URL GAMBAR" alt="ALT GAMBAR" title="TITLE GAMBAR">

Result:


Cobalah kreasikan sendiri di sini Tryit Editor

Related Search Pages:
  • Membuat Sticky Floating Fixed Footer Wordpress
  • How To Create a Sticky Image
  • Tips Cara Membuat Sticky Menu Navigasi di Blog
  • Cara Membuat Widget Melayang ( Sticky ) Pada Sidebar Blog Sobat ...
  • Cara Membuat Template Yang Menarik di WordPress

Komentar

Postingan populer dari blog ini

Terlalu Dekat Dengan Pasar, 15 Minimarket Modern Di Malang Akan Di Tutup Oleh Pemkot Malang

Cara Menghindari Konten Salinan dengan Baik dan Benar

112 TPS di Riau akan melakukan pengulangan Coblosan dan Lanjutan