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>

6 comments:

Unknown said...

yeay!!!!!!!!!! senget suda wat tutorial la..

nurulain1011 said...

oih, cik lengloy, apaa lagi. buat air kopi copekk! hahaha

Nurul Ainee said...

wah!!! da cantik la background! nice2 ;))

nurulain1011 said...

ainee : thank you ainee! ;)

atyn nayn said...

whoaaa! madu saye!haha. terima kaseh banyak2 yer kakak! hehe. t atyn try wat.tak hebak ag niy pasal blog.huhu
:DD

as sweet as SAIDATUL SYAFIQAH said...

mcm mne nk letak gmbar bnyak2 kat scroll box?