Apr 30, 2011

Freestuff : Chibidle in uniform school

Assalamualaikum dan salam sejahtera untuk pembaca- pembaca yang sedang membaca belog ini. Hari ini aku baik sikit buat freebies! Haa? Apa hal kan tiba- tiba? HAHA.

Tak adalah, sebenarnya aku dah lama jugak nak buat freebies ni memandangkan sekarang blogger dah dilanda doodle kan? Tapi sejak isu kupi- kupi ( copy ) doodle dan membuang watermark tu, banyak blogger yang kena hentam! Dan sejak hari tu blogger kita pun dah pandai nak buat doodle sendiri, siap baik hati nak buat tuto pasal tu. Wahh.. wahhh.. Eh, akupun ada apa! Aku siap bagi nama dengan chibidle, HAHAHA.

Well, memandangkan semalam aku nak buat header baru untuk belog Dunia Novelaku di mana aku akan post karya novel aku kat sana, tiba- tiba aku rajin jugak nak lukis chibidle untuk dijadikan freebies ni. Kalau korang pernah jenguk belog ni, mesti korang tahu yang aku pernah buat chibidle untuk blogger kan? Tak tahu? Boleh view kat sini. ( bukan auto new tab ).

Akey, akey. Banyak membebel pun tak guna nanti korang bosan. So, mari lihat hasil yang aku dah siapkan ni. :)





Apa yang aku boleh nampak sekarang ni, blogger lebih banyak daripada golongan pelajar sekolah. Betul ke? Sebab aku selalu blogwalking, mesti lebih banyak pelajar daripada yang bekerja. So, akupun terfikir nak buat chibidle dalam uniform. HEHE.

Chibidles kat atas ni korang boleh ambik untuk dijadikan header or else. ( Kalau nak lah.. ) memandangkan ianya freestuff daripada aku yang cumil ni, HAHAHA. But please, please and please... Dont put your own watermark on it. Akey? Hormati hak milik orang dan orang yang telah bersusah payah membuatnya. =)

By the way, chibidles ni dah dibuat dalam bentuk transparent. Saiz lebar dalam 500 x 400 . Harap korang suka, HEHE!

Nota tangan : Belog dunia novelaku ada perubahan sikit. Kalau korang kaki novel, jemput- jemputlah singgah ke belog baru tu k? Komen supaya aku yang lemah ni dapat improve lagi. 

Apr 26, 2011

Owner blog sakit hati bila korang buat macam ni!

Assalamualaikum dan salam sejahtera buat korang yang sedang membaca belog ini. Wahh, aku sekarang sedang menginjak ke peringkat untuk menjadi budak baik ni. Dah selalu bagi salam, HAHA. Itu dah kira bagus! Buat baik bukan hanya pada dunia realiti tapi di dalam dunia maya jugak.

Tapi, bila ada orang buat macam ni. Mestilah ada hati yang sakit kan, siapa lagi kalau bukan tuan empunya blog yang korang selalu usha ataupun kadang- kadang je korang pergi lawat. Ahhh, lantaklah! Pendek kata aku nak cakap pasal feeling owner belog je sekarang ni, HAHAHA. ( ayat tak boleh blah )

Baiklah, mesti korang tertanya- tanya, apa yang buat si tuan empunya belog ni sakit hati ataupun menyampah atau sedih atau AHHH STARAIKTUDEPOIN! ( straight to the point ).



Yang ni memang annoyinglah. Kat shoutbox cakap bukan main manis sampai mulut je tak bersemut. Siap cakap dah follow amende kat shoutbox tu. Bila owner pergi tengok followers je. " Aik, tak meningkat pun? Dia ni betul ke ada follow aku ni?" TAKPUN.." Penipu punya malaun! cakap dah follow tapi tak follow pun. Nanti kau! " . Kuikuikui. Tak pasal pasal perang dunia blogging meletus hanya disebabkan ini. Well, benda alah ni dah banyak kali terjadi. Salah satu taktik keji blogger yang kemaruk follower buat macam ni. Konon cakap macam tu, owner blog yang dia pergi lawat tu akan follow dia balik. Alaaa... " I FOLLOW U, U FOLLOW I " lah katakan!


Akey, yang ni pun boleh buat orang bengang jugak! Kalau aku kena, akupun bengang jugak. Mujur tak jadi Bangang. Eh, ayat dah jadi kasar sangat pulak. Malas nak tekan backspace. Biar jelah. Yang ni, dah bagus- bagus orang tu follow dia, owner pun sedang happy bila tengok followers dia semakin meningkat. Tiba- tiba malamnya... " Eh, kenapa berkurang? Siapa unfollowed ni? Pergi check jap! Grrr... " Tak ke haru? 

