28 May 2011

Tutorial Back To Top

  Hai guys ..Harini Daya happy gegila so nak share banyak tutorial dengan korang harini .. ehehehe

Back to top tu macam ni ye kawan2 :')



Okey macam mane nak buat tu ?

 Dashboard -> Design -> Add a gadget -> Html/JavaScript
 Copy paste code dekat bawah ni dalam ruangan html/javascript tadi

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="URL GAMBAR" /></a>

Yang warna merah tu korang boleh ganti dengan gambar yang comel..

Freebies 


http://i47.photobucket.com/albums/f158/jasaeve/Linguistics/Arrows/pink--animated_up.gif



http://i1186.photobucket.com/albums/z368/Hidayahyaya/cattop.png


Save .. Done (!)






Tutorial Accordian Tab Menu

Assalamualaikum guys .. Hari ni ade sorang kakak mintak tolong dekat Daya dalam shoutbox..




Kakak Ieyza mintak Daya buat tutorial pasal Accordian Tab .. Ape tu ?? Ha tengok macam dekat bawah ni


SEBELUM


SELEPAS


See ? Die ke bawah kan ?
Orait jom Daya kongsi macam mana nak buat..

Dashboard -> Design -> Add Html -> html/JavaScript

 Copy paste code dekat bawah ni dalam ruangan html/javascript tu tadi


<style type="text/css">
h5 {
font-family: trebuchet-ms, arial, tahoma;
font-size: 13px;
padding: 0 0 1em;
font-weight:bold;
color: #ffffff;
}
.msg_list {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#FFB6D6;
margin:1px;
-moz-border-radius: 35px;
border-radius: 35px;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#FFFFFF;
}
</style>
<script type="text/javascript" src="https://sites.google.com/site/jquery01/tabmenuaccordion.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
//hide the all of the element with class msg_body
$(".msg_body").hide();
//slides the element with class "msg_body" when paragraph with class "msg_head" is clicked
$("#firstpane h5.msg_head").click(function()
{
$(this).next("div.msg_body").slideToggle(700).siblings("div.msg_body").slideUp("slow");
});
//slides the element with class "msg_body" when mouse is over the paragraph
$("#secondpane h5.msg_head").mouseover(function()
{
$(this).next("div.msg_body").slideDown("slow").siblings("div.msg_body").slideUp("slow");
});
});
</script>
<div class="msg_list" id="secondpane">
<h5 class="msg_head">Tajuk 1</h5>
<div class="msg_body">
<center>
Isi dalam tajuk 1</div>
<h5 class="msg_head">Tajuk 2</h5>
<div class="msg_body">
Isi dalam tajuk 2
</div>
<h5 class="msg_head">Tajuk 3</h5>
<div class="msg_body">
Isi dalam tajuk 3</div>
</div> 

Note 

Yang warna Hijau , korang tukar dengan tajuk tab yang korang nak
Yang warna Merah , korang pastekan code korang ( contoh: shoutbox, about me )

Dah siap ? Okey save ..Done (!)

Fahamkan ? :) ..kalau faham bagus , kalau tak faham tanye okey ...




Nabil Tiru Lawak Orang

Aik betul ka ? hmm xtau la tapi tengok la video yang Daya nak letak ni .. Serious Daya enjoy persembahan Nabil .. Daya sendiri ade dekat studio maharaja lawak tu .. tapi die tiru orang pulak ? xtau la .. bukan ape Daya just nak bagi tau .. thats all






Same sangat keww ? hmm anyway good on your tour Maharaja Lawak ...

26 May 2011

Najwa Latif Cinta Muka Buku 4shared

Assalamualaikum guys ,..arghh rinduu taww dekat blog ni  (!) .. Exam is over .. Sekarang ape yang ade dalam kepala otak ni cuma blog Daya ni aje ..ehehe

Okey sebelum ni Daya pernah bagi tahu yang kak Najwa ade lagu baru yang bertajuk 'Cinta Muka Buku'..Korang dah boleh download lagu tu dekat SINI .. Lagu kak Najwa TERBAEKK :DDD
Support kak Najwa Latif ek korang .. Follow twitter die @njwalatif, Facebook fanpage die najwalatif , Blog die www.najwalatifs.blogspot.com  ..okey korang ^^

Tapi kan tapi kan , kesian dekat kak Najwa .. Daya bace blog die tadi and die dah start ade haters.. puiii ape laa ..dorang jeleous laa tuu ..
Don't worry kak Najwa .. Daya always support you ! :D

Jangan lupa download lagu Najwa latif :')