Sunday, 27 May 2012

TUTOR: Shadow Keliling blog

Hi There :)

Mari decorate blog . hehe.. kali ni saya mau share tutor shadow keliling blog. Di blog sandra pun ada juga. Nampak tak? hehe.. Tutor ni rasa nya menjadi untuk pengguna template washed Denim saja. Tidak pasti lah dengan template designer. Tapi kalau pandai cari code tu mungkin boleh jadi lah. So.. mari start !

1. Design > Edit HTML > Tick Expand Widgets

2. Tekan F3 dan cari code ni : #content-wrapper {


3. Copy code di bawah ni :

-moz-box-shadow: 0 0 8px 2px #ffffff;
-webkit-box-shadow: 0 0 8px 2px #ffffff;

4. Tukar code tu ikut kesesuaian.


* Warna shadow 
* Ketebalan shadow


5. Paste di bawah code yang kamu cari tadi tu .


6. Tekan Preview dulu tau! Kalau takda error bole tekan SAVE :)





selamat mencuba ! :) 







TUTOR: Vertical MenuTab

Hi there ^ ^

malam-malam ni tida tau mau buat apa. hehe.. boring lah.. bagus lagi share tutor dengan kamu kan. hehe
Hari ni mau share tutor vertical menu tab. Hari tu sandra ada pernah buat gak. tapi sekrang suda delete. hehe.. mari tengok apa ka benda nya tu .. hihi


berminat ? hehe.. mari buat..

1. Design > Add gadget >  HTML/Javascript 

2. Copy code bawah nin :

<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">TITLE</a></li>
<li><a href="LINK">TITLE</a></li>
<li><a href="LINK">TITLE</a></li>
<li><a href="LINK">TITLE</a></li>
</ul>
</div></center></center>


3. Tukar code tu ikut kesesuaian kamu:

* Width sidebar kamu
* Warna tab menu tu sebelum  crusor sentuh
* Warna tab menu apabila di sentuh
* Letak link kamu
* letak title untuk tab menu tu 

4. Tekan SAVE ! 


So, apa macam? senang kan? 
mesti jadi punya kalau hati-hati. hehe