Border Keliling Blog (Like Me)

Assalamualaikum semua. Hari ni saya nak ajar bloggers semua macam mana nak buat border keliling blog macam saya. Tuto ni request dari Wawa, dia tak tulis di tempat komen tapi dia cakap di sekolah je. Okey, tanpa membuat masa, jom belajar!

Inilah rupa border tu :

Cara membuatnya

1. Sign In > Edit HTML

2. Ctrl + F dan cari code ni :

Template biasa

.main-outer {

 Template classic

table style=

3. Lepas tu copy code ni :

border-top: 30px solid #D568FD;
border-left: 10px solid #D568FD;
border-right: 10px solid #D568FD;
border-bottom: 30px solid #D568FD;
background: #FFFFFF;
border-radius:10px; 

4. Paste code selepas code tadi.
5. Preview dan Save.

Nota
ABC : ketebalan border
ABC : solid / dotted / dashed
ABC : warna border. Code warna DI SINI.

Thanks to : The Tutobies

Simple Navigation

Assalamualaikum semua. Haa..hari ni saya nak ajar blogger semua macam mana nak buat simple navigation. Tutorial ni request daripada Wawa.

Maksud navigation bar yang dia cakap tu ialah lebih kurang macam inilah.

Cara Membuatnya

1. Sign In > Layout > Add A Gadget > HTML/Javascript

2. Copy code ni dan pastekan.

<span style="background-color: #FF7575; padding-bottom: 5px; display:inline-block; padding: 5px; text-align: center; margin:3px;"><a href="LINK" style=" color: white; text-decoration: none;">NAVIGATE</a></span>

3. Kalau nak buat lebih daripada satu, doublekan code tu.

Note

ABC : Warna background. Code warna ada DI SINI.

ABC : Tulis link apa-apa di situ. Cth : http://balqisppgz.blogspot.com  

ABC : Tajuk navigation. Cth : Entries, About, Stuff

Thanks to : The Tutobies

Jom Jadi Kaya!

Assalamualaikum semua. Sudah seminggu blog ni ditinggalkan, kini tiba masanya untuk update! Haha..hari ni saya nak kongsi dengan pembaca semua macam mana nak jadi kaya. Bukan kaya duit tapi kaya ilmu. Ada ke yang terkena dengan 'lawak' saya di atas? Hehe..minta maaflah..Tanpa membuang masa, jom baca macam mana nak kaya ilmu!

Soalan Kayakan Ilmu

• Bawa buku kecil untuk mencatat soalan.
• Jangan malu untuk tanya soalan remeh. Soalan sebegitu boleh membangkitkan minat positif terhadap pembelajaran. Biarlah kita dianggap kurang bijak sekalipun. Orang yang cakap kita kurang bijak tu, sebenarnya dia yang begitu.
• Dapatkan pandangan kedua setiap kali memiliki sebarang persoalan. Pandangan kedua menjadikan pemikiran kita lebih terbuka dalam memahami sesuatu isu.
• Fokus soalan adalah untuk mengetahui lebih lanjut, bukannya menguji guru.
• Jika soalan tidak mendapat jawapan, jangan berhenti bertanya. Ajukan kepada guru lain kerana ilmu itu luas.

 Hadis Of The Week

Daripada Abu Hurairah r.a., Nabi s.a.w. bersabda : "Sesiapa yang melambat-lambatkan amalannya, keturunannya tidak akan bersegera untuknya." (Riwayat Muslim)

Sumber : Majalah Gen-Q

 

Belajar dan Mengajar

Assalamualaikum semua. Lama saya tak update blog betul tak? Hari  ni saya nak kongsi tentang tip belajar dan mengajar. Kenapa saya asyik cerita pasal belajar? Ye lah, menuntut ilmu kan satu kewajipan bagi kita semua. Lagipun, Hari Guru kan dah dekat..Okeylah, jom baca!

Tip Belajar

• Hormat dan kasihi guru yang mengajar ilmu.
• Kurangkan makan dan dapatkan tidur secukupnya.
• Catat ilmu yang dipelajari.
• Sabar dalam memahami ilmu.
• Jaga hubungan dengan Allah, ibu bapa dan orang lain.

Tip Mengajar

• Banyak bersabar dan kurangkan marah.
• Jauhi sikap takabbur dengan ilmu yang ada.
• Sentiasa merendah diri dalan pergaulan.
• Berlemah lembut dengan murid yang kurang bijak.
• Jujur dalam menyampaikan ilmu.

 Hadis Of The Week

Abu Hurairah meriwayatkan Rasulullah s.a.w. bersabda yang bermaksud : "Sedekah yang paling baik ialah seorang Muslim yang belajar kemudian mengajarkan kepada Muslim yang lain." (Riwayat Ibn Majah)

 Nota Hati
Banyak-banyakkan berkongsi ilmu dengan orang lain ye, kawan-kawan! Tidak dilupakan kepada para ibu di luar sana, saya ucapkan 'Selamat Hari Ibu kepada semua ibu di dunia!'

 

Sumber : Majalah Gen-Q

Gaya Sukan Orang Muda

Assalamualaikum semua. Lama rasanya tak update blog, kan? Dah baca tajuk di atas? Tahu tak apa yang saya nak kongsi hari ni? Haa..hari ni saya nak kongsi tentang gaya sukan. Sebut tentang sukan, mesti ramai di antara pembaca semua yang suka bersukan, betul tak? Nak tahu apa itu gaya sukan? Jom baca.

Gaya Sukan Orang Muda

• Berpakaian menutup aurat. Ingat ye, lebih-lebih lagi yang perempuan. 
• Gunakan masa yang sepatutnya supaya tak tinggalkan perkara wajib dan penting.
• Tidak berlaku pencampuran antara lelaki dan perempuan.
• Tiada tontonan kepada umum apabila wanita bersukan.
• Tidak berlaku pergaduhan atau adanya kata-kata fitnah. Ingat, jangan gaduh-gaduh kalau kalah, yang menang pun jangan pula menyakitkan hati yang kalah.
• Jenis sukan sesuai mengikut gender.
• Bersih daripada unsur judi atau pertaruhan.

 Hadis Of The Week

Rasulullah s.a.w. bersabda yang bermaksud : "Orang beriman yang kuat lebih baik dan lebih disukai Allah daripada yang lemah." (Riwayat Muslim)

 Nota Hati
Banyakkan bersenam dan bersukan ye kawan-kawan!

Sumber : Majalah Gen-Q

Colour Scroll Bar Style (Updated)

Assalamualaikum semua..Hari ni saya nak buat tutorial tentang scroll bar. Semua dah tahu kan apa itu scroll bar, betul tak? Tutorial ni request daripada wawa. Dia minta buat macam scroll bar saya je tapi saya buat tutorial sampai 3 style sekaligus. Pilihlah yang mana satu yang berkenan di hati.

1. Dashboard --> Template --> Edit Html


2. Tekan ctrl+f dan seacrh code di bawah ini

]]></b:skin>

