01 December 2010

Scroll Box untuk blog.



Bismillah ir-Rahman ir-Rahim
Assalamualaikum, sayam ku semua !
Sebelum baca entri, meh kasi aku hadiah sikit - HANYA SATU KLIK !
Terima Kasih ;)


Salam malam, pembaca!
Aku dah makan malam. Korang sudah ke belum? Kalau belum, sila makan sekarang! Orang selalu cakap, tak baik makan malam sangat. Nanti perut buncit! Hahaha :D Okay, terus ke tujuan utama entri ini di buat.

Aku dapat terima pertanyaan dari Cik Liyana, bagaimana nak buat scroll box dalam belog. Scroll box yang Cik Liyana cakapkan ialah seperti di bawah ni :

Jadi, aku nak tayang kat pembaca aku yang lain lah. Macam mana terhasil nya scroll box tak lawa tu. Korang yang dah tahu, diam diam jela. Tok sah gelak kan aku. Derr. Yang tak tahu, siapkan note pad. Salin dengan pen tau, jangan minum kopi sambil makan pasta copy and paste pulak. Kiki. Kejam nya aku!

UPDATE 23 April 2012
SCROLL BOX 1 - untuk teks dan URL.
  1. Design/Layout - Add a Gadget - HTML/JavaScript.
  2. Copy and paste kod di bawah ini : 
    <div style="border: 1px solid; color: #cccccc; height: 100px; overflow: auto; padding: 15px; width: 200px;">
    <a href="http://masukkan url tajuk 1">Tajuk 1</a>
    <a href="http://masukkan url tajuk 2">Tajuk 2</a>
    <a href="http://masukkan url tajuk 3">Tajuk 3</a>
    <a href="http://masukkan url tajuk 4">Tajuk 4</a>
    <a href="http://masukkan url tajuk 5">Tajuk 5</a>
    <a href="http://masukkan url tajuk 6">Tajuk 6</a>
    </div>
    Kod Merah Jambu+Bold - boleh di ubah mengikut selera kesesuaian.
    Kod Oren+Bold - Gantikan dengan URL yang korang nak taruk tu.
    Kod Cokelat+Bold - Gantikan dengan nama yang sesuai.
  3. Save!
SCROLL BOX 2 - untuk gambardan URL
  1. Design/Layout - Add a Gadget - HTML/JavaScript.
  2. Copy and paste kod di bawah ini : 
    <div style="border: 1px solid; color: #cccccc; height: 100px; overflow: auto; padding: 15px; width: 200px;">
    <a href="http://masukkan url anda"><img src="http://masukkan URL iamge 1"></a>
    <a href="http://masukkan url anda"><img src="http://masukkan URL iamge 2"></a>
    <a href="http://masukkan url anda"><img src="http://masukkan URL iamge 3"></a>
    <a href="http://masukkan url anda"><img src="http://masukkan URL iamge 4"></a>
    <a href="http://masukkan url anda"><img src="http://masukkan URL iamge 5"></a>
    <a href="http://masukkan url anda"><img src="http://masukkan URL iamge 6"></a>
    </div>
    Kod Merah Jambu+Bold - boleh di ubah mengikut selera kesesuaian.
    Kod Oren+Bold - Gantikan dengan Destination URL.
    Kod Cokelat+Bold - Gantikan dengan URL IMAGE korang.
  3. Save!
Cik Liyana, kalau tak dapat buat, roger ye ;)
bising : penat jugak buat tutorial ni. haha.



Dah habis baca entri ?
Meh kasi aku hadiah sikit - HANYA SATU KLIK !
Terima Kasih ;)
=============================================================================
Ya Allah, ampuni aku, sayangi aku, tutuplah aib-aibku, angkatlah darjatku, berilah aku rezeki, berilah aku petunjuk, sihatkan aku, dan maafkan aku)
=============================================================================

2 comments:

Cik Liyana said... BALAS

thanks dear!! hey, pemenang dah umum so apalagi tengoklah kot u yang bertuah ker!

Tahniah Anda Pemenang GA

Puan Besar Shag Yahaya said... BALAS

@Cik Liyana : Youre most welcome ;)

 

Template Design by Puan Besar Shag Yahaya
(c)Copyright reserved by Shag Comot