12/31/2013

Everything about border for newbies

12/31/2013

Assalamualaikum,

So yea saya buat benda ni sebab saya selalu post code tanpa terangkan apa yang boleh diubah. Perangai seperti ni tak ubah seperti cikgu akaun saya pada tahun lepas, hampeh tak faham. Mungkin ada yang tak tahu kan?  Tapi takpe, meh belajar. Ni ikut apa yang saya tau jelah, banyak sangat yang saya tak tau , maaf T_T (so den buat research sikit)

property border:

ketebalan :



jenis border:

Jenis dia ada banyak, boleh rujuk bawah ni :

dotted


dashed


solid


double ( 3px keatas )


groove ( 3px keatas )


ridge ( 3px keatas )


inset


outset


warna border :

Code warna, boleh ambik dari sini -> http://hexcolorgenerator.com/


border-width, border-style dan border-color




Property Border:1px solid #000000; dekat atas ni sebenarnya combinasi code  border-width, border-style dan border-color. Kalau nak guna property border-width, border-style dan border-color dalam css pun boleh, tapi ketiga-tiga property kena letak.

contoh :

border-width:10px;
border-color:#FFBBBB;
border-style:solid;


Yang bestnye guna property border-style ni, kita boleh guna sampai empat style !


border-style: solid dotted;
border-style: (atas dan bawah) (kiri dan kanan);

border-style: solid dotted dashed;
border-style: (atas) (kiri dan kanan) (bawah);

border-style: solid dotted dashed groove ;
border-style: (atas) (kanan) (bawah) (kiri) ;


Border-color pun, boleh guna sampai empat warna.

border-color:#FFBBBB #DACBEF;
border-color: (atas dan bawah) (kiri dan kanan);

border-color:#FFBBBB #DACBEF #F1EBC8;
border-color: (atas) (kiri dan kanan)(bawah) ;

border-color:#FFBBBB #DACBEF #F1EBC8 #C8E9F1;
border-color: (atas) (kanan) (bawah) (kiri) ;


Sorry kalau tak faham sebab saya selalu syok sendiri. Hihi. Sebarang soalan, boleh komen :) Wasalam

Mohon jangan repost tanpa kebenaran.

 rujukan rujukan

12/30/2013

Komik Running Man dan sebagainya

12/30/2013

Assalamualaikum,

Nak dijadikan cerita den sangat bosan sekarang dan -

Minggu lepas, aku mengalami kebosanan yang terlampau dek kerana tiada aktiviti dan ketandusan mood korea, so aku pun keluar lah dengan adik aku. Aku pergi Plaza Alam Sentral, SACC Mall, Kompleks PKNS, sebab tempat tu je satu-satunya tempat yang aku boleh pergi sendiri. Tempat lain aku tak reti. Aku ni jenis yang tak reti bawak diri.

Aku pergi kedai buku MPH sebab nak cari novel sebab semua novel/komik kat rumah aku dah baca. Masa tengah belek novel, teliti satu-satu (tapi tak beli pun lol) tetibe adik aku bawak satu komik yang sangat familiar dimata aku.


yeah aku dah tengok dekat internet komik ni keluar, kira lambat ah ni. haha. Bagi aku buku ni agak susah nak faham (ataupun otak aku tak berusaha nak faham) tapi komik ni bukan ikut episode running man yang sebenar. Misi dalam komik ni , mereka kena selamatkan Yoona.


Favourite page ! lahai comel je Jihyo dalam page ni.



Buku ni ada ruangan aktiviti. Kira best lah jugak sebab dia ajar macam mana nak buat ddakji a.k.a ceper, ajar macam mana nak buat topi (walaupun aku dah tau macam mana). Gambar kat atas ni , ayat geliat lidah. Aku suka yang "Red lorry, Yellow Lorry" Senang kacang. Hehe.

Oh ya, komik ni juga sertakan sticker ! Freebies katanya...

Jalan punya jalan, lalu buku ini secara tiba-tiba jadi milik aku. Buku ni seronok dibaca, memang menyentuh dan sentap jiwa. Mengingatkan betapa dekatnya kiamat dengan kita. Tembok Zulqarnain Sudah Bolos ni buku pertama penulisan Azrien Borhan. Kalau nak tau isi dia beli lah sendiri hehe. 


Alang-alang dah tangkap gambar tu kan, sekaligus aku nak show off (hahaha maaf) album boys republic yang telah di-sign oleh mereka sendiri. Ok jakun. 


Wasalam. 

How to have tutorial list like mine! - Style 2


Please click the Live Preview because this tutorial list have a special hover effect.

To get this list codes, copy the codes down here and paste it on http://htmledit.squarefree.com/ and edit it there! Honestly, I need to remind you this is the easiest way to edit codes.