Bayangkan kalau korang di situasi owner tersebut. Korang pasti akan mencarut ataupun membebel yang bukan- bukan. Akupun pernah jugak nak unfollow blog- blog yang aku pernah followed tapi tak sampai hati. Aku tahu macam mana feels dia nanti. So biarkan jelah. Bukannya aku rugi pun, entah- entah dapat pahala gembirakan orang lain? Mana kita tahu kan? AAminn..HEHE. So, sebelum korang follow satu blog tu, fikir masak- masak dulu. Bukan follow blog orang tu sebab nak dia follow korang balik. Nanti korang unfollow, then dia unfollow balik. Mesti korangpun sakit hati kan?


Benda ni dah umum dan semua blogger tahu. Ada yang memaki kat shoutbox, ada yang memaki kat komen dan macam- macam lagilah. Siap buat entry perang dan tag nama si dia lagi! Lepas tu, orang yang kena maki tu pun buatlah satu entry khas untuk membalas. Maki punya maki sampai bila pun tak habis- habis. Kalau dah nampak ada benda salah, tegurlah baik- baik kan? Tak payahlah nak kecoh- kecoh sampai buat entry memaki. Bila orang lain pulak yang membaca blog korang tentang entry bermaki- makian tu, apa pulak pemikiran mereka tentang diri korang? Korang yang malu kan? Apa? Blog aku, suka hati akulah! Hmm, lantaklah. Jangan pelik kalau pembaca korang tak pernah nak melekat kat blog korang nanti.. ( Eh, aku dah keluar tajuk ke ? )


HUHU. Yang ini aku tak berapa pasti apalah motif untuk diorang berbuat sedemikian. Tak bacapun entry owner blog tu, tiba- tiba komen macam yang dia kagum yang amat! So, owner pun pun hairan bin ajaib. Si pembaca ni baca ke tak entry aku ni? Aku post pasal tahi ayam pun dia cakap HEBAT ? Alaa... nampak sangatlah pembaca tu tak baca apa- apa kan? Saja ja nak gimik, konon dia bacalah entry tu. Lepas tu berharap yang owner tu akan melawat blog dia lepas ni. 

Mentang- mentanglah dengan berkomen- komen ni boleh menjana traffik bagai. Mulalah nak buat macam tu. Tapi, tanpa korang ketahui, benda ni lah yang akan menjatuhkan traffik. ( kot ) . Owner akan rasa menyampah dan takkan pergi ke blog korang. Tapi kalau owner tu aktif, mungkin jugak dia akan melawat blog korang dan sindir korang pulak. HAHA. Sebaiknya, korang komen yang baik- baik punya. Berikan pendapat korang. Macam tu baru dapat connection antara blogger sekaligus merapatkan silaturahim. Bukan dengan komen " cool ", " best ",  " ooo.. " . Oh my goat ! ( oh kambing saya ). Malas aku nak main komen macam nilah. Tak tahu nak balas apa, HAHA.

benda ni semua pernah tempias kat aku, HAHA. Korang pernah ke? Ke ada benda lain lagi yang buat owner rasa macam nak cekik- cekik ni? Meh kongsikan..



Maaf sekiranya penggunaan ayat yang kasar ini membuatkan pembaca  kecil hati. Nanti kit cari pom basikal, kita pom hati tu sama- sama ek, besarkan hati tu semula.. :p

Apr 21, 2011

sparkle cursor / benda kilat-kilat jatuh

Hari ini nak buat entry pendek aje, yang paaaaling terpendeklah aku cakap! HAHA. Pagi tadi aku bukak formspring tu, ada seorang tu tanya pasal ni. Mungkin saudara baru tak? HUHU.



Benda kilat- kilat? Err.. aku tak nampak kalau cursor aku tu berkilat, so aku andaikan mungkin benda alah yang asyik jatuh dari cursor tu kot. Betul ke? Tak ingatlah pulak kalau aku pernah buat tuto pasal ni, tapi kalau ada, mungkin dia takkan tanya kan?

So, hari ini dengan baik hatinya aku ( sila puji ) akan buat tuto pasal ni.


