Hafiz Zulkafly

08. Don't Leave

Monday, August 13, 2012

Assalamualaikum & Salam Sejahtera

Comeback lagi dengan skin baru dan paling penting coding yang paling paling berterabur yang pernah aku buat. Harapnya korang tabah dalam menggodek code skin kali ni. Take out with full proper credit ya guys. Thanks.




Tutorial : Simple Menu Tab Hover

Assalamualaikum & Salam Sejahtera


Yoo , ari ni update dengan tutor . tutor yang simple lagi mimple . haha . ape die menu tab ? meh jenguk entry NI . okay sekarang dah paham kan ape itu menu tab . so korang cube lah baru tau macam mana ^^ .


1. Dashboard > Design > Edit HTML . pastu CTRL + F this code :

/* Header
----------------------------------------------- */


2. lepas tuh copy code bawah ni . PASTE dekat ATAS code yang korang carik tadi .

a.menu {
display:inline-block;
text-align:center;
width: 55px;
color: #ffffff;
background:#969696;
padding:4px;
margin:2px;
-webkit-transition-duration:.3s;
}
a.menu:hover {
display:inline-block;
text-align:center;
width: 55px;
color: #000000;
background:#cac9c9;
padding:4px;
margin:2px;
-webkit-transition-duration:.3s;
}
a.manu {
display:inline-block;
text-align:center;
width: 55px;
color: #ffffff;
background:# cac9c9 ;
padding:4px;
margin:2px;
-webkit-transition-duration:.3s;
}
a.manu:hover {
display:inline-block;
text-align:center;
width: 55px;
color: #000000;
background:#cac9c9;
padding:4px;
margin:2px;
-webkit-transition-duration:.3s;
}

p/s : code untuk width , color , background , padding and margin tuh korang boleh ubah mengikut kesukaan korang okay !

now pergi pulak dekat Dashboard > Design > Page Elements . okay . klik Add a Gadget > HTML/JavaScript . copy code bawah ni . paste dekat dalam gadget HTML/JavaScript :

<center><a class="menu" href="LINK HERE">TITLE</a> .  <a class="manu" href="LINK HERE">TITLE</a>   .  <a class="menu" href="LINK HERE">TITLE</a>  .  <a class="manu" href="LINK HERE">TITLE</a>


Paste kan link korang dengan title untuk link korang and SAVE . siap . mudah kan ? so apa tunggu lagi . jom lah cuba . kalau tak menjadi , bagitau . mungkin ade code yang tak berapa nak betul , aku betul kan . okay ? kbai o/

Tutorial : Easy Image Uploader

Saturday, August 04, 2012

Assalamualaikum & Salam Sejahtera
Okay untuk slot tutorial hari ni, aku nak bagi tutorial cara mudah untuk upload and dapatkan url gambar . tak perlu log in . tak perlu sign up apa apa pon . mudah kan ? so nak tau macam mana cara nya ?


1) Korang kena pergi ke laman web ni --> imgur.com

2) Okay step kedua sampai habis . ikut gambar dekat bawah ni ye :







Siap . mudah kan ? hanya beberapa langkah je korang dah boleh dapat link url gambar yang korang nak . copy je url gambar tuh and paste lah dekat mana mana yang korang nak . tapi ingat . kalau nak paste dalam blog korang kena tambah code ni : <img src="URL GAMBAR"> baru gambar tuh jadi . kalau tak hanya keluar link sahaja . okay harap tutor ni sedikit sebanyak dapat membantu korang . kbai o/
© 2017 HAFIZ ZULKAFLY ALL RIGHTS RESERVED