2025 status-to-be : Single Pro Max Ultra :p - Fri , 15/11/2024 -
Avatar
Avatar
Hi! (•◡•)
Welcome to District'15.
I'm the mistress, Farahin.
Jan '96 is my sacred date.
I think and feel too much.
So I write. Feel free to
navigate around. Thank you
for coming ya.
header

New Look

Posted by ELFarahin | On December 31, 2020 | |

Assalamualaikum


Hello, peeps! Rasa macam dah lama sangat tak singgah blog. Padahal minggu lepas buka tutup buka tutup mengedit. Macam mana? Okey ke new look District'15 ni? Cuba komen sikit hehe. Dah bertahun tak edit blog. So I thought it was time to give it a new look. Farahin try to make it as simple as I could so you feel comfortable to view my blog and read it. Pardon me if it's just me who thinks so huhu. And of course, it's still to my taste. Blue is the main color theme for this blog. And white is a must for post background because it's where you're all reading. Not gonna make it messy. Plus, my writing itself is already messy. At least, I want to make the environment is a little bit proper lol.

Agak-agak perasan ke apa yang tak ada kat new look ni? Silent readers mana? Cuba teka haha. Farahin gerammm je ada yang ada singgah ramai-ramai tapi krik krik je ishh. Geram je. Tak marah pun hehe. Farah suka kalau bloggers tinggalkan link. Scroll bawah sekali. Haa kat situ. Tinggalkan link kat situ. I don't make bloglist. But that's kind of a bloglist too. Tak rugi pun kalau bloggers enter link kat situ. Walaupun Farahin ni kejap ada kejap tak ada, kejap kejap sekali lama menghilang haha, tapi mana tahu bloggers yang lalu lalang sini singgah blog bloggers yang ada dalam list tu pula. Kan best tu hehe.

Eh! Lari dari tajuk ni. Soalannya apa tadi? Apa yang tak ada kan? Haa ya. Blog arcvhive. I was thinking if it's really necessary. Like would you guys really scrolling up and down my blog archive? Haha. Besides, I have tags in my post. Kalau rasa nak usha-usha more posts, klik je label tu. Tak pun icon "bulu ayam" and "buku" tu. Siapa yang dah biasa dengan blog ni, mesti tahu label apa yang ada. Tak banyak pun. Tiga je; Ranting, Poem, and Fiction. Haa kalau teringin nak usha archive, boleh layan kat label Rant. The rest, buatlah macam blog sendiri haha.

Farahin student bachelor computer science. Major in graphic. Skill Farahin jauh sangat sangat jauh dari professional. Tapi masa edit blog ni Farahin nampaklah seperkara dua yang bagi Farahin bloggers yang enjoy edit blog sendiri patut tahu. Perkara ni kecil je tapi benda kecil ni lah Farahin tak jumpa code yang Farahin cari and later Farahin tertanya sendiri kenapa tak ada. Perkara tersebut ialah Buang/Padam Code.

Buang/Padam Code ni memang biasa nampak dalam tutorial blog. Farahin pun guna juga teknik ni. But since I know there is better way to delete codes, I don't this copycat act anymore. Jangan amalkan perbuatan ni. Betul lah. Nama pun edit. Mestilah ada code yang kita nak ganti dan tak nak guna. Tapi macam manapun Farahin tak galakkan bloggers Buang/Padam Code. Sebaliknya buat macam ni.

Teknik 1 : Buang/Padam Code Style

Sebaiknya guna symbol /* code yang tak nak guna */. Code Style adalah serupa code di bawah. Ia ada banyak code lines yang berakhir dengan };.

.square {

 /* height: 98px;*/

  width: 100%;

  background-color: #7fa4cb;

margin-top: 10px;

}

Teknik 2 : Buang/Padam Code Script

Code Script biasanya bermula dengan <script> dan berakhir dengan </script>. Kalau nak hilangkan fungsi code ni, gunakan symbol <!--code yang tak nak guna-->. Contoh Code Script adalah seperti di bawah.