1. Buka Dashboard blog korang.
2. Pergi Design --> Page elements.
3. Add a gadget --> javascript/ html.
4. Copy code kat bawah ni.


 <script type="text/javascript">
                </script>

     <script type="text/javascript">
            // <![CDATA[
            var colour="#000000";
            var sparkles=100;
  
            var x=ox=400;
            var y=oy=300;
            var swide=800;
            var shigh=600;
            var sleft=sdown=0;
            var tiny=new Array();
            var star=new Array();
            var starv=new Array();
            var starx=new Array();
            var stary=new Array();
            var tinyx=new Array();
            var tinyy=new Array();
            var tinyv=new Array();
            window.onload=function() { if (document.getElementById) {
              var i, rats, rlef, rdow;
              for (var i=0; i<sparkles; i++) {
                var rats=createDiv(3, 3);
                rats.style.visibility="hidden";
                document.body.appendChild(tiny[i]=rats);
                starv[i]=0;
                tinyv[i]=0;
                var rats=createDiv(5, 5);
                rats.style.backgroundColor="transparent";
                rats.style.visibility="hidden";
                var rlef=createDiv(1, 5);
                var rdow=createDiv(5, 1);
                rats.appendChild(rlef);
                rats.appendChild(rdow);
                rlef.style.top="3px";
                rlef.style.left="0px";
                rdow.style.top="0px";
                rdow.style.left="3px";
                document.body.appendChild(star[i]=rats);
              }
              set_width();
              sparkle();
            }}
            function sparkle() {
              var c;
              if (x!=ox || y!=oy) {
                ox=x;
                oy=y;
                for (c=0; c<sparkles; c++) if (!starv[c]) {
                  star[c].style.left=(starx[c]=x)+"px";

                  star[c].style.top=(stary[c]=y)+"px";
                  star[c].style.clip="rect(0px, 5px, 5px, 0px)";
                  star[c].style.visibility="visible";
                  starv[c]=50;
                  break;
                }
              }
              for (c=0; c<sparkles; c++) {
                if (starv[c]) update_star(c);
                if (tinyv[c]) update_tiny(c);
              }
              setTimeout("sparkle()", 40);
            }
            function update_star(i) {
              if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
              if (starv[i]) {
                stary[i]+=1+Math.random()*3;
                if (stary[i]<shigh+sdown) {
                  star[i].style.top=stary[i]+"px";
                  starx[i]+=(i%5-2)/5;
                  star[i].style.left=starx[i]+"px";
                }
                else {
                  star[i].style.visibility="hidden";
                  starv[i]=0;
                  return;
                }

              }
              else {
                tinyv[i]=50;
                tiny[i].style.top=(tinyy[i]=stary[i])+"px";
                tiny[i].style.left=(tinyx[i]=starx[i])+"px";
                tiny[i].style.width="2px";
                tiny[i].style.height="2px";
                star[i].style.visibility="hidden";
                tiny[i].style.visibility="visible"
              }
            }
            function update_tiny(i) {
              if (--tinyv[i]==25) {
                tiny[i].style.width="1px";
                tiny[i].style.height="1px";
              }
              if (tinyv[i]) {
                tinyy[i]+=1+Math.random()*3;
                if (tinyy[i]<shigh+sdown) {
                  tiny[i].style.top=tinyy[i]+"px";
                  tinyx[i]+=(i%5-2)/5;
                  tiny[i].style.left=tinyx[i]+"px";
                }
                else {


                  tiny[i].style.visibility="hidden";
                  tinyv[i]=0;
                  return;
                }
              }
              else tiny[i].style.visibility="hidden";
            }
            document.onmousemove=mouse;
            function mouse(e) {
              set_scroll();
              y=(e)?e.pageY:event.y+sdown;
              x=(e)?e.pageX:event.x+sleft;
            }
            function set_scroll() {
              if (typeof(self.pageYOffset)=="number") {
                sdown=self.pageYOffset;
                sleft=self.pageXOffset;
              }
              else if (document.body.scrollTop || document.body.scrollLeft) {
                sdown=document.body.scrollTop;
                sleft=document.body.scrollLeft;
              }
              else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
                sleft=document.documentElement.scrollLeft;
             sdown=document.documentElement.scrollTop;
              }
              else {
                sdown=0;
                sleft=0;
              }
            }
            window.onresize=set_width;
            function set_width() {
              if (typeof(self.innerWidth)=="number") {
                swide=self.innerWidth;
                shigh=self.innerHeight;
              }
              else if (document.documentElement && document.documentElement.clientWidth) {
                swide=document.documentElement.clientWidth;
                shigh=document.documentElement.clientHeight;
              }
              else if (document.body.clientWidth) {
                swide=document.body.clientWidth;
                shigh=document.body.clientHeight;
              }
            }
            function createDiv(height, width) {
              var div=document.createElement("div");
              div.style.position="absolute";
              div.style.height=height+"px";
              div.style.width=width+"px";
              div.style.overflow="hidden";
              div.style.backgroundColor=colour;
              return (div);
            }
            // ]]>
            </script>  


