Post Baru Setelah mengharungi Cabaran 3 Hari Sebelum Raya

Assalamualaikum dan selamat petang member2 sekalian...

SORRY SGT2 ak lambat update.. Serius banyak keje bila nak raya nie.. Macam2 kena cuci, kena kemas, kena lap pe semua.. Naik rimas ak wat semua keje tu.. Nasib baik sangat2 hari nie semua keje dah abis.. Serius ak nak update tapi setiap kali log in je, "Fun, jom cuci beranda rumah.." Selesai wat keje tu ngan hati panas membuak2, nak klik "New Post" lagi, "Fun, g vaccum ruang tamu jap.. Pastu lap lantai dan piano tu k.." Uuurggggghhhhh!!.. 3 hari berturut2 ak didera ngan keje2 camtu.. Huh..


Jadi hari nie ak nak update 4 post sekali.. Ingat lagi kan Cabaran 10 Things in 10 Days? Ak akan wat cabaran hari ke6, 7, 8 dan 9.. Fuhhh.. Puas perah otak hari nie.. Dan 1 lagi, ak nak wat label baru t, label bertajuk "Lawak".. :D Sebab semalam ak selongkar almari, ak jumpa balik buku Mastika lama2 dulu.. Jadi ak nak kongsi ngan korang citer lawak2 dalam tu..


Ak taw mesti ada orang baca setakat part nie akan cakap, "Apaka bangang budak nie.. Mastika tu pasal citer hantu dan alam ghaib.. Kongsi la pasal benda tu.. Nak kongsi citer lawak pulak.." =.=" Kalau ak jumpa makhluk camnie, nak je bagi penumbuk sulung nie kat muka makhluk nie.. XD.. Ok, sebab ak nak kongsi citer lawak, bukan citer hantu2 tu, sebab ak taw akan ada makhluk2 nie akan wat komen2 camnie "Mana de wujud benda2 nie.." taw pun "Ak tak caya benda2 camnie.. This is pointless.." ngan pelat BI nyer.. Haaaa.. Sebab tu ak malas nak kongsi citer mistik2 dan citer hantu.. Cukupla sekadar ak kongsi lawak dalam Mastika tu.. Lagipun lawak giler.. Kalau tak lawak, Jangan salahkan ak.. Ak sekadar medium untuk berkongsi citer..



(O.O)?? memanjang pulak post nie.. Lama dah tak update jadi rindu giler nak menulis balik.. :D


Orait, ak teruskan ke cabaran tu k.. Stay tune.. :D


Assalamualaikum n chow~~

Read more ^^

Scroll Box untuk Widget

Assalamualaikum dan cam biasa.. Selamat petang.. :D