Replace LINK with your tutorial link and replace Tutorial: with your own tutorial titles. 

To apply this codes, go to your tutorial page, and paste the codes on the HTML side, preview it and save! For Classic Template just paste the codes to where you wanted the tutorial list to be.

12/28/2013

How to add navigate-able box to your blog - Style 4

12/28/2013

Click here to see live preview.
To have this kind of tab simply follow instructions below. 
1. Copy and paste these codes to http://htmledit.squarefree.com/. In this website you may edit this tab the way you want, you may change the colors, the style, and the content of this tab box. 
2. Once done, go to Home > Layout > Add  a gadget > Pick HTML/Javascript
3. Paste the codes you have edited and save immediately. Do not click 'Rich Text' or else the codes will automatically corrupted. 
Goodluck! Any questions and problem you may comment down below or ask me on my Ask.fm.

12/25/2013

Add blogger Archive For Classic Template /Blogskins - Style 2

12/25/2013

Assalamualaikum, thank you for requesting this tutorial. I am currently using this blog archive style. If you touch the title, you will see a special hover effect! I am sorry that I don't provide live preview this time. 

1. Go to Dashboard > Template > Template HTML
2. Paste this code before/above </style>



3. Then, paste this code in your sidebar section code.



4. Now you are done! :)

12/23/2013

How to download and Install fonts to your windows.

12/23/2013

Assalamualaikum, someone asked me where did I get all the fancy fonts in my laptop. You can install various fonts but make sure that you are aware of the font owner's regulation. Some allow you to use the font for personal use only, it means that you will need to pay or buy the font if you want to use it for commercial purposes.  Some allow you to use for personal and also commercial use. Just a simple reminder from me.

Okay, let's start downloading the font!

1. The first step, click this link - Dafont and browse your favorite fonts in here. I am very sure you will favor a lot of fonts here.
2. Once you have chosen the font, click Download. Downloading will only take 1-5 seconds depending on your connection. One thing for sure, font files are not really big so you don't have to worry.

3. Once you have done downloading, click on the download file arrow and click "Show in folder" to be redirected to it file location. 


4. Now right click the font zip file and extract the file by clicking "extract files"


5. Once you have done extract the file, you will see the direct font file. If you can't find it, try to find a folder with related font name. It must be there! 
6. Now right-click the font file, click Install.

7. You will see a pop out window stating "Installing font" and the process will take about 3-5 seconds only. Now you have your favorite font in your windows! 

12/22/2013

How to style your sidebar or post title - Style 2

12/22/2013

Hi. Today I'm gonna update the second version of "How to style your sidebar or post title"! This time I added a hover effect to the title. I use kawaii polkadot background but you can always change the bakground to  suit your blog style! 

Click here to see the live preview.

To apply this style to your post and sidebar title, follow the following steps. The steps seem complicated but trust me, it is easy. Just follow the steps carefully so that you won't messed up your blog!

For Post title

1. Go to Dashboard > Template >Edit HTML 
2. Click in the HTML box > and press CTRL + F to search code.
3. Paste this code under <head>
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet"/>
4. Then, search for h3.post-title.
4. You will immediately directed to this code: Don't worry if the codes inside the { and } look different than yours because you might have followed other styling tutorial before. I am using the original and untouched white simple template from Blogger.

5.  Remove the codes I highlighted, and replace them with this:



6. You are done!


For Sidebar Title

1. Search for div.widget > h2 and you will find something like this.

2. Just as the Post title, remove the whole codes that I have highlighted and replace the codes with this:

3.Now you are done!

Thank you for reading :)

12/16/2013

Add grain background to your blog main body

12/16/2013

This is also a quick update. This tutorial was requested by a person on my Ask.fm. Thank you for asking!


To get this grain background on your blog's main body, follow this simple steps! 

1. Go to Dashboard> Template> Edit HTML
2. Search for ]]></b:skin> and paste this code ABOVE/BEFORE it.
.post-body,.content-inner {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZBnTl-3vzPqWE_R_OxB2686MRB74ALO2Yc4jBZYiKvcStSX9wUgnTxPBw_DvMr2SIIwGX4VskSCS_8G2Cy8eoArVaFqgy4oGQGBcMCvkF3-XSjKf8bmHKXYSxDDJeHqRNpuJXdCJoAvE_/s1600/bodybg.gif);}

3. Save template and you are done!

12/14/2013

Happy birthday to my forever bestfriend , Nurhamiza Shuhada

12/14/2013



Everytime cakap pasal shuhada, mesti takde modal lain nak sebut. Mesti kenang kitorang time kekecik dulu. Al-maklumlah, kawan dari kecik banyaknya dah berpisah. Heh kami tidak !

