Hijrah

Assalamualaikum,

MashaAllah, dah bersarang blog ni. Dengan itu, mari kita membersihkannya semula. *suka hati* ^^
Alhamdulillah. bersyukur ke hadrat Ilahi, dengan limpah kurniaNya, saya dapat kembali ke lam blog dimana banyak perubahan telah berlaku.
Dan In Sha Allah, blog ni pun akan ditransformasikan juga kepada yang lebih baik.
Untuk manfaat semua,
Semoga dengan ini, kita mendapat pahala dan mendapat keredhaanNya.

Jadi, itulah definisi secara tidak langsungnya Hijrah. What is Hijrah? Hijrah ditakrifkan seperti mana saya belajar dalam buku teks yang bermaksud:
1) perpindahan dari satu tempat ke tempat yang lain
2) Semangat untuk berubah; kepada yang lebih baik.

Alhamdulillah, Allah telah membuka pintu hidayah kepada saya sebelum sempat saya digelar sebagai seorang dewasa. Allah telah membuka pintu hati ini pada pertengahan remaja. Dimana sepatutnya zaman remaja inilah, kita sepatutnya bertungkus-lumus memperbanyak ibadah. Kudrat masih ada, nak tunggu tua ke baru nak berebut saf hadapan?

"Allah tidak akan mengubah nasib sesuatu kaum melainkan mereka mengubah nasib mereka sendiri" Ar-Rad : Ayat 11

Kita manusia, banyak dosa, terlampau banyak. Tapi kita kena ingat, Allah itu Maha Pengampun.
So, selagi mana ajal maut belum sampai, selagi tulah kita dikehendaki bertaubat dan ingin merebut masuk ke syurgaNya.

sampai disini sahaja untuk hari ini. syukran :)

Tutorial vertical menu tab

Assalamualaikum , kebelakangan ni ramai yang request tuto , macam mana nak buat ini dan itu . Tape2 Lily akan buat slow2 ya ! Kali ni tuto direquest oleh Nabila . Jom kita belajar sama2 camne nak buat vertical menu tab ? Apa benda tu ? Dekat bawah ni hah ada :

Step 1

Dashboard --> Layout --> Add a gadget --> Html/javascript

Step 2

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */

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

.sidebarmenu ul{

width:250;

text align:center;

list-style-type: none;

font: normal 13px 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: #C6C6C6; /*background of tabs (default state)*/}

.sidebarmenu ul li a:visited{

color: white;}

.sidebarmenu ul li a:hover{

background-color: #000000;}

/* 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="LINK">HOME</a></li>

<li><a href="LINK">ABOUT ME</a></li>

<li><a href="LINK">TUTOTIAL</a></li>

<li><a href="LINK">TAGBOARD</a></li>

</ul>

</div></center></center>

copy dan paste ke dalam html/javascript

merah : width sidebar korang , ikut keselesaan masing2
Biru : warna tab sebelum cursor sentuh
Purple : warna tab hover semasa cursor menyentuh
Hijau : Link bila kita tekan tab tu
Kuning : Perkataan yang nak ditulis


Kalau nak tukar warna boleh pergi ke laman ni >> SINI <<


dah siap ? Tekan save ! senang kan ? Meh cuba2 kalau nak siap kasi tahu tau !