Posts

Showing posts from August, 2014

Tutorial: Bina animasi mudah dengan CSS3 (Part 1)

Image
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 :

Tutorial: Sembunyikan Navbar Blogger

Image
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-

Tutorial: Tukarkan Link Biasa Menjadi Button dengan CSS

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 :

Test Your Webpage on both PC and Mobile with Google Chrome

Image
Since the first appearance of Google Chrome with its open source license, it has become a very powerful browser and a very strong rival to Firefox. But both with different ideology I think. In this post, I'm going to show you how you can use Google Chrome to test you newly created webpage without any other software or any "wysiwyg" editor. For this mission we are going to view maybe twitter on both pc and mobile using Google Chrome. And of course you can view any webpage that support both PC and mobile or a responsive webpage. Well, you already view it on PC, so I show how to view it on mobile. Step 1 : Open up the webpage you want to view, right click and choose Inspect Element .

Tips Tingkatkan Kelajuan Blog

Image
        Page Loading Time ataupun masa memuat sesebuah laman web atau blog merupakan satu aspek penting. Mungkin engkorang tak perasan sebab guna connection atau sambungan internet yang laju. Unifi lah katakan. Tetapi bagi visitors atau pelawat yang mempunyai connection yang perlahan, ianya merupakan satu aspek yang penting untuk melawat sesebuah website. Bayangkan webpage yang mengambil masa 2 minit untuk loading, korang sanggup tunggu atau layan facebook ataupun twitter ?

Buang Default Blogger CSS Dari Blog

  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) :