Tutorial 2 - Scroll box untuk gambar

 Ada permintaan dari seorang kawan aku jugak yang nak tau macam mana nak buat tutorial ni.

Jadi sekarang ni aku nak ajar korang ye.

Maybe ada yang dah tau hehe.

<div style="background-image: url(&quot;http://dl.glitter-graphics.net/pub/303/303771ob8r4r0z04.png&quot;); border: 3px double #FF3399; height: 300px; overflow: auto; width: 190px;"></a><center>
</center>

<marquee onmouseover="this.start()" onmouseout="this.start()" scrollamount="7" direction="up" align="center">

<center><img style="width: 143px; height: 204px;" src="URL GAMBAR DI SINI" /></center>
<center><img style="width: 143px; height: 265px;" src="URL GAMBAR DI SINI" /></center>
<center><img style="width: 144px; height: 245px;" src="URL GAMBAR DI SINI" /></center>
<center><img style="width: 142px; height: 213px;" src="URL GAMBAR DI SINI" /></center>
<center><img style="width: 138px; height: 234px;" src="URL GAMBAR DI SINI" /></center>

</marquee>

<center></center><center></center></div>

dashboard => design => add a gadjet => html/javascript

  copy code kat atas ni dan paste kat html/javascript

url gambar tu korang boleh ambil kat sini

http://imgur.com/

jangat lupa lepas upload gambar tu, korang mesti ambil DIRECT LINK tau.

yang purple tu korang ley tukar warna border taw. Letak la apa-apa warna korang nak ye.

biru ni untuk background. Korang letak je link background yang korang nak.

lepas tu save ye =)

chaiyokk !

---

dah baca??? Tinggalkanlah comment. Tengkayu =)

---

Tutorial 1 - Floating Button

First time aku buat tutorial.  Ni pun disebabkan ada permintaan dari blogger lain ( SIS ).  So cuba la =)

 

<style type='text/css'>
    a.linkopacity img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;}

    a.linkopacity:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0; }
    </style>

    <div style='display:scroll; position:fixed; top:120px; left:-12px;'>

    <a class='linkopacity' href='http://www.facebook.com/profile.php?id=100001828479033' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />


    <a class='linkopacity' href='http://mimifara08.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />


    </div>

biru- sis letak url sis. contoh: url blog, facebook, twitter, myspace dan lain-lain yang sis nak.

ungu-sis letak url gambar yang sis nak keyh.

p/s: kalau sis nak tak cukup dua button. sis tambah kan je code yang sama seperti di atas ni.

CHAIYOK !!! CHAIYOKK !!!! =)

---

dah baca??? Tinggalkanlah comment. Tengkayu =)

---

Tutorial 6 - Centerkan Ayat Di Sidebar

Tutorial kali ni lebih kepada kekemasan blog.

So siapa nak try ?

Jom !

<center>Ayat Sendiri</center>

Ayat Sendiri: Korang boleh letak ayat korang sendiri.

Kalau nak centerkan gambar pun boleh.

Copy code dibawah ni.

<center><img src="URL IMEJ" />Ayat Sendiri</center>

Selamat mencuba !

---

dah baca??? Tinggalkanlah comment. Tengkayu =)

---