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
waa makin byk tutorial yg bgus2 ni..keep it up cik tom 😀 T-Shirt Design Competition
tutorial lagi. yeay! thanks cik tom 🙂
pasal scroll box tue dah byk kali aku try sebelum ni tak jadik gak..hampeh.
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! 😉
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 😛
thanks cik tom! ;D
thanks cik tom. pasti berguna untuk saya nnti. =)
ciktom ni bagus betul..byk ilmu sebenarnya pasal blog2 nih..
akak kalu pasal blog..ciktom jadi cikgu…akak jd anak murid lak..hehe..
cik tom..
akak nak buat yang scroll tu tapi tak jadi la..
cik tom datang umah akak sat,..huhu..
Wahhh!! Fikk suke entry tutorial ni!
Nanti kalo fikk nak buat turial leyh masukkan coding nie hehehee…
rajin cik tom wat tutorial… 😉
hi cik tom…tq buat tutorial ni k..u made my dy today ..:) tqvm dear…
cik tom..cmne na buat animated banner tu
wah..rajinnyer cik Tom buat tutorial..*thumbs up! 😀
@Afiq Bukhari: terima kasih.. ni sekadar berkongsi ilmu yg ade je..
@Miza Yusof: ur wlcm..tp rs miza dah tau wat ni semua kot..huhu
@si biskut: sila cuba yang ni..sebab fantastic jane buat dah menjadi..
@FyZa: ur wlcm..selamat mencuba ye fyza..hehe
@♥ Roshazzy Shag ♥: xtau la shag..maybe cik tom stop je dulu tutorial ni..nati cik tom ajar step ke email shag je boleh??
@ardinihumaira: ur welcome dear 😉
@farhah adeli: memang tue harapan cik tom..perkongsian ni dapat manfaat kat kawan2 😉
@sarah-najwan: takdelah akak..akak pun boleh belajar kalau akak jejalan kat blog tutorial..memang banyak kat sana..hihi…akak still cikgu cik tom 😉
@diana: cik tom dah dtg semalam tp tegur akak..tp akak senyap je..hihi
@F.I.C.K.R.Y: yup memang boleh kalo fik nak buat tutorial guna step ni nak masukkan coding..huhu
@SYaMiLa: rajin sgt tue takdelah akak..tp sekadar kongi ngan kawan..
@Fantastic Ajane: ur wlcm..tahniah sbb dah berjaya buat..happy bila tgk kwn2 berjaya 😉
@Farah Sygs: rara syg..animated banner tue boleh belajar kat sini;
http://tomatogurlslife.blogspot.com/2010/10/tutorial-buat-banner-kelip.html
@emiey: xdelah rajin tp sbb kawan2 cik tom buat rajin..hihi
wooo..kena try tp mcm susah jer..wawawa thanks cik tom
I think one of your advertisements caused my internet browser to resize, you might want to put that on your blacklist.
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?
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..
Thanks , thanks and thanks a lot again ! 🙂
Jom baca entri terkini Adib Asyraff …KERANA Doodle II Adib Lagi Comel .
your welcome..nice blog 🙂
thanks! 😀 yayyy
your welcome.
Bolehlah belajar sedikit demi sedikit cara nak letak banner di scroll box. Sangat menarik…TQ ciktom….
Jom baca entri terkini sensasi2020 …Wordless Wednesday # 7 – P1 Kena Potong, Jangan Tak Potong.