Float Welcome note

Assalamualaikum , hari ni mila nak buat tuto semad siket .. haha . tuto ni direquest oleh sue aida . dan tuto ni saye amik dari dania dan syamira . Okey , jom buat

1.Design-Edit HTML- expand widget template
2.Tekan CTRL+F cari code bawah ni
3.Dah jumpe? Copy code bawah ni dan paste di atas code <head>
 <div style=' position:absolute; top:0px; left:50px;'><img src='url image'/></div><div style=' position:absolute; top:28px; left:62px;'><center>Your welcome note</center></div>
 merah tu url image gmba korang suke , boleh pilih kat bawh
 biru tu ayat korang sukahati la nak letak ayat ape .
4.Preview & Save ! Bawah ade freebies


Note dibawah setiap post

assalamualaikum . tuto ni ade org request . dan tuto ni saye amik dari dafina .hehe :D jom buat sekarang

1.Design-Edit HTML-  expand tick widget
2.Tekan CTRL+F cari code bawah ni
3.Dah jumpe? copy code bawah ni & paste di bawah code <data:post.body/> 
<hr/><center>AYAT KORANG</center><hr/>
teka-teki ;
merah tu boleh tuka dengan ayat citarasa korang

4.Preview dulu! Dah puas Save teros ^^

Link Hover Ada garisan

Assalamualaikum , haii readers . hari ni mila saje je nk wat tuto . borink . ok jom mule

1.Design-Edit HTML-Expand Widget Templates
2.Tekan CTRL+F cari code bawah ni
3.Dah jumpe? copy code bawh ni & paste di bawah a:hover tadi

border-top: 2px dotted #000000;
border-bottom: 2px dotted #000000;
 warna oren boleh tuka
   *pilih mane suke
warna merah ialah utk warna garisan tu
you can find at here


Welcome Note Image

Assalamualaikum , tuto ni ade orang request , dah lame dah . sian dye menunggu punye lame .dekat 3 hari . hahaha~ okey , tuto ni saye amik dari kak nana tau! ucap thx to her .Oke jom buat sekrang ! sekarang! haha

1.Design-Edit HTML- 
2.Tekan CTRL+F cari code bawah ni 
3.Dah jumpe? Copy code bawah ni & paste di atas ]]></b:skin> tadi 

/* to top */
#toTop { width:100px;background:none;border:0px solid #ccc;text-
decoration:none; }
<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
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
<center><img src="LINK GAMBAR"</center>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
4. Preview & Save

[ade freebies tok korang]