HUHU. Akey, memang agak panjang. Tapi kenalah jugak copy code ni ekk.

5. Paste code tadi kat kotak gadget tu .
6. Perkataan berwarna tu korang boleh ubah dengan code warna yang korang suka. Boleh rujuk kat kat sini.
7, Dah siap ubah, bolehlah save!

Sekarang ni cuba gerakkan anak panah a.k.a cursor korang, ada tak?

Apr 19, 2011

Membuat border blog bagi template designer

Assalamualaikum dan hai kepada pembaca belog ni. Nak minta maaf kepada sesiapa yang bertanya kat belog ni, tapi masih belum berjawab dan tak terjawab. HUHU. Baru hari ini dapat updated belog, orang busy mengalahkan menteri, HAHA.

Minggu lepas aku ada buat tuto pasal pisahkan header bagi yang menggunakan template designer, hari ni nak buat tuto pasal rounded border ataupun border yang mengelilingi blog, haaa.

Bagi yang bertanya pasal rapatkan header tu, aku tak berapa nak pasti sebab aku pernah cuba godek code 'dia' tapi tak bergerak seinci pun. T.T . Takpun aku cadangkan korang buat header saiz lebar 900 dan tinggi dalam 350- 400. Bila upload header tu jangan tick fit amende semua tu. Kalau tak berjaya jugak, tunggulah aku dapat godek code tu, hehe!

Baiklah, kita teruskan tuto ni sekarang ekk.


Mula- mula korang kena Log in ke dashboard korang dulu then pergi ke Design-- > edit hml -> expand widget.


Tekan ctrl+ F atau f3 untuk memudahkan pencarian korang. Sekarang cuba cari code ni.


.content-inner


Kalau tak jumpa, cari yang ini pulak.


.main-outer


Kalau tak jumpa jugak, perlahan- lahan scroll dan cari antara dua code tu k. HUHU.

Kalau dah jumpa, letak code kat bawah ni selepas code yang korang dah cari tadi.


border : 1px dotted black ;


Contoh :

.main-outer }
border:1px dotted black;
***********************************

Akey, meh aku terangkan sikit k?

 1px tu untuk ketebalan border korang.Lagi tinggi nombor yang korang letak, lagi tebal border yang korang ada.

 Dotted pulak bentuk border korang. Dotted tu macam putus- putuslah. Korang boleh ubah dengan solid atau dashed.

 Black tu korang boleh tukar dengan warna yang korang suka.

Kalau korang nak border korang melengkung, korang hanya perlu letak code ni kat bawah code border:1px dotted black tu.


border-radius :10px;


Mudah je kan? Harap- haraplah tak ada masalah, HAHA.

Selamat mencuba! :D

Apr 15, 2011

buat Tab menu cara saya

Macam mana nak buat tab menu? Sebenarnya senang sahaja. Dah banyak yang buat tuto ni dan aku tengok sama sahaja. Aku rasa cara aku ni mungkin jugak sama dengan yang lain tapi mungkin jugak ada berbeza. Siapa tahu? HAHA.

Tuto kali ini sebenarnya disoal oleh seorang blogger. Siapa? Entahlah, cea, macam itu pulak. Kedekut betul,HAHA. Akey, nak tahu siapa dia? Sila pergi sini. Dah tengok? Simple aje belog dia kan? :) Loading pun cepat je, mungkin sebab dia tak simpan widget- widget yang boleh memberatkan belog kot. Pemilihan warna pun lembut, warna purple yang tak garang. Dan yang lebih mengharukan, dia letak aku kat bloglist sidebar tu. Eh, bukan aku ya tapi belog ni haa. HAHA. Tapi kan, kalau kurangkan post kat laman utama tu mungkin lebih baik sikit. Penat nak scroll panjang- panjang. Kalau nak letak entry lebih dari satu, better pakai widget readmore.. =) ( sempat buat review khas pulak ).

Akey, mari kita teruskan dengan tuto kita k? Mula- mula untuk membuat tab menu ni, korang perlulah mempunyai software yang boleh edit- edit kan? Tak ada? Boleh rujuk sini. <--


Dan kalau korang dah ada sekarang, bolehlah mula. Yeah! Sekarang ni, aku akan ajar buat tab menu dengan menggunakan photoscape ya. Sebab lebih senang. Bagi yang nak menggunakan software lain jugak boleh, bergantung kepada kreativiti korang sendiri.

Mula- mula buka software korang terlebih dahulu. Bagi aku, mestilah software photoscape kan? Then, pilih Editor dan lebih kurang macam inilah nanti yang korang akan nampak.