Masa kecik kitorang sekolah lain-lain. Dia dekat Sri Muda, aku dekat Kota Kemuning, then apa yang menghubungkan kami? Tempat kami belajar Fardhu Ain setiap Isnin, Selasa dan Rabu. Kat situlah kami kenal tapi TAK RAPAT PUN. Aku tak ingat masa tu rapat ke tak, tapi aku suka dia. (jangan pikir macam-macam uols). Aku dapat tempat paling panas dekat kelas fardhu ain tu, then Ummie tanya, "Nak ajak sape duduk dengan Nana?"  Then aku pun jawab "Shuhada" Hahaha kesian dia, dah lah tak rapat pastu aku heret dia duduk sekali dengan aku kat tempat panas.

Masa tu tak rapat lagi.

Suatu hari, aku pergi pasar malam naik basikal (otai) berdua dengan kawan aku. Tetibe time nak balik tu, ada sorang lelaki warga asing ikut kitorang. Siap ajak kawan aku tu pergi taman lagi, dia tak ajak aku, sebab aku nampak macam kanak-kanak riang kot. Walhal kawan aku tu 2 tahun lagi muda dari aku. Masa warga asing tersebut follow kitorang, aku suruh kawan aku ni borak dengan dia. SO aku boleh lah fikir strategi nak lari dari dia. Aku pun terfikir, "Ruq!! apa kata kita pergi rumah Shuhada? kan paling dekat?" Pastu kitorang pun pegi lah rumah Shuhada. Masa on the way tu, boleh pulak salah lorong. Lalu aku pun cover "Eh boleh pulak salah jalan rumah sendiri" lmao dasyat awak ni wana.

Bila dah sampai rumah Shuhada, aku pun bagi salam dengan cemasnya ! Pastu cite kat mama dia, mama dia pun keluar lalu warga asing tersebut pun lari ! Mama dia hantar aku dengan kawan aku balik rumah. Sejak tu kitorang rapat. Terima kasih, warga asing ._.




Mana satu aku? Tet !! aku takde dalam gambar , dua-dua pun kawan aku hehe

This friend of mine memang sangat girly i tell uolss. I mean, dia ajar aku jadi perempuan sikit. Dia kalau bersiap memang lama ! sempat dengar lagu lagi sambil bersiap. Kalau aku, petik jari je dah siap, tu yang selekeh tu. HAHAHA.

Okay mari flashback balik kenangan lama.

Aku ni boleh dikatakan muka tak malu, asyik ikut family dia kemana-kemana. Haha family angkat uolsss ada? Aku penah ikut dia pegi Pahang sempena makcik dia kahwin. Masa tu kitorang sama tinggi. Kembar tak seiras keke. macam-macam aktiviti dilakukan bersama kat sana. Siap beli buku nota lagi , untuk tulis nota sama-sama.  Memang aku sayang dia gila-gila T____T

Pernah satu bulan puasa tu, kitorang keluar sama-sama dengan mama dia. Adik Shuhada, Haikal , dapat Mc'd. Dia budak kecik, tak puasa . Kami yang berpuasa ni, sangat tergugat dengan Mc'D beliau. Lalu kami melangkah slow slow ke meja makan .. ambik seketul (?) French fries, dan ngap ! Hambik kau, curi makan pun sama-sama.

Last year, aku ada ikut Shuhada menginap dekat hotel sebab papa dia ada urusan kerja. Kami agak jakun dengan hotel, so kami pun jakun lah sama-sama. Haha.

Walaupun begitu, kami lain kelas. So sehari tu cakap lebih kurang sekali dua je kot. Kadang-kadang tak cakap langsung even duduk sebelah sebelah. Buat hal masing-masing, tapi tak pernah awkward sesama sendiri. Aku nampak dia rajin belajar, so aku pun semangat nak belajar bila nampak dia belajar.

Happy birthday NurHamiza Shuhada !! Semoga panjang umur dan murah rezeki. Aku sayang kau gegila ! Semoga keputusan SPM kau setimpal dengan usaha kau selama ni ! 

p/s: aku nak post gambar aku dengan dia tapi tudung aku terpendek :/

12/12/2013

Rupa baru

12/12/2013

Assalamualaikum,




yeay akhirnya berjaya tukar rupa blog ni. Selagi tak tukar, selagitu takde mood nak update , simple je sebab serious takde idea langsung nak buat. Nasib baik tengah angau seseorang so senang sikit nak dapat ilham tu, kekeke.

Disebabkan blogger dah berubah, saya terpaksa ubah beberapa tuto ;_; leceh mak aih ;_;