\\ Assalamualaikum Rindu //
Lama sangat tak buat tutorial kan ? ehermmmm .. panjang tak tajuk aku tu ? mehh la puji sikit .. hahahah .. maklum lah , tutorial ni buatan sendiri .. aku memang pening nak bagi tajuk ..
ingat lagi tak aku ada marah dekat youtube sebab cerewet sangat .. youtube cakap , dia kecik sangat .. sebab tu tak boleh play !! yang tak tahu , bole tengok entry >> SINI <<
Sudah cukup cukup sudah .. membebel pulak .. now , let we start !
a) Dashboard > design > edit HTML
b) Menggunakan fungsi find, (ctrl + F), cari kod </head>
c) Copy dan paste kod di bawah SEBELUM code </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Nota kuku : kalau dah ada coding kat atas ni , abaikan langkah a,b & c ..
d) Klik SAVE !
Sabar sabar .. bawak bertendang .. tuto belum habis lagi !! next step :-
dashboard > design > page element > add a gadget > HTML/javascript
e) Copy dan paste kod di bawah dalam ruangan HTML/javascript
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/xgUNJ_Xoerg?fs=1&autoplay=1&hl=en_US" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/xgUNJ_Xoerg?fs=1&autoplay=1&hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></div></div>
f) Save dan lihat hasilnya ..
Bold - code youtube .. boleh rujuk tuto >> INI << * ikut step sampai habis TAPI jangan ubah saiz width dengan height*
Oren - link Youtube * Share >> Embed >> ambik code *
kalau tak faham , tanye ! malu bertanye , sesat jalan =D
No comments :
Post a Comment