Nampak tak kat dalam gambar tu ada new photo? Akey, korang pergi ke menu ( atas sebelah kanan ), klik new photo seperti yang ada di dalam gambar tu, then isi kat bahagian height dan width tu. width tu terpulang kat koranglah tapi aku selalu pakai 100 dan bagi height pulak, 40. Dan jangan lupa pilih sekali warna apa yang korang nak.

Lepas korang dah isi semua tu, akan keluar satu petak kecil mengikut apa yang korang isi tadi. Contohnya aku pilih warna putih, so keluar petak warna putih.


Akey, kat dalam gambar tu aku dah labelkan beberapa perkara. Korang boleh rujuk kalau ini first time korang menggunakan Photoscape. Yang lain- lain tu korang bolehla explore ekk. Sekarang ni, hiaslah petak kecil korang korang tu sesuai mengikut kreativiti korang. Aku buat simple je macam kat dalam gambar tu. Sekadar nak demo untuk tuto kan?

Dah siap? Sekarang ni save petak kecil tu dan jadikan ia sebagai format jpg. Then, nak upload pulak. Bergantung kepada korang nak upload kat mana. Kalau aku upload kat blog je, lagi mudah dan terjamin sebab bawah blogger sendiri. Lainlah kalau tiba- tiba blogspot ni kena buang ke apa kan. So, kalau ikut cara aku 100% ni, sila buka new post kat dashboard korang k. Dan upload gambar tu kat sana.


Bila dah siap upload kesemua gambar yang korang nak jadikan tab menu tu. Korang klik petak edit html tu. Rujuk dalam gambar kat atas tu k. So, ia akan kelihatan seperti ini.


Sekarang ni, sila highlightkan beberapa code. Rujuk gambar kat bawah ni. 


Nampak tak? Highlight code tu betul- betul mengikut contoh kat atas ya. Start dari  <a sampai </a>  . Akey, copy code tu. Lepas tu, sila buka new tab dan buka dashboard blogger korang lagi. Tapi kali ini pilih design pulak dan page elements. Add a gadget dan pilih html/ javascript.  Paste code yang korang copy tadi kat kotak widget tu.


Ini contoh code- code yang aku dah copy paste. Kira semua gambar tab menu tu aku dah letak kat kotak ni. Korang pun kena buat benda yang sama tau. Copy paste semua code gambar tab menu tu kat kotak ini, mengikut langkah- langkah yang aku dah ajar tadi.

Lepas dah siap letak code- code tu, sekarang ni kita nak link kan gambar tu. So, kalau korang klik gambar tab menu kat blog korang, gambar tu akan bawa korang ke url yang korang dah letak tu. Kalau tuto yang lain, dioarang akan klik simbol rantai dan.. dah lupa dah. Tapi aku akan buat semua ni main copy paste dan code, sebab itu akan lebih mudah. Bagi akulah, bagi korang tak tahu, HEHE.

Dalam gambar kat atas tu, aku highlight lagi satu code. Banyak pulak highlight- highlight ni kan? HAHA. Sila ikut seperti kat dalam gambar ni k? Dari http sampailah ke jpg tu. Then, padamkan code tu dan isi dengan url yang korang nak. Contohnya aku letak url blog aku. 


Macam mana nak ambil url? Akey, bagi yang baru nak belajar, sini aku bagi tips mudah. Kalau korang nak letak url satu laman web ni. Korang pergi buka dulu laman web tu. Contohnya nak letak url blog koranglah kan, pergi buka blog korang dan ambil url tu kat atas. Contoh :



Opps, bocor bukak facebook, huhu. Dah tahu? Mudahkan? HEHE. Lepas dah tukar code- code gambar tu menjadi url code laman web yang korang nak, korang da boleh save dah. Dan sekarang ni cuba korang tengok blog korang k.



Tadddaa! Dah ada bukan? Senang sahaja nak buat tab menu ni tau. Hehe. Selamat mencuba. Lepas ni mesti korang punya tab menu akan lebih cantik dan boleh kalahkan aku punya ni, HAHAHA. Eh, lupa nak bagitahu. Pastikan widget tab menu tu korang letak kat bawah header k.

P/S : Entry ni dibuat sebaik bangun tidur. Sekarang nak pergi tengok TV. Papai-out




Apr 14, 2011

Pisahkan header dari blog untuk template designer

Assalamualaikum dan hai kepada korang yang sedang membaca belog ini! HAHA. Dah nak dekat seminggu juga aku tak update belog ni ya? Aku tengok semua orang busy update itu ini. Dalam sehari banyak gila entry yang keluar. Dari pagi ke malam aku tengok asyik ping entry aje. Daripada orang yang sama pulak tu. Hmm. Bergeliga sangatlah otak tu kan, baguslah tu,HEHE.

