Tutorial pemasangan banner dan meletakkan kotak banner code di blog.

Assalamualaikum..tutorial ini adalah untuk memasang banner dan meletakkan kotak banner code di blog.

1. Design
2. Add new widget
3. Klik HTML / Javascript
4. Copy code nie dan pastekan di dalam widget tersebut
   
   <center><a href="URL BLOG" target="_blank"><img src="Banner Freebies" /></a></center>
   
   <textarea cols="25" name="blog-freebies" readonly="readonly" rows="2"><center><a href="URL BLOG" target="_blank"><img src="Banner Freebies" /></a></center>
    </textarea>
   
5. Gantikan URL Blog dengan URL Blog anda
6. Gantikan Banner Freebies dengan URL Banner Freebies pilihan anda.

Tutorial pemasangan header menggunakan URL

Assalamualaikum..ini adalah tutorial pemasangan header menggunakan URL.

1. Klik kanan pada gambar header freebies yang dikehendaki dan pilih "copy link location"
2. Masuk ke Design
3. Klik pada Header
4. Di bahagian yang ditunjukkan dengan arrow dibawah,masukkan / paste URL header freebies tersebut..

Tutorial untuk memasang greeting banner.

Assalamualaikum..tutorial ini adalah untuk memasang greeting banner yang seperti di atas.

1. Design
2. Add New Widget
3. HTML / Javascript Widget
4. Ruangan Title biarkan kosong
5. Copy dan pastekan di ruangan Content
   
   
   
   
   <marquee behaviour="scroll" scrollamount="10"><img height="44" src="URL Greeting Banner" width="320" /></marquee>
   
   
6. Gantikan URL Greeting Banner dengan URL freebies pilihan anda. itu saje... :)

Tutorial pemasangan welcome note.

PERHATIAN! 

Sila download full template dulu. Kalau dah pakai benda ni, tak boleh buang dah.

owner asal cakap tutorial nie hanya boleh function kat template denim sahaja.

untuk pemasangan sila ikut step di bawah.

1. Design
   
2. Edit HTML
   
3. Download Full Template
   
4. TICK EXPAND WIDGET TEMPLATES
   
5. Search kod ]]></b:skin>
   Pastekan kod ini kat atas kod ]]></b:skin>. 

</style></head>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<center><img src="URL FREEBIES"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/></center>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body>

Tukarkan URL FREEBIES dengan url welcome note freebies korg ye.

Untuk memastikan korg mengikuti cara pemasangan yang betul,sila rujuk panduan bergambar di bawah.

Tutorial dicopy dari : Faqihah Husni

Sliding Shoutbox Tutorial / Code

Assalamualaikum..ini adalah tutorial untuk sliding shoutbox dan freebies icon.

• Copy code di bawah nie...
  
  <style type="text/css">
  
  #gb{
  position:fixed;
  top:50px;
  z-index:+1000;
  }
  * html #gb{position:relative;}
  
  .gbtab{
  height:350px;
  width:350px;
  float:left;
  cursor:pointer;
  background:url('http://3.bp.blogspot.com/-Ef4jW7TP1sk/TuAcATtsZYI/AAAAAAAADSI/ExASiKZtnSI/s1600/shout2.png') no-repeat;
  }
  .gbcontent{
  float:right;
  border:2px solid #00000;
  background:#F5F5F5;
  padding:5px;
  }
  </style>
  
  <script type="text/javascript">
  function showHideGB(){
  var gb = document.getElementById("gb");
  var w = gb.offsetWidth;
  gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);
  gb.opened = !gb.opened;
  }
  function moveGB(x0, xf){
  var gb = document.getElementById("gb");
  var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
  var dir = xf>x0 ? 1 : -1;
  var x = x0 + dx * dir;
  gb.style.right = x.toString() + "px";
  if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
  }
  </script>
  <div id="gb">
  <div class="gbtab" onclick="showHideGB()"> </div>
  <div class="gbcontent">
  
  <!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="kuazhar90" src="http://www5.shoutmix.com/?kuazhar90" width="100%" height="260" frameborder="0" scrolling="auto"><a href="http://www5.shoutmix.com/?kuazhar90">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">Nak shoutbox mcm nie?</a><br /><!-- End ShoutMix -->
  
  <div style="text-align:right">
  <a href="javascript:showHideGB()">
  [close]
  </a>
  </div>
  </div>
  </div>
  <script type="text/javascript">
  var gb = document.getElementById("gb");
  gb.style.right = (290-gb.offsetWidth).toString() + "px";
  </script>
  
  
  

• yg bahagian shoutbox yg dibirukan tu..letak shoutbox code korg ye
• yg bahagian yg dipinkkan tu...letak url gambar yg korg nak sebagai icon..