NOXASCH

Tutorial kali ini adalah pengenalan kepada animasi CSS3. Dalam tutorial ini noxasch akan tunjukkan macam mana nak buat satu animasi mudah menggunakan hanya HTML5 dan sedikit konsep asas animasi dalam CSS3. At the end of this tutorial, kita akan hasilkan satu animasi berikut :

Assalamualaikum, Cara lama yang digunakan untuk hilangkan atau "hide"-kan Navbar Blogger adalah seperti di bawah: #navbar-iframe { display: none ; } ada yang komen bahawa cara ni tak berkesan. Sebab ? 1. Cara ni cuma bagitahu browser, jangan display id navbar-iframe. Tapi kalau id navbar korang lain, tetap akan ada navbar tu. 2. Satu lagi kekurangan cara ni ialah, blog korang tetap akan muatkan Navbar ke dalam browser tetapi di-sembunyikan dengan property display: none;  dan cuma tak nampak sebab kita dah bagitau jangan display. Jadi saiz blog korang dan browser masih lagi akan load kan code Navbar tu. Sedikit maklumat, navbar tu sebnarnya adalah salah satu widget blogger yg disetkan supaya tak boleh delete melalui layout editor. So, saya akan kongsikan cara untuk hilangkan Navbar blogger dan pastikan code Navbar hilang dari template. Jadi Tutorial kali ni untuk delete Navbar. bukan sekadar hilangkan dari pandangan. Hai Navbar Blogger, *peace* So cara-...

Untuk entri ni, saya akan tunjukkan trick untuk tukar link kepada button. Tapi, tak semua link logik untuk ditukar menjadi button. Contoh link yang boleh tukar jadi button macam button "read more" dekat blog ni. So saya anggap korang dah tahu basic CSS dan HTML, well kalau tak tahu boleh tanya. Jangan malu, jangan segan. So, taknak cakap panjang kita tunjuk macam mana nak buat. Skill yang diperlukan : Basic CSS dan HTML Jadi misi kali nak jadikan link yang macam ni LINK jadi macam yang kat bawah ni : LINK So, hows the code? Macam mana nak buat ? sini :

  Secara default, blogger akan muatkan CSS dorang sekali dalam setiap blog. Tapi kalau korang guna Custom Template, CSS ni takda fungsi lansung dan cuma akan beratkan lagi webpage korang. ( **Trick ni cuma untuk "Custom Template" sahaja )    contohnya kalau korang view source ada benda ni : 1. https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css 2. https://www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css Jadi untuk buang CSS ni, pergi ke Edit Template HTML (**pastikan backup dulu template sebelum edit) :