By the way, aku ada buat belog baru, khas untuk dunia novel, yeah! Nama pun novel kan? Mestilah novel aje,HAHA. Dah lama jugak sebenarnya aku menulis ni tapi tak pernah serius dan tak pernah habis cerita. So, kira kali ini aku dah seriuslah konon nak menulis cerita kan. Korang semua amat dialu-alukan untuk membaca. Boleh klik gambar kat sidebar tu. 

Akey, berbalik pada tajuk kita ni. Banyak juga yang tak dapat nak buat header tu terpisah, terutama bagi pengguna template designer, di mana mereka menggunakan template yang telah disediakan oleh pihak blogger sendiri. Mesti banyak yang teringin nak buat macam blog- blog lain kan? Buat header transparent yang cantik dan blog yang menawan juga! Tapi malangnya tak dapat buat semua tu sebab template korang lain dan blog korang kelihatan seperti ini.



Mesti sia- sia kan kalau dah buat header transparent tapi bila letak kat blog jadi macam tu pulak. So, aku nak tanya, korang nak buat header korang terpisah tak dari blog post korang? Nak? Jom..

Mula- mula sila Sign in ke dashboard korang terlebih dahulu. Pergi ke Design --> edit Html. Sekarang ni korang klik Expand widget pulak. Tengok contoh dalam gambar kat bawah ni.