3. Dah jumpa ke belum? Copy salah satu coding dekat bawah ini dan paste ATAScode ]]></b:skin> tadi

Scroll Warna

::-webkit-scrollbar {height:3px;width: 10px;background: #000}::-webkit-scrollbar-thumb {background-color: #FF0000;-moz-border-radius: 10px;border-radius: 10px;}::-webkit-scrollbar-thumb:hover {background-color: #FFFFFF;-moz-border-radius: 10px;border-radius: 10px;}

Petak Style

::-webkit-scrollbar {width:15px;height:10px;}::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment  {height:10px;width:10px;display:block;background:#FF0000;border:1px solid #000000;}::-webkit-scrollbar-track-piece  {background-color:#FFFFFF;}::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background-color:#FF0000;border:1px solid #000000;}

Track Piece

::-webkit-scrollbar {width: 8px;height: 8px;}::-webkit-scrollbar-track-piece  {background-color: #FF0000;border: 3px solid #FFFFFF;}::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background-color: #000;border: 1px solid #FFFFFF;}

EDIT :
ABC : Background Scroll bar
ABC : Warna Scroll bar
ABC : Warna Scroll bar Hover
ABC : Ubah ikut kesesuaian
Code warna di sini :)

4. Dah siap edit...Preview dan SAVE.

Credit to : SAMIQA