HTML colour code

click gambar nie

>>>>>>>> <<<<<<<<

Blog Achieve ada Icon

contoh icon dekat blog achieve .. tengok blog achieve nas . comel tak ? nak buat ? jum !

Mula mula log in blog design edit html tick widget expand

tekan ctrl+F and cari code nie ;

<a expr:href='data:i.url'><data:i.title/>

lepastu delete code diatas and gantikan dengan code nie ;

<a expr:href='data:i.url'><img src="url icon"/><data:i.title/>

url icon tu korang ganti dengan link icon korang

preview and save .

Image / icon boleh amik dekat glitters-graphics.com atau mane2 yang ada icon comel la :D

credit ; http://nurhafizahpija.blogspot.com

ShoutMix Yang ketot mcm saya XD

Tutor nie mungkin dah lapok la kan tapi daripada nas tak update .. boleh la kut ajar camner nk buat shoutbox korang jadi ketot XD anw , nie untuk sape sape yang guna shoutmix yang OLD VERSION sahaja .

contoh shout nas

firstly , korang bukak balik code shoutmix korang .. dah ? ok , tengok size dye .. besar kan ?

korang set ke

width 220

height 100

siap ! :) senang sikit , kalau ader yang kutuk-kutuk korang ke ape , takde la orang lain dapat bace kan :D kalau nk blogwalking tu , korang panjangkan balik ataw nk lagi senang , log in je

www.shoutmix.com

DENGAR KHABAR SHOUTMIX FREE NAK DI BATALKAN . LEPASNIE KALAU NAK GUNA KENA BAYAR . idk :(

Navigation Bar macam saya

contoh navigation macam nas punya .

pegi design add gadget html java script pastekan code dlm kotak ..

gantikan ;

b.colour dgn warna yang korang suka [ pegi tutor html colour ]

your url gantikan dgn link korang

yang home | freebies semua tu boleh tukar

<span style="background-color: #FCDFFF; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="your link">Home</a></span>

<span style="background-color: #FCDFFF; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="your link">Biography</a></span>

<span style="background-color: #FCDFFF; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="your link">Tutorials</a></span>

<span style="background-color: #FCDFFF; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="your link">Freebies</a></span>

<span style="background-color: #FCDFFF; border-radius: 5px 5px 5px 5px; padding: 3px 5px;"><a href="your link">MukaBuku</a></span>

save ! :)

Hidden Tab [ SpeechCredit ]

hye hye . meh nas ajar camno nak buat yang macam nas punya tuh . alahh yang speechcredit tu . ok sebelum tu nas credit tutor nie dekat cik lyssa . Contoh hidden tab tu cm kat bawah nie

oteh , sudah tahu anak anak ? jum mula !

pegi design add gadget html java script pastekan code dibwh nie ke dalam kotak tu

<center><div id="spoiler"><div><input value="Click Me" style="width:88px ;font-size:12px;background-image: url(url background korang);-moz-border-radius: 10px; border-radius: 10px;margin:13px;padding:0px;border-style: 2px solid #ff9fcc;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide Spoiler!&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;none&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show Spoiler!&#39;; }" />

<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%">

<center><center><center><span class="Apple-style-span"><span style="font-weight:bold;"> Ayat korang disini</span></span></center></center></center></div></div></div></center>

click me tu korang leh tukar dgn ayat korang

url bckground boleh tukar . background crilah dekat ego-box.com ke

ayat korang disini boleh tkukar dgn ape2 yang korang nak cakap .

save !

Hover Menyenget Bila Cursor Menyentuh Link

cube tengok nas punya sidebar post . Ada SNSD MOMENTS kan ? nie contoh ;

nak buat link jadi macam tu ? ikut nie !

mula mula design add gadget html java script paste code kat bawah nie

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{

width:270;

text align:center;

list-style-type: none;

font: normal 12px Century gothic;

}

.sidebarmenu ul li{

position: relative;

}

/* Top level menu links style */

.sidebarmenu ul li a{

display: block;

overflow: auto; /*force hasLayout in IE7 */

color: white;

text-align:center;

text-decoration: none;

padding: 0px;

}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{

background-color: #F9B7FF; /*background of tabs (default state)*/}

.sidebarmenu ul li a:visited{

color: white;}

.sidebarmenu ul li a:hover{

-webkit-transition-duration:1s;

-webkit-transform: skew(5deg,-5deg);

-moz-transform: rotate(2deg);

-webkit-transform: rotate(2deg);

background-color: #AB5353;}

/* Holly Hack for IE \*/

* html .sidebarmenu ul li { float: left; height: 1%; }

* html .sidebarmenu ul li a { height: 1%; }

/* End */

</style>

<script type="text/javascript">

//Nested Side Bar Menu (Mar 20th, 09)

//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas

function initsidebarmenu(){

for (var i=0; i<menuids.length; i++){

var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")

for (var t=0; t<ultags.length; t++){

ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"

if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu

ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item

else //else if this is a sub level submenu (ul)

ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it

ultags[t].parentNode.onmouseover=function(){

this.getElementsByTagName("ul")[0].style.display="block"

}

ultags[t].parentNode.onmouseout=function(){

this.getElementsByTagName("ul")[0].style.display="none"

}

}

for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars

ultags[t].style.visibility="visible"

ultags[t].style.display="none"

}

}

}

if (window.addEventListener)

window.addEventListener("load", initsidebarmenu, false)

else if (window.attachEvent)

window.attachEvent("onload", initsidebarmenu)

</script>

<div class="sidebarmenu">

<ul id="sidebarmenu1">

<li><a href="your url">Title</a></li>

<li><a href="your url">Title</a></li>

<li><a href="your url">Title</a></li>

<li><a href="your url">Title</a></li>

</ul>

</div>

background colour boleh tukar . [ S I N I ]

tukar your url kpd link korang

Title tu tukar kps tajuk2 post korang tu

save :)