Posts

Showing posts with the label tuto

Tutorial Letak Youtube dalam blog macam dalam blog guwa

Image
Assalamualaikum. Hahahaha. Tajuk takleh panjang lagi ke weh?? Amek kod ni. <object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/ JH_cM59JY34 ?version=2&amp;autoplay=1&amp;hl=en_US&amp;color1=ffffff&amp;amp; color2=ffffff " /><param name="allowFullScreen" value="true" /> <param name="allowscriptaccess" value="always" /> <embed src="http://www.youtube.com/v/ JH_cM59JY34 ? version=2&autoplay=1&hl=en_US&amp; color1=ffffff&amp;amp;color2=ffffff "" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></object> warna merah tu kod lagu. Kalau korang nak tukar lagu.. Macam mana??? Korang gantikan aje kod MERAH tu, dengan kod dalam gambar bawah ni.. klik gambar untuk ...

Masukkan lagu dari youtube ke dalam blog

Image
Assalamualaikummmm.. Nak ajar something sikit. Nak share sikit. Nak kongsi sikit. Haha.. ngokse sekali~ -_- Amek kod bawohhh nii.. <center><object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/ Iz0tQIRzBE8 ?version=2&amp;autoplay=1&amp;hl=en_US&amp;color1= ffffff &amp;amp;color2= ffffff " /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/ Iz0tQIRzBE8 ?version=2&autoplay=1&hl=en_US&amp;color1= ffffff &amp;amp;color2= ffffff "" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></object></center> yang MERAHHH tu.. amek kad sini.. klik gambar untuk tumbesaran. ngeee.. ...

Tutorial : Blog Archive for Blogskin

Image
Assalamualaikum.. Good morning!!! Heee.. Tadi check blog. then, ada orang suh ajarkan buat blog archive.. Saya sendiri tak sure awak nak yang manakah?? Heee... You amek jela kod ni.. Then preview sendiri.. <bloggerpreviousitems> <a  href="<$BlogItemPermalinkURL$>"> <li><$BlogPreviousItemTitle$></li> </a> </BloggerPreviousItems> <br> kalau yang sweet tu.. amek kod ni..  <center> <select style="color:#777; font: 10px arial; letter-spacing: 0px; background-color:#f0f0f0; border:2px solid #eaeaea; letter-spacing: 1px; width: 200px;" onChange="location.href=this.options[this.selectedIndex].value;"> <option value=''>sweets.™</option> <BloggerArchives> <option value="<$BlogArchiveURL$>"> <$BlogArchiveName$></option> </BloggerArchives></select><br></center> okeh?? Heee... That's all.. breakfas...

How To Create Own Blogskin

Assalamualaikummm.. Hari neh saya nak ajar nak buat blogskin sendiri. Means, template sendiri. Simple template. Sebelum tu, saya nak credit *sini* .. Sebab reti main coding neh disebabkan blog dia. :) First, bukak template blog anda. Pastikan sudah revert to classic template. Second, kosongkan coding2 yang ada. Kalau ada yang penting, simpan kat lain terlebih dahulu. Jom start! Copy benda alah bawah neh. <html><head><title> YOUR TITLE </title>  Yang warna merah tu, title blog korang. Kalau nak letak butang follow, korang boleh letak selepas <title> atau selepas <html> .. Saya biasanya letak bawah <html> .. Huhu.. contoh: <html> <a style="display:scroll;position:fixed;top:15px;left:15px;" href="http://www.blogger.com/follow-blog.g?blogID= YOUR BLOG ID " title="Follow"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a style="di...

Tutorial Basic For Doodling

Image
Assalamualaikum! Siapa suka berdoodle??Anggggggggggggkat kening! Hek hek.. :P Saya suka! Kalau bosan, saya sketch kat kertas, lepas tu, snap gambar, masukkan dalam komputer. Kemudian..... Doodling lah.. Saya berdoodle pakai software PaintTool SAI . Saya buat tutorial neh, sebab nak ajar kawan kepada kawan saya. o.O? Mula2, download software neh dulu.. Kejap je.. Hanya beberapa minit. Huhu.. \ KLIK SINI / Klik je butang hijau DOWNLOAD tu.. Lepas siap download.. Dia akan ada file zip tu.. Korang cari sai.exe .. Klik dua kali. Then klik butang YES. Kemudian terbukaklah PaintTool SAI korang.. First -Bukak New. Saya syorkan width:: 350, height::500 Second -Ikut step by step gambar di bawah. Third -Pilih color yang sesuai untuk buat curve. Saya syorkan warna gelap.. Hoho.. Fourth -Lukis ikut sukahati anda macam gambar di bawah. Fifth Tutorial for colouring. Note:: pastikan korang rename layer tu. Supaya tak keliru. Note:: Itu untuk bahagian kain. -Untuk warn...

Tutorial Design Cursor Sendiri..

Assalamualaikum~ Tuto untuk cursor pulak. Apa itu cursor? Cursor tu, anak panah yang korang duk gerak-gerak inila.. Huhu.. Macam biasa, bukak Design--> Add Gadget--> HTML and Javascript Copy bende alah bawah nih, paste dekat HTML and Javascript tu.. :) <style>body {cursor:url( URL ICON ), url( URL ICON ), auto;} </style> nota: Merah - URL gambar cursor korang..Pastikan kecikla.. Huhu.. Lepas tu, save. Kalau tak jadi komen. :) Daa.. Salam~

Tutorial Hide Shoutmix

Image
Assalamualaikum~ Nak buat tuto japp.. Kawan yang request.. Hide shoutmix nih.. Yang kita boleh letak gambar tu.. Hmm..Camne nak terangkan ek? Kat blog saya takde pun..Haha.. Korang ikut step ni.. Bukak Dashboard..Lepas tu, Design.. Lepas tu Add Gadget..Lepas tu HTML and Javascript. Copy benda alah bawah neh <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height: 350 px; width: 140 px; float:left; cursor:pointer; background:url(' URL GAMBAR ') no-repeat; } .gbcontent{ float:left; border:2px solid #00000; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.ab...

Tutorial How to edit Blogskin part 2

Assalamualaikum. Tadi dah tengok macam mana nak guna blogskin? >klik sini< Nih nak ajar cara nak maen edit2.. Korang kenalah mahir dalam maen coding2. Haku pandai yang senang2 jea. Tahap susah tak reti lagi.. Huhu.. Contoh kod2 yang skin Unforgettable . Tu skin saya. <html> <div style="position: absolute; top:0px; left: 0px; width:99.5%; position:absolute; padding:3px; background: #91898B; color:white; font-size:11px;"> <center> ❤Anyeong Haseyo❤ | <a href="http://www.blogger.com/follow-blog.g?blogID= YOUR BLOG ID ">Follow </a> or <a href="http://www.blogger.com/home">Dashboard</a> </center></div> <script language="javascript" type="text/javascript"> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script> <script type='text/javascript' language=...

Tutorial How to use blogskins part 1

Image
Assalamualaikum.. Saya buat tuto nih, sebab ada orang suh ajarkan. Anyway, dulu saya dah try nak buat tuto ni, tapi takut. Sebab nak guna blogskin a.k.a classic template nih bukan mudah. Its difficult. Ceh, speaking lak haku . -.-' Tapi, kalau korang sanggup nak belajar demi menggunakan skin yang kiut miut kat www.blogskins.com tu. Saya ajar la.. Pertama! Bagi sesiapa yang belum revert to classic template. Pergi revert dulu. Kat mana? Korang pergi DESIGN--->Edit HTML Then.. Scroll bawah sekali.. Ada ayat Revert to classic template  hah! klik ayat tu. Lepas tu,  korang padam benda alah kod2 yang ada tu.. haha.. then korang bukak SINI  atau SINI . Korang pilih skin mana korang berkenan. Sebenarnya tu skin saya. Biarlah.. Nak promote jugak!. korang boleh jugak nak guna skin yang laen.. Ha ha.. lepas tu, korang scroll bawah.. Then, korang akan jumpa BLOGGER MAIN .  Lepas korang klik . Dia akan keluar notepad kan? Tapi, kalau saya, dia keluar ...

Tutorial Image jadi pudar bila hover

Image
Assalamualaikum. Jari jemariku berasa amat letih kerana menyiapkan kerja cuti terancang Bahasa Melayu. Kenapa saya menaip entri ini sebegini skema? Hal ini demikian kerana, terbawa-bawa dengan karangan yang saya salin dari pukul 3 petang tadi. Akan tetapi! Satu karangan masih belum dapat disiapkan kerana terlalu panjang. Hal ini disebabkan karangan tersebut adalah karangan bagi pelajar yang cemerlang. Okeh stop taip terrrrlalu skema. Ha haa... Malam nanti nak buat addmath pulak. -.-' Jom start tutorial. By the way, ini request daripada blogger : Lysa . Terjahlah blog dia. :) Pink gitu. first! bagi pengguna blogskin. Korang klik aje template. Dan cari </style> Jumpa? Goodgirl. Keh keh. Lepas tu, copy ayat2 mantera di bawah ini. Keh keh. img { -webkit-border-radius:15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; filter:alpha(opacity=100); -moz-opacity: 1.0;  opacity: 1.0; -khtml-opacity: 1.0; } img:hover {   filter:alpha(opacity=50); ...

Cara2 guna blockquote

Image
Assalamualaikum.. Cuba korang tengok kat cbox sebelah. Ada orang tnye kusyi.. camne nk guna blockquote. Disebabkan kusyi baek hati melayan kerenah nya.. haha.. Apesal tak tinggalkan link awak.. Huaaa.. So, cara-caranya,...jeng! jeng! jeng! Muahaha.. Korang highlight ayat korang tu.. Then.. Korang klik butang macam pengikat kata kat atas tu.. Tak faham? Tengok gambar bawah. Ada faham?? Lepas tu ..korang publish post. try tengok jadi tak? Heee.. Kalau tak jadi jugak.. Tanya lee..  Sayu nya dengar takbir raya. yeay raya!! Esok makan daging lembu banyak2. Daaaaa.. Salam Aidiladha!

Tutorial menggunakan Mixpod (Music Player)

Image
Assalamualaikum. Hari ini tuto.. tutoo.... Ha ha.. Apa itu mixpod? Ala.. Tempat nak letak lagu2 tu.. Macam mana? Jom kita sama-sama tengok. Mula-mulaa! Korang bukaklah web tu dulu..  http://www.mixpod.com/ Sape yang belum sign up? Pergi sign up dulu. Isi yang mana patut. Hoho.. Kalau dah sign up? Korang log in.  Lepas tu..  Ikut step2 d bawah. first at all.. klik kanan , open image in new tab. untuk besarkan gambar. :) Lepas korang klik create playlist. Ikut step bawah ini. Taip yah!! Lepas tu search! klik simbol tambah tu! Kalau nak letak banyak2 lagu pun boleh. taip lagi. Klik simbol tambah lagi. Ho ho. Kemudian!! Klik customize! Pilih2.. Pilih warna pula... !! ikut tau!! apesal gambar jadi mcm ni? haiyoo.. -.-' save tau! copy!!  kemudian.. Selesai.. Eh!! Belum lagi.. Korang p kat  design -> add a gadget -> HTML/ Javascript. Korang paste coding2 tu kat situ. Kemudian. SAVE! Siapp... Cuba tengok. Jadi tak? Heee.. ...

Tutorial Kotak Updates

Image
Assalamualaikum. Tahu ke kotak updates  tu amende? Kat blog kusyi ni takde. Sebab kusyi tak tahu nk letak kat mana. Ha ha.. Ini tuto request daripada Syazwani. Okeyh! Lets begin!  Bukak DESIGN  ! Lepas tu, klik Add a gadget . Lepas tu, klik HTML/ Java Script Copy bende alah bawah ni. <center style="text-align: right;"><span class="Apple-style-span" style="color: #000000; font-family: Verdana, 'Times New Roman', serif;"><b>Updates.</b></span></center><div style="Background-image:url( URL GAMBAR ); repeat; padding: 5px; border:1px solid;"><center><marquee> AYAT ANDA DI SINI </marquee></center></div> BIRU- Url gambar yang korang nak. Boleh pilih kat sini.  >klik< Merah-  Ayat korang lah yep! :P Kemudian! SAVE Credit to : Nazihah   * Lepas siap. Komen ok! He he Daaa.. Salam!

Tutorial ubah warna highlight

Assalamualaikum. Sekarang kusyi nak ajar kepada sesiapa yang nak tukar warna highlight. Kusyi sekarang guna yang shadow. He he.. Jom ikut cara-caranya! korang pergi design > edit HTML > TICK Expand widget Template. INGAT! TICK dahulu. Then,tekan CTRL+ F serentak ! search a:link { Kemudian. copy code bawah ni. ::-moz-selection { background: #6AFB92 ; color: #000000 ; } ::selection { background: #ADDFFF ; color: #FFFFFF ;  Paste di atas a:link {  tadi.. Faham?? oren - kod warna. nak pilih warna yang korang suka?? klik sini . lepas korang paste kod tadi. Apa lagi? Preview dulu.. Test dulu.. he he.. Kalau menjadi. Save Template . Paham? Kalau ada apa2 masalah. Comment aja.. Daa.. Salam~