<!--<script>

function openNav() {

  document.getElementById("myNav").style.height = "100%";

}

function closeNav() {

  document.getElementById("myNav").style.height = "0%";

}

</script>-->

Teknik 3 : Buang/Padam Code Body

Code Body ni tricky sikit sebab ia juga bermula dengan < dan />. Cara nak hilangkan fungsinya sama dengan Teknik 2. Tapi Farahin suka nak share contoh Code Body.

<!--<p> Nama saya Farahin </p>-->

<div style="color:black; text-style: center;"> Nama Saya Farahin </div>

<div class="name">Nama Saya Farahin</div>

Farahin tak nak sembang pusing apa makna code tu semua. Farahin cuma nak beri bloggers familiar dengan rupanya. Apapun, Farahin tak rekomen bloggers senang wenang delete code. Kenapa? Sebab seandainya suatu hari nanti, bloggers nak edit blog lagi, then bloggers nak cari code yang dikehendaki tapi tak jumpa, antara puncanya adalah sebab bloggers dah padam code yang asalnya ada. Tak memasal terbantut nak edit blog kan?

Farahin hadap juga hal ni masa edit blog ni. But at least I have very little little knowledge pasal html/css/java/xml. Jadi Farahin familiar dengan a few codes. And that's how I end up with this design untuk blog ni. Bukannya Farahin tak ada copy paste code. But I alter them just a little little bit. Tu pun sebab Farahin familiar dengan code yang paling basic. Maka menjadilah "flip picture" kat header tu. Cuba touch dengan cursor. I wrote something there. Jemput baca haha.

This new look ialah design yang paling first Farahin create mostly dengan code. Header tu simple je. Cuma "EST. 2011 District'15" and transparent. Icon tu macam biasalah kan. Buat bloggers yang biasa edit blog tu mesti dah biasa create icon button sendiri. Footer ala copyright tu pun. No image there. Just text and codes. Eh! Dah usha chatbox belum. Ia ala tirai gitu. Jangan lupa tinggal jejak hehe. Pun no images except socmed icons tu.

Apapun, I want to make it easier for you to navigate around this blog. No pop up banyak-banyak macam sebelum ni. Farahin pun semak tengok haha. Tapi sebelum ni semangat nak edit blog tu tak ada. So hadap je lah kan hahahaha. But this time all in one page. Special only for you hehe. Actually, ada some small things Farahin nak tambah lagi tapi later kot. Sebab extra things je.

Anyway, hari ni last untuk 2020. Alhamdulillah. I'm still here with you all. Farahin ada appointment next week. Hope tak ada lah terserempak abang baju putih lambai-lambai tangan kat simpang. Almaklum situasi masih genting dan darurat ni kan. Even if I knew that I didn't do anything wrong, I felt like about to lost the energy of my hands hiks hiks. Macam bila-bila masa je boleh tersondol vehicle kat depan huhu.

Okay, then. Panjang dah ni. Jumpa tahun depan ya. xoxo =)

Eh! Lupa nak share. Reference yang Farahin guna untuk edit blog ni ialah @W3Schools
Boleh usha kalau nak self-teach pasal html/css/java/xml.





4 comments:

  1. Satu pencapaian ye bila benda kita edit tu jadi dan satu pergaduhan bila tajadi.. ayy fakulti sc comp gang gang.. simpan blog ni buat ref masa cari keje leh tunjuk design guna code sendiri... padu gilaaa fuh sifu El

    ReplyDelete
  2. @wolf setuju. boleh buat gaduh dengan laptop sendiri hahahaha. ohyeahh hidup budak scomp haha! uhuk apa sifu sifu nii. jauh lagi nak sampai ranking tu huhu.

    ReplyDelete
  3. Selamat tahun baru Farahin 🤩

    ReplyDelete
  4. @Dila Faizal Late greeting. Happy New Year Dila =D

    ReplyDelete

ELFollowers

Check out and support my igshop @lomophoto.my @shopbyfarah.my

Powered by Blogger | Designed by ELFarahin