Sekarang, tekan Ctrl + F atau F3 kat keyboard korang untuk memudahkan pencarian k. 
Cari code ni.

 /* Mobile  
 

Kalau dah jumpa code tu, sila copy code bawah ni pulak.

 .header-outer, .content-inner { background-color: transparent; }
.main-outer, .tabs-outer { background-color: $(content.background.color);}  


Paste code tadi ( code kat atas ni ) sebelum code   /* Mobile    .

Dah? Cuba preview dahulu. Header korang mesti dah terpisah kan? 


Tapi nampak tak ada shadow kat tepi- tepi tu? Siapa tak nampak memang ada tanda- tanda dah tu. Hehe. Akey, sekarang ni kita nak buang shadow tu sebab nampak tak cantik. Ini terpulang kalau korang nak buat atau tak. Bagi yang nak buang tu, sila cari code ni k.

 .content-outer {  


Mesti korang akan nampak code macam ni kan?

 .content-outer {
  -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);


  margin-bottom: 1px;
}
  

Akey, sekarang ni, korang padam atau buang code tu semua. Cuba preview kalau shadow tu ada ke tak. 

Jeng! Jeng! Shadow is gone forever!

Kalau dah tak ada shadow ( bayang- banyang ) dan error pun kosong, korang boleh dah save template korang. Yeahh.. sila tepuk tangan sekarang. ^^

Terima kasih kerana sudi meluangkan masa untuk bertutorial dengan saya! Jangan lupa jenguk blog " Dunia Novelaku " . Lalala....  :D


updated :  aku tak pasti kalau code template lain macam ini. Ada yang tak dapat cari code mobile tu. Mula- mula akupun macam itu. Tapi bila aku scroll dan cari perlahan- lahan, eh jumpa pulak. So, kalau still tak ada, cuba pakai template ini untuk memudahkan korang k =) trimazz.


Apr 8, 2011

Dont judge a book by its cover

Dalam dua hari yang lepas, aku ada post entry pasal SEX . Tajuk yang sememangnya hangat dan boleh meningkatkan traffic. Tapi aku memang tak peduli semua tu, nama je letak nuffnang tapi tak pernah buka pun laman webnya, amat jarang sekali, HEHE. Ampun nuffnang! Jangan tinggalkan daku. Cuma aku je boleh tinggalkan kau. ( Mata pemilik blog ini menjadi lebam keduanya kerana ditumbuk oleh pihak nuff , cobaan..). 

Berkaitan dengan tajuk ni, " Dont judge a book by its cover " , aku rasa mesti korang dah tahu kan? Lebih tepat lagi kalau kita orang malaysia ni cakap, " jangan menilai sesuatu atau seseorang dari luaran ". Tiba- tiba timbul pulak idea nak buat entry ni lepas entry XXX tu. Kenapa dan bagaimana?


Masa aku tengah sebarkan entry aku tu, banyak yang yang salah faham dengan tajuk entry aku. HAHA. Mana taknya, " ternyata seronoknya SEX ? " . Bila orang tengok mesti dah keluar pelbagai fikiran negatif kan? Lebih- lebih lagi entry tu dibuat oleh seorang perempuan! Apa fikiran korang kalau macam tu? Percaya tak percaya atau korang teruja? Waduh. Kat sini aku ada dua situasi. Dan ini merupakan pengalaman aku masa kat sekolah dulu.

Situasi pertama :

L bukan nama sebenar.

Dia ni merupakan kawan baik aku. Pernah tinggal di dalam satu asrama dan bilik yang sama. Aku kenal dia sejak tingkatan satu lagi. Tapi tak sangka hubungan kitaorang semua punah kerana dia. Kenapa? Sebab dia suka membuat cerita yang tak benar dan suka meraih simpati orang lain. Malah dia sanggup tikam kawan sendiri biarpun dia cakap dia sayang kat kitaorang. Lain kali, jangan tertipu dengan wajahnya yang polos!

Situasi kedua :

M bukan nama sebenar.

Masa kitaorang tingkatan empat, dia ni menjadi punca pergaduhan kawan baik ( lelaki ) kitaotang bergaduh. Kitaorang tak kenal sangat pun dia. Dia tu budak kelas sebelah kitaorang. Disebabkan itu, kitaorang tak suka dia, sampai- sampai kitaorang panggil dia tu si kuning gigi! Tapi masa masuk PLKN, secara kebetulan aku dan dia kena kat tempat yang sama dan hanya kitaorang berdua je dari sekolah kitaorang. Masa tu, memang aku rasa tak suka tapi bila dah kenal, ternyata dia ni baik orangnya. Gigi kuning pun tapi hati baik, syukurlah nak..

So, apa yang aku cuba sampaikan kat sini, tolonglah jangan menilai tanpa usul periksa. Make sure korang kenali dulu sesuatu tu, baru korang judge! Macam entry aku yang lepas tu, kalau tak baca lagi dan sekadar tengok tajuk je, mesti dah fikir bukan- bukan pasal aku kan? Entah- entah siap cakap aku ni perempuan gatal, entry entah apa- apa. Itu terpulang kepada fikiran masing- masing.

NOTA KUTU : Aku ni tak bijak tapi taklah bodoh sangat nak memalukan diri sendiri tanpa isi. Lebih- lebih lagi bila kat social Net, di mana banyak yang mengenali diri ini.


pic : google .


Apr 4, 2011

freestuff : photo editor.

Assalamualaikum w.b.t dan salam sejahtera kepada semua pembaca belog ini. Woah, macam itu pulak. Skema tak? HAHA. Bagus tak aku hari ni bagi salam? Bagus kepala hotak kau, amik ni! DUSHHH!!

Akey takpe, tak bagus pun takpe. HUHU. Baiklah. Hari ini aku nak bagi korang freebies ataupun freestuff. Nama pun free kan? Mestilah tak payah nak sibuk- sibuk keluarkan duit dari bank ataupun poket. Tapi kalau dah baik hati sangat nak sedekah kat akupun boleh jugak, HEHE. Sejak dua menjak tiga menjak ni, asyik ada soalan pasal header aje. Bukan nak tempah tapi tanya pasal photoshop bagai! KUIKUIKUI.

Bagi yang bertanya tu, meh sini aku jawabkan k. HEHE. Nak buat header tu tak semestinya nak pakai photoshop je. Banyak lagi photo editor yang canggih belaka. Tapi tak dinafikan jugak yang photoshop ni antara the best photo editor yang pernah ada. Kalau korang nak jugak photoshop ni, sila berkemas sekarang dan bawak dompet korang untuk ke kedai dan beli CD photoshop ataupun minta install terus ke laptop korang.

Sekarang ni, kita teruskan ke tajuk utama kita k. :) Aku dah sediakan beberapa web photo editor untuk korang buat header sendiri. Ya, aku tahu korang pun teringin nak buat header sendiri tanpa mengeluarkan sesen pun, ye dak? So here we are! Semua photo editor ini boleh korang gunakan untuk membuat header.
Klik gambar untuk ke laman web.


Photoscape.

Photo editor ni tak boleh nak buat header yang transparent tapi ianya mempunyai pelbagai fungsi yang menarik. Korang boleh letak pelbagai effect macam hitam putih, sepia, dan banyak lagi. Selain tu, photoscape ni mempunyai fungsi untuk membuat animation gif, just letakkan gambar korang dan pilih effect dan masa. Mudah kan? Korang juga boleh letak kartun- kartun comel yang ada kat photscape ni dan boleh gabungkan gambar korang banyak kat bahagian page dan combine. Dan korang boleh jugak printscreen dengan menggunakan screen capture yang ada kat photoscape ni.



Scrapblog

Photo editor ni pun tak boleh nak buat header transparent tapi banyak gambar- gambar yang comel dan cantik kat dalam ni. Maksud aku ni, sticker macam tulah. Photo editor ni tak payah nak sibuk-sibuk download, ianya jenis photo editor online. Boleh letak frame, speech balloon dan background ( themes ). Korang hanya perlu sign up dan pilih creating. Oh, nak pakai gambar atau sticker yang comel- comel tu, korang kena ada coint atau mata. Bukan mata manusialah! Tapi mata point. Kira macam urusan jual belilah jugak kalau nak guna ni. So aku cadangkan kalau nak ambil sticker tu, pilih yang zero point. Macam tu, kredit ( mata ) korang takkan berkurang. HAHA.



Paint. Net

Photo editor ni kalau tak silap aku, boleh buat header transparent. Aku tak pasti pasal software ni sebab aku memang tak ada benda ni. Tapi paint.net ni mempunyai tools yang serupa dengan photoshop dan rasanya lebih mudah berbanding dengan photoshop.




Gimp

Gimp pun sama, mempunyai tools yang serupa dengan photoshop. Kebanyakan yang tidak mempunyai photoshop menggunakan photo editor ni. Mungkin ianya lebih mudah dan senang untuk dicari? Gimp mempunyai airbrush, pencil tools dan powerfull gradient, sama seperti photoshop. Selain itu, korang boleh jugak download tulisan dan brushes untuk gimp. Sama seperti photoshop! 

Hebat? Menarik? Siapa cakap korang tak boleh nak buat header kalau tak ada photoshop? Jangan fikir negatif kalau tak cari benda- benda ni. Sebenarnya banyak lagi selain daripada kat atas ni. Just rajinkan diri korang untuk mencari. Tapi kalau tetap nak photoshop, macam yang aku cakap tadi, sila ke kedai sekarang. Takpun, cari member yang ada software tu. HEHE. Kejam tak?

Handsnote : Lepas ni nak buat freestuff pasal apa pulak? Doodle? chibidle? Lagu? Hmmmmm?!

Apr 1, 2011

Cara nak selesaikan error di older dan newer post di blog

Korang,korang! Ada tak korang mengalami benda alah ni? Hari tu aku ada nampak jugak orang tanya pasal ni. Tapi masa tu aku belum kena lagi. Tapi sejak dua menjak ni, bila nak klik older post aje mesti keluar benda alah ni. Pada mulanya, aku biarkan je dulu. Yalah, manalah tahu kesan jangka pendek je kan? Tapi semakin menjadi- jadi pulak, haihhh, geram pulak.


Bukan kat belog aku je kena, bila aku nak baca older entry belog yang aku suka ni pun jadi macam ni jugak. Siapa tak panas? ha? ha? So akupun try- try dulu nak fix. Aku pakai Blogger help tu.



So, kalau korang mengalami probs ni. Boleh guna cara ni. Aku dah cuba dah, sebab tu berani mati nak share dengan korang! HAHA.

Bagi blogger yang menggunakan icon untuk older dan newer entry  :


Log in ke dashboard--> design --> edit html--> klik expand widget.

Cari code ni dahulu.


<b:if cond='data:newerPageUrl'>



Then, korang akan jumpa code ni.



 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle' target='_blank'> <img src='NEWER POSTS ICON LINK'></a>  



Sila gantikan dengan code baru ini .



 <a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'><img src='NEWER POSTS ICON LINK'/></a> 



Kemudian, untuk older post pulak, sila cari code ini.



 <b:if cond='data:olderPageUrl'>



Korang akan nampak code ini.



 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'> <img src='OLDER POSTS ICON LINK'> </a>



sila gantikan code tersebut dengan code di bawah.



 <a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'><img src='OLDER POSTS ICON LINK'/> </a>



Perkataan berwarna merah itu, korang boleh letak code image icon yang korang nak.  Preview sebelum save! ;)




Bagi blogger yang menggunakan text untuk older dan newer entry  :


Log in ke dashboard --> design --> edit html --> klik expand widget.


Mula- mula cari code ini



 <b:if cond='data:newerPageUrl'>



Then, korang akan nampak code ini.



 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle' target='_blank'><data:newerPageTitle/></a>  



Sila gantikan ia dengan code baru ini.



 <a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'><data:newerPageTitle/></a>

Untuk older post pulak, cari code ini.

  <b:if cond='data:olderPageUrl'>

Korang akan nampak code ini.


 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> 

dan gantikan dengan code ini.


 <a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'><data:olderPageTitle/></a>  

Preview sebelum save! ;)

Erkk..kenapa hampir sama ja ayat aku ni? =.="
BTW, jangan lupa baca older entry SE pulak,HAHA... ( GELAK KEJAM )