Tutorial Scroll Box Untuk Gambar/Foto

Assalamualaikum w.b.t

Hari ni, for the first time since i'm berblogging, buat tutorial. Tutorial ni direquest oleh madu saya, iaitu Mrs. Lee Min Ho atau Atyn Nayn. Hehe, minat kami sama, Lee Min Ho. Pojadah eh Min Ho nih? Tuh, tengok gambar kawin kami di header. Puihh! (Muntah tempat lain ye!)

Sambil bahu aku terkehel-kehel akibat masuk rancangan Running Man tadi, eh silap silap, berlari berkejar kejaran satu Politeknik Port Dickson, naik JKE, naik Unit exam yang separuh KM jauh, pergi balik JKE. Mau tak longgar semua sendi aku? Aku buat jugak tutorial ni demi blogger yang tersayang. Ewah!

*Mozilla Firefox punye view

*Google Chrome punye view

Comel tak Cik Atyn Nayn? Min Ho tu! Haha. Orang lain sebok letak gamba awek, pakwe, aku sebok tepek gamba Min Ho. Ni belog aku ke belog Min Ho? Kompius makk!

Design > Page Elements > > Add Widget > HTML/Javascript

Untuk mendapatkan hasil yang memuaskan gilagila, tukar 'nilai px' kepada nilai yang sesuai dengan belog korang.

Untuk tulisan yang diboldkan merah tu, boleh tukar warna disini

Selamat Mencuba!

Sabar, tarik napas pendek pendek, ni codingnya :

<div style="background-image: url(URL IMAGE BACKGROUND);

    border-color: #FF6699; border-style: double; border-width: 4px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    height: 250px; overflow: auto; width: 190px;">

    <center><img style="width: 143px; height: 204px;" src="URL GAMBAR DALAM KOTAK " />

    </center>