Dengan happynyer ak cakap, ak dapat wat entri nie hari nie gak.. XD.. Disebabkan kebosanan kat rumah tak de keje dah, ak sambung wat entri tentang tutorial.. (Tak de life ak kan.. =.=").. Post yang nie plak bertajuk Scroll Box untuk Widget(s).. XD.. Ak tak taw la.. Kalau BM campur BI, perlu tak "s" tu.. Biar je la kan.. XD

Korang taw kan pe widget tu.. Code HTML yang korang letak dalam "Add a Gadget" tu.. Hmmm.. Ak letak gambar sekali la t k.. :D


Orait.. Cam biasa, korang log in blog korang dan pegi ke "Design" --> "Add a Gadget" --> "HTML/Javascript".. Yang nie bila korang nak letak widget baru.. Untuk widget lama, korang klik "edit" kat widget lama korang tu.. Ok, korang copy dan paste code bawah nie dalam "HTML/Javascript" tu k..

<div style="width:426px;height:100px;overflow:auto; ">

Code widget korang kat cnie

</div> 

Dah copy dan paste, korang gantikan "Code widget korang kat cnie" tu ngan code widget korang yang sebenar.. Pastikan kat tengah2 <div...> dan </div> tu taw.. Mest tengah tu gak.. Dah paste kan.. Korang boleh ubah lebar dan tinggi widget korang tu.. Ubah kat warna merah tu k..


Cek2 kalau ada kurang pe semua.. Puas hati, "save" dan lihat hasilnya.. Senang giler kan.. Ak rasa nie post paling pendek pernah ak wat dalam blog nie.. XD


Ok.. Kalau de pe2 masalah, komen kat bawah k.. Ak sedia membantu.. :D



Assalamualaikum dan chow~~



DikemasKini ~ Scroll Box untuk Blog Archive

Read more ^^

Scroll Box untuk Blog Archive

Assalamualaikum dan selamat petang member2 sekalian..


Sekali lagi, untuk petang nie, ak ingin kongsi ngan korang ilmu yang ak belajar dari orang2 yang terer giler tentang dunia blog nie.. Hari nie, ak nak kongsi ngan korang camner nak wat Scroll Box untuk Blog Archive.. Haaaa... Rasanya semua blog ada blog archive nie.. Ak pun ada.. Tapi kadang2 ak sendiri pun rasa menyampah tak senang tengok blog archive yang panjang sampai ke bawah.. (blog ak pun camtu gak.. =,=") Tak kan nak scroll 1 blog tu ke bawah semata2 nak tengok entri kan.. Jadi nie adalah jalan penyelesaian tuk masalah tu..


Orait.. Macam biasa, log in blog korang dan pegi ke "Design" --> "Edit HTML" --> "Expand Widget Templates"..

Oo ada 1 benda yang penting ak selalu sangat lupa nak bagitaw.. Sorry Sangat2.. T.T.. Jangan lupa backup template korang.. Pastikan bila nak ubah suai template korang, BACKUP.. Takut2 t ada salah dan korang tak taw kat mana salah.. Haaaa... Faham2 la..


Ok.. Dah buat yang atas tu, cam biasa gak, tekan CTRL + F untuk mengaktifkan fungsi "Find" korang.. Pastu korang copy dan paste code kat bawah tu k..

<div id='ArchiveList'> 

Dah jumpa kan.. Korang nampak kan code "<div class='widget-content'>" atas code "  <div id='ArchiveList'> ".. Korang gantikan code "  <div class='widget-content'>" ngan code kat bawah..

 <div class='widget-content' style='overflow:auto; height:200px'>

Gantikan taw.. bukan paste kat bawah, paste kat atas.. Gantikan code "  <div class='widget-content'>" nie ngan code kat ats tu..

KOrang boleh ubah ketinggian scroll box korang tu.. Ubahkan kat 200 tu k.. Ikut korang la berapa korang nak..


Ak bagi preview k..

Nie sebelum gantikan code tu..

Nampak kan anak panah tu.. Ok.. nie pulak bila korang dah gantikan.. Serius ak cakap.. Gantikan..

Harap tak de lagi kesangsian pasal nak gantikan ke tak tu k.. Ak pun selalu sangsi bila nak ganti tapi dah terbukti tak de pe2, jadi okla.. Kita nak yang baik2.. Hehe.. Orait.. Dah copy dan paste, korang "Preview"  dan ubah ketinggian ikut kehendak korang.. Bila puas hati, "Save template"..


Yes.. Sekali lagi korang berjaya mengubah blog korang menjadi lebih baik.. Lepas nie (kalau sempat) ak akan letak post tentang camner nak wat scroll box gak kat widget korang..

Trima kasih banyak2 kat orang yang banyak tolong ak tuk wat benda2 nie.. Hehe.. nak raya, jadi ak nak ucap benda nie.. :D


Orait.. Nanti ak update tentang scroll box widget pulak.. Kalau de pe2 masalah, komen k..


Assalamualaikum n chow~~



DikemasKini ~ Scroll Box untuk Widget

Read more ^^

Automatik Read More dalam Entri

Assalamualaikum dan selamat petang skali lagi...


Yo guys.. Sekali lagi ak post petang nie sebab tak de keje.. Jadi nak abiskan masa ngan kongsi ilmu ngan korang.. Ak dapat ilmu nie dari 1 webiste yang memang best.. jadi, ak nak kongsi ngan korang semua.. Yang nie mesti korang suka.. Automatik Read More dalam Entri~ Haaa.. suka kan.. Bagi sape2 yang baru lagi dalam dunia blog (termasuk la ak), yang nie memang best.. Korang perasan tak kat homepage blog ak, "read more" nya len sikit.. Hari nie ak nak kongsikan ngan korang camner nak wat camtu ak..


Ak terangkan sikit tentang "Read More" nie..

• Semua post korang akan dipendekkan pada kadar yang sama.. Jangan risau, korang boleh ubah t.. :D

• Kalau ada gambar dalam post korang tu, gambar pertama dalam post tu akan dijadikan thumbnail tuk post tu bila dah disingkatkan kelak.. Contah korang boleh tengok kat post2 ak terdahulu..

• Korang boleh ubah perkataan "read more" tu.. Cam ak punya ada ^^ kt belakang..

•  Saiz thumbnail, perkataan yang ditunjukkan bila disingkatkan boleh di ubah suai..  

Ok.. Kita start la k.. Korang pegi ke "Design" --> "Edit HTML" --> "Expand Widget Templates"..

Dah bukak tu? Ok.. Sekarang tekan Ctrl + F tuk aktifkan fungsi "Find" kat browser korang.. Kalau yang guna Mozilla tu, fungsi tu ada kat bawah k.. Yang guna Opera, ada kat atas.. Dah bukak, copy dan paste code kat bawah nie ke kotak search fungsi "find" tu.. Nanti korang akan dibawa ke tempat code tu berada..

</head>

Dah jumpa ke? Ok.. kalau dah jumpa, copy dan paste code nie pulak betul2 ATAS/SEBELUM </head> tu.. Betul2 atas taw.. Tak nak ada space pe semua.

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js' ></script>

Korang boleh ubah berapa banyak perkataan yang akan dipaparkan bila dah disingkatkan t..


summary_noimg=430 --> Panjang ayat korang bila tak de gambar dalam post tu..

summary_img=340 --> Panjang ayat korang bila ada gambar dalam post..

img_thumb_height=120 --> Ketinggian gambar dalam post korang yang akan dikecilkan jadi thumbnail..

img_thumb_width=120 --> Lebar gambar post korang..



Korang boleh ubah code kat ak dah tulis kat atas tu.. Ubah kat nombor2 tu je taw.. Jangan ubah code tu.. nanti tak mujarab.. :D

Dah Settle kat situ, korang copy dan paste code nie pulak dalam kotak search dalam fungsi "find' tu tadi..

<data:post.body/>

 Dah jumpa kan.. Sekarang korang copy dan paste code nie code atas tu.. Korang GANTIKAN code atas ngan code bawah.. Ak dulu 1st baca, tersu tfikir "betul ke nie.. Kalau dah ganti, mane de lagi data post t.."  Korang jangan risau.. Ada lagi data post tu.. Hehe.. :D

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more ... </a></span>
</b:if>
</b:if> 

Dah gantikan ke? Ak ingatkan lagi.. Gantikan taw.. Bukan copy kat bawah, kat atas taw kat mane2.. Gantikan.. Ok.. Korang nampak kan "Read more..." camnie kat dalam code tu.. Korang boleh ubah ikut korang punya suka.. Tak kisah la "Teruskan membaca.." ke dan yang len2 la.. Ikut suka korang..


Rasa2 dah ok, cuba preview, tgk ok ke tak.. Kalau ok, "Save Template".. Tahniah sebab berjaya ubah template korang.. XD.. Kalau de pe2 masalah, komen kat bawah k.. Ak akan cuba sedaya upaya tuk tolong korang.. Perlu pe2, bagi taw je k.. Ak akan cuba usahakan..


Assalamualaikum n chow~~

Read more ^^

HTML Colour Code

Assalamualaikum dan selamat petang geng2 sekalian...


Hmmm.. Petang2 camnie memang selalu tak de keje.. Jadi nak wat entri pasal tutorial lagi.. Cam pe yang ak tulis tuk tajuk kat atas, post nie berkenaan ngan kod warna yang digunakan tuk ubah warna tulisan taw pun background blog korang.. Ak pun guna gak nie.. Jadi ak nak letak sekali website yang menyediakan kemudahan kod tuk warna nie..






Nie salah 1 website yang menyediakan kod warna nie.. Suka gak guna sebab siap bagi nama warna tu lagi.. Jadi bila nak tukar warna font taw pun backgound ke, yang ada berkenaan ngan warna nie, rujuk je kat cnie.. Dan jangan lupa kat # tu taw.. Perlu ada benda tu.. Ngan adanya post nie, ak sendri pun senang nak rujuk balik t.. Tak de la perlu susah2 nak teka pe code tuk warna tu.. XD


Tu je tuk post yang nie.. Lepas nie wat post tentang benda lain pulak.. Nak abiskan masa ngan blog nie petang nie.. =.=.. I'm a loner.. =.="

Assalamualaikum n chow~~

Read more ^^

Letak ShoutBox dalam Blog

Assalamualaikum n selamat ptg mmber2 skalian..


Hari nie ak truskn entri ak ngn post nie plak.. Tajuk post nie adalah Letak ShoutBox dalam Blog.. Korg taw kn ShoutBox tu pe.. Kt blog ak nie pn ada kt sblh kiri.. Tp msih kosong.. =,=".. Dlu msa ak xde blog lg, ak xkisah pn psl bnda nie.. Tp ble ak nk wat blog, bru ak mgelabah cri sbb bguna dlm blog.. Tgk blog SS ak, ak cm "What The Fish!! mne nk dpt shoutbox nie??!!" Ble ak dh taw, ak nk kongsikn ngn korg smua.. :D


Tujuan Shoutbox nie adalah tk mrapatkn hubungan silaturahim antara manusia.. XD.. Cm org msuk blog korg, pastu dia nk komen ckit ttg blog korg, diaorg bleh tulis kt Shoutmix nie n bleh tggalkn link tk blog diaorg tawpn link ke website len..

1. Ok, mula2, g ke website nie.. http://www.shoutmix.com/.. Nie la asal usul gadget nie.. Dh bukak, korg klik "Create Shoutbox".. Korg isi apa yg patut dlm tu smpyla abs n korg akn dbawa ke page nie..

2. Yg nie ak pnya shoutbox jd dh siapla tp ak tnjuk gak k.. Ok.. Dh smpy kt cnie, korg bleh la ubah2 pe yg patut.. Cam pg ke "Style and Colors" bawah tajuk "Display" tk ubah warna background, tulisan n link dalam shoutbox korg.. N jgn lupa tk ubah "Date and Time" korg bwh tajuk yg sma.. Pandai2 ubah k.. Klau korg rsa korg kt England ke, US ke, korg cri la k.. Tk bahagian Malaysia ada 2 pilihan.. Asia/Kuala_Lumpur n Asia/Kuching..

3. Ble dh puas hati ngn setting korg buat, "Back to setting" n siap sedia tk copy n paste.. Nmpk x "Get code" kt bahagian atas sblh kiri page tu? Klik tu n korg akn dbawa ke page bru cmnie..

4. Ikut pilihan korg nk width(lebar) n height(tinggi) korg brape.. Dh ubah, korg copy code kt bwh tu.. Pastkn smua taw sbb code tu dlm textbox yg scroll ke bawah.. T xlengkap code korg, mslh dtg.. Paste kt notepad taw pn biarkn page nie tbukak dlu.. Kta ke langkah sterusnya..



5. Log in blog korg, pastu pg ke "Design" n "Page Element".. Korg nmpk "Add a Gadget"? Klik slh satu bnda tu.. Tbukak 1 page kecik n ada byk2 bnda dlm tu kn.. Scroll ke bwh ckit smpy korg jmpa "HTML/Javascript"..

Dh jmpa kn.. klik n tbukak la page cmnie.. Yg nie dh d'isi.. Bygkn xde code n "Gathering" dlm tu.. :D

6. Ingt lg x code tk shoutbox korg, klau xingt, buka blik page taw notepad tpt code korg td.. XD.. Copy code td n pastekn kt dlm kotak bawah tajuk "Content".. Tajuk tk shoutbox korg bleh tmbah kt "Title" atas tu.. dh copy n paste, korg klik "save".. Siap dh..


7. Klik "Preview" n tgkla cmner shoutbox korg.. bfungsi ke x, lawa ke x.. ckup ke x kt sidebar korg.. Ble puas hati, klik "save".. Yes! Shoutbox korg dgn rasminya tpapar d blog korg..


Ubah tanpa perlu login ke Shoutmix

Bg sape2 yg ada masalah width tlbih atau tkurg tu, korg xprlu g website shoutmix tu lg.. Korg pg ke "Design" n "Page Element" n bukak blik tpt code shoutbox korg tu.. Korg bleh tukar lebar n panjang shoutbox korg dgn mgubah code tu kt cnie..

Ubah width n height dia kt ctu je.. Jd xprlu la korg log in website shoutmix tu blik smata2 nk ubah width n height dia.. Ble dh puas hati ngn shoutbox korg, klik "save"..



Skli lg.. Yes! sbb bjaya mletakkn shoutbox kt blog korg.. Hrp2 korg dpt letak kt blog korg n pastkn code tu copy abs.. X copy abs, xmujarab.. :D.. Klau ada mslh, komen kt bwh k.. Ak akn cuba mnolong sedaya upaya.. :D


Assalamualaikum n chow~~

Read more ^^

Link dalam Gambar

Assalamualaikum n selamat ptg mmber2 skalian.. Hari nie mgkn ak nk wat byk ckit entri ttg tutorial.. Nk taw sebab? Sebab utama adalah sbb ak pn noob lg ttg dunia blog nie, jd apa yang ak dh blajar, ak nk kongsi ngn korg smua.. Ak dh tuntut ilmu blog nie dari org len t'utamanya SS ak jd ak nk kongsikn ngn korg semua..


Hehe, ak nk wat asas blog dlu sbenarnya.. Tp tlajak plak wat tutorial yg lepas btajuk Cipta n Letak Signature dalam entri..  Jd post hari nie yang asas dlu.. Post hari nie adalah Link dalam Gambar..


Cara nk wat bnda nie adalah pastikan korg ada url gambar korg, n lokasi link tk gambar tu t.. Taw cmner nk dptkn url gambar? Right klik gambar korg, pastu pilih "copy image address" (bg yg gne Opera) atau "copy image location" (bg yg gne Mozilla).. Ak gne Opera jd ku bg gak.. hehe..


Pastu, copy link dbawah nie n pastekn kt post korg.. Pastkn korg pastekn dalam "Edit HTML".. Jgn pastekn kt "Compose".. Nnt x mujarab.. :D

<a href="Letakkan link untuk dibuka disini" target="_blank" ><br /> <img src="url gambar disini"/></a>


Gantikan "Letakkan link untuk dibuka disini" ngn link website yg korg ingin linkkn n gantikan "url gambar disini" ngn url gambar yg korg dh copy td..

Contoh ak bg kt bawah nie k..




Ble dh buat, klik "Preview" tk pastkn link korg ok n mmbawa ke website yg btol.. puas hati, "Publish Post" anda.. :D

Hrap ak dh mbantu korg, n klau de pe2 masalah, komen je kt bawah k.. Ak senang hati mnolong..

Assalamualaikum n chow~~

Read more ^^

Cipta n Letak Tanda Tangan/Signature dalam Entri

Dlm post ke2 nie, ak akan tnjukkn cmner nk letak signature dalam entri korg.. Agak senang sebab signature korg bleh wat menggunakan 1 laman web yg akan dsertakn dibawah k.. Contoh signature adalah seperti signature yg ak dh gunakn dalam entri ak.. Helios XIII.. tu nickname k.. xde dalam IC ak.. XD


Ok.. Mula2 pg ke laman web nie.. http://www.mylivesignature.com/.. kt cnie la tpt korg wat signature korg sndri.. senang je sbb dia tnjuk langkah2 tk wat mcm atau hampir kepada signature yg korg nk.. Ok, klik kt link tu, akan tbukak 1 webpage baru.. Cmnie..

 

 Adakan dia tulis kt ctu "Click here to start".. klik kt ctu pastu korg akan start wat signature korg sndri.. ada 4 pilihan dlm tu.. smaada nk wat gne creation wizard, tulis sndri klau ada sape2 yg gne cm pen komputer tu, gambar signature korg yg dh di scan, ataupn yg istimewa, wat font sndri bdasarkn tulisan anda sndri.. jgn risau.. senang je.. bg yg gne creation wizard, senang je.. pilih font, saiz, next next next.. lepas abs wat signature, korg download la pic tu..

Ada 3 link kt bwh tu n link kt tgh2 tk download.. Ble dh download, uploadkn kt mne2 tpt yg bleh simpan gambar mcm website nie, http://www.imageshack.us/ atau http://photobucket.com/.. klau simpan kt imageshack, xde prlu daftar tk simpan gambar tu tp ak sndri pn xtaw brpe lama gambar yg kta simpan dlm tu akan kekal.. jd apa ak wat, ak wat private album kt photobucket.. tjamin ckit.. :D Ble dah save, korg ambik url gambar signature korg tu.. right klik, "copy link address" (bg yg gne Opera) atau "copy image location" (bg yg gne mozilla)

  Copy and Paste dalam HTML
 Pertama skali, login msuk blog korg, pastu klik Design-->edit HTML-->Expand Widget Templates

 Pastu tekan Ctrl+F utk mengaktifkan fungsi find korg.. Bg sape2 yg gne mozilla, fungsi find tu ada kt bawah, klau yg gne Opera, ada kt atas..

Copy n paste code nie ke dalam ruangan find tu.. Secara automatik dia akan tnjuk kt mne code tu td..

<p><data:post.body/></p>

Bg sape2 yg xjmpa, buang <p> n </p> tu and search blik..

pastu copy code nie btol2 kt bawah code yg korg search td..


<p><div align="left"><img src="URL signature korg"/></div></p>

Ingt lg x url gambar yg korg copy td? yg tu korg gantikn kt "URL signature korg" tu..
KOrg bleh gak ubah kedudukan signature korg.. ada kn "align="left"" tu.. yg left boleh ubah jd "center" atau "right"..

Dh copy n paste, klik preview tgk ok ke x.. klau puas hati, save..

Klau ada pe2 mslh, korg tulis je kt ruangan komen kt bawah tu.. Pertolongan akan diusahakn..
Chow~~

Read more ^^