Tutorial Masukkan Coding Dalam Entry & Scroll Box

Assalamualaikum dan Salam 1 Malaysia…….

Kali ni cik tom nak share cara nak masukkan coding dalam entry/sidebar untuk buat samada tutorial/code banner. Ada 2 cara iaitu cara encode ataupun textarea. Selain itu, cik tom akan tunjukkan juga tutor coding untuk scroll box. 3+1 punya tutorial. Di harap tutorial ni dapat membantu fantastic ajane buat code banner dan amni yang pernah tanya cara buat scroll box.

~~~~~~CARA MASUKKAN CODING MENGGUNAKAN ENCODE~~~~~~

STEP 1

Sila buka website ni dengan klik di SINI.

STEP 2

Coding untuk banner korang atau apa-apa coding yang korang suka masukkan dalam kotak dalam website tue. Contoh coding untuk banner yang cik tom guna;


<a href="URL BLOG" target="_blank"><img src="URL GAMBAR" border="0" height="SIZE TINGGI" width="SIZE LEBAR" /></a>

STEP 3

Klik button “encode”.

Step 4

Copy dan paste code yang telah di encode ke dalam entry atau sidebar. Kalau nak masukkan code tue ke dalam scroll box sila follow up next step.


~~~~~~CARA UNTUK BUAT KOTAK SCROLL~~~~~~

Copy dan paste coding di bawah ke dalam entry ataupun sidebar;


<div style="BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 15px; OVERFLOW-X: auto; OVERFLOW-Y: auto; PADDING-LEFT: 15px; WIDTH: 200px; PADDING-RIGHT: 15px; HEIGHT: 50px; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; PADDING-TOP: 15px">CODING BANNER YANG DI ENCODE/APA SAJE KORANG SUKA</div>

Semua coding tue, korang boleh ejas sendiri tapi cik tom just ajar yang basic 2 je ye;

HEIGHT=ketinggian kotak scroll
WIDTH=kelebaran kotak scrol

Hasilnya seperti scroll box di sidebar “Jom curik banner cik tom”.


~~~~~~CARA TUNJUK CODING MENGGUNAKAN TEXTAREA~~~~~~

Bagi cara ni tak perlu buat step encode coding seperti first step dan juga tak perlu buat scroll box. Kiranya terus direct masuk coding ke dalam textarea.


<textarea id="textarea" rows="4" cols="23" name="textarea">CODING YANG INGIN DITUNJUKKAN</textarea>

rows=untuk berapa row/lajur melintang yang korang nak.
cols=untuk berapa column/lajur menegak yang korang nak.

Hasilnya;


Mana satu pilihan korang?? U decide it!


credit tutorial scroll=maribinablog
credit tutorial textbox=wanhazel
credit tutorial encode=lupa ;D

Sharing is caring

ciktom

Cik tom seorang part time blogger yang sangat sukakan dunia blogging dan buah tomato. Mula menulis blog 15 Julai 2010. Menaip segala ilham dari akal fikiran dan hati ke dunia alam cyber. Sebarang persoalan atau pengiklanan/advertorial/review sila hubungi ciktom; tomatogurl86[at]gmail.com...gantikan [at] dengan @

37 thoughts on “Tutorial Masukkan Coding Dalam Entry & Scroll Box

  • November 5, 2010 at 11:57 am
    Permalink

    waa makin byk tutorial yg bgus2 ni..keep it up cik tom 😀 T-Shirt Design Competition

    Reply
  • November 5, 2010 at 12:09 pm
    Permalink

    tutorial lagi. yeay! thanks cik tom 🙂

    Reply
  • November 5, 2010 at 12:20 pm
    Permalink

    pasal scroll box tue dah byk kali aku try sebelum ni tak jadik gak..hampeh.

    Reply
  • November 5, 2010 at 12:46 pm
    Permalink

    tengs 4 dis nice tutorial cik tom..sgt2 berguna..mmg fyza dok tercari2 g utk wat scroll box kat blog..x dakla nmpk serabut sgt..hehe..tengq so much cik tom! 😉

    Reply
  • November 5, 2010 at 12:47 pm
    Permalink

    Bila nak buat tutorial Drop Down menu cara Cik Tom? [Jom curik banner Cik Tom, Banner Contest/GA, Top 10 Post org Skodeng, Top 20 Suka Makan Tomato]

    Hiks 😛

    Reply
  • November 5, 2010 at 1:00 pm
    Permalink

    thanks cik tom! ;D

    Reply
  • November 5, 2010 at 1:17 pm
    Permalink

    thanks cik tom. pasti berguna untuk saya nnti. =)

    Reply
  • November 5, 2010 at 1:51 pm
    Permalink

    ciktom ni bagus betul..byk ilmu sebenarnya pasal blog2 nih..

    akak kalu pasal blog..ciktom jadi cikgu…akak jd anak murid lak..hehe..

    Reply
  • November 5, 2010 at 2:06 pm
    Permalink

    cik tom..
    akak nak buat yang scroll tu tapi tak jadi la..
    cik tom datang umah akak sat,..huhu..

    Reply
  • November 5, 2010 at 2:11 pm
    Permalink

    Wahhh!! Fikk suke entry tutorial ni!
    Nanti kalo fikk nak buat turial leyh masukkan coding nie hehehee…

    Reply
  • November 5, 2010 at 2:35 pm
    Permalink

    rajin cik tom wat tutorial… 😉

    Reply
  • November 5, 2010 at 2:41 pm
    Permalink

    hi cik tom…tq buat tutorial ni k..u made my dy today ..:) tqvm dear…

    Reply
  • November 5, 2010 at 2:53 pm
    Permalink

    cik tom..cmne na buat animated banner tu

    Reply
  • November 5, 2010 at 3:57 pm
    Permalink

    wah..rajinnyer cik Tom buat tutorial..*thumbs up! 😀

    Reply
  • November 6, 2010 at 6:45 am
    Permalink

    @Afiq Bukhari: terima kasih.. ni sekadar berkongsi ilmu yg ade je..

    Reply
  • November 6, 2010 at 6:46 am
    Permalink

    @Miza Yusof: ur wlcm..tp rs miza dah tau wat ni semua kot..huhu

    Reply
  • November 6, 2010 at 6:47 am
    Permalink

    @si biskut: sila cuba yang ni..sebab fantastic jane buat dah menjadi..

    Reply
  • November 6, 2010 at 6:51 am
    Permalink

    @FyZa: ur wlcm..selamat mencuba ye fyza..hehe

    Reply
  • November 6, 2010 at 6:52 am
    Permalink

    @♥ Roshazzy Shag ♥: xtau la shag..maybe cik tom stop je dulu tutorial ni..nati cik tom ajar step ke email shag je boleh??

    Reply
  • November 6, 2010 at 6:54 am
    Permalink

    @farhah adeli: memang tue harapan cik tom..perkongsian ni dapat manfaat kat kawan2 😉

    Reply
  • November 6, 2010 at 6:56 am
    Permalink

    @sarah-najwan: takdelah akak..akak pun boleh belajar kalau akak jejalan kat blog tutorial..memang banyak kat sana..hihi…akak still cikgu cik tom 😉

    Reply
  • November 6, 2010 at 6:57 am
    Permalink

    @diana: cik tom dah dtg semalam tp tegur akak..tp akak senyap je..hihi

    Reply
  • November 6, 2010 at 6:58 am
    Permalink

    @F.I.C.K.R.Y: yup memang boleh kalo fik nak buat tutorial guna step ni nak masukkan coding..huhu

    Reply
  • November 6, 2010 at 6:59 am
    Permalink

    @SYaMiLa: rajin sgt tue takdelah akak..tp sekadar kongi ngan kawan..

    Reply
  • November 6, 2010 at 6:59 am
    Permalink

    @Fantastic Ajane: ur wlcm..tahniah sbb dah berjaya buat..happy bila tgk kwn2 berjaya 😉

    Reply
  • November 6, 2010 at 7:01 am
    Permalink

    @emiey: xdelah rajin tp sbb kawan2 cik tom buat rajin..hihi

    Reply
  • December 6, 2010 at 7:56 am
    Permalink

    wooo..kena try tp mcm susah jer..wawawa thanks cik tom

    Reply
  • January 19, 2011 at 3:59 am
    Permalink

    I think one of your advertisements caused my internet browser to resize, you might want to put that on your blacklist.

    Reply
  • May 8, 2011 at 12:52 am
    Permalink

    akak, knp bila saya edit blog je

    dia tulis

    “Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly. XML error message: The markup in the document following the root element must be well-formed.

    Error 500

    blog saya ada masalah ke?

    Reply
    • May 11, 2011 at 9:31 pm
      Permalink

      betul ker alamat blog yang awak bagi ni ye?cik tom cuba buka tapi takde url ni dalam list blogger…bukan blog ada masalah tapi code yang dimasukkan oleh adik tue tak lengkap…takde penutupnya..tue yang keluar error..cuba buat balik step dengan ikut stepnya satu persatu..insyaAllah akan berhasil..

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge

This site uses Akismet to reduce spam. Learn how your comment data is processed.

error: Content is protected !!