Image Slider


apa khabar sume? 
harap sume sehat-2 belaka hendaknya =)
ok, hari nie Amni nak teruskan dgn membuat "Tutorial Meletakkan Lagu di Blog"

Amni wat tutorial nie sbb rame jgk new Blogger tnya kat Amni macam mana nak letak lagu kat dlm blog..

now! mari kita mulakan..

widget lagu nie bnyak, tp Amni hnya ajar yg Amni tau ja..yg lain tu, maybe sama ja kot ..hhahha

A. Widget lagu menggunakan Music Dumper

1. Pergi ke musicdumper.com 

2. Search lah lagu yg korang nak letak dekat blog..search dekat bar yg ada tulis
    "Type in artist or song title here.."

3. Bila dh search.. korang pilih la mana satu yg korang nak...

4. Dah pilih? ok, kalau dah korang scroll down skit...smpai nmpak perkataan "Embed Option" dekat sebelah kanan korang.. 

5. Kata dalam ruang tu, korang ada nmpk kan "Embed Code" ? klu nmpk, copy code tu and paste dekat Edit HTML..

6. Save, siap!

*Edit HTML tu korang amik kat Design > Page Element > Add Gadget >Edit HTML


B. Widget lagu menggunakan Widget Index


2. Dah? oke, korang scroll down skit, sampai jmpa perkataan "Kategori widget" dekat sebelah kiri korang..

3. Korang pilih Music box.

4. Dah tekan? pastu, korang cari la lagu yg korang nak mengikut kategori tu..

5. Kalau nak cepat , korang boleh search dekat ruang "Search widget @ lagu"  dlm blog tu..

5. Dah jumpa? klau dah, korang tekan dekat lagu yg korang nak letak dlm blog tu.. n korang akan nampak code yg dlm box putih tu kan?

6. Korang copy code tu n paste dekat Edit HTML..

7. Save, siap!

*Edit HTML tu korang amik kat Design > Page Element > Add Gadget >Edit HTML

C. Widget lagu menggunakan SCM Music Player

1. Pergi ke scmplayer.net

2. Dah masuk? ok, sekarang TICK color yg korang suka.. Jangan tekan "Done" lagi tau!

3. Pergi ke Edit Playlist macam yg Amni tunjukkan ni..



     * masukkan tajuk lagu dan URL lagu tersebut..klau x tahu nak amik kat mana URL tu, ikut step nie plak..

4. Korang pergi ke youtube.com

5. Search lagu yag korang nak tu...then copy URL lagu tu macam nie..


6. Dah copy kan? then, korang paste la dekat bahagian URL tu.. korang pun boleh letak banyak 2 lagu yg 
    korang suka..

7. Dah paste? pergi pulak kat bahagian Configure Settings.. korang ubah ikut yg Amni tunjuk nie..


8.  Lepas korang dah siap ubah.. teruskan tekan DONE dan nie akan kluar macam nie..


9. Apalagi, COPY la, n paste dekat Edit HTML..

*Edit HTML tu korang amik kat Design > Page Element > Add Gadget >Edit HTML

10. Save, dah siap!




baiklah..jum kita sambuang tutorial seterusnya.. 

Amni rasakan..msti ramai new Bloggers tertanya-tanya..macam mana nak Hide Shoutbox macam Amni wat tuh.. Amni pun dulu masa baru wat blog, Ani pun terpikir macam manala blogger len wat Hide Shoutbox nieh.. 

okeh, sekarang meh sini Amni nk ajarkan.. free tau! hehhe
Caranya bermula begini..

1. korang pergi Dashboard >Design > Page Element >Add Gadget > Edit HTML
2. Korang copy code yang Amni nak bagi nieh..
<style type="text/css">

#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:350px;
width:140px;
float:left;
cursor:pointer;
background:url('URL PIC YANG KORUNK SUKA') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #00000;
background:#F5F5F5;
padding:10px;
}
</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">

MASUKKAN KOD SHOUTMIX KORUNK KAT SINI :)
<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 = (140-gb.offsetWidth).toString() + "px";
</script>
3. Dah copy? oke, korang pastekan dekat ruang HTML tu

4.  Warna MERAH tu, korang cari la h URL icon shoutbox yg cute..kat pakcik Google pun ada..

5.  Dah cari URL icon tu? pastu masukkan kat dlm kurungan tuh.. | Kat Photobucket pun ada jugak =)

6. Warna BIRU tu pulak, korang boleh tukar mengikut kesesuaian blog...kalu x reti tukar, x payah...
nnti jd enda pelik2 , Amni x nak tanggung!

7.  Warna HIJAU tu plak korang pastekan code Shoutbox korang...

8. Save! Dah siap..


-Selamat Mencuba-






wah, amni hepy giler hari nie sbb amni bru menerima request drpd cik Qis Batrisyia nie,
dye mintak,

*sory bkn faq but tuto.
ok, now amni nak teach korang mcm mna nak letak emotions yg comey lote tu kat Shoutbox korang,

tp, sebelum tu amni nk tnya skit. korang tau ke apa tu emotions di Shoutbox?
 klu x tau meh sni amni nk tunjuk,
yg Amni kotakkan tu la
 dah tahu kn? 
so, jom ikut apa yg nk diajarkan ni..

1. Login  account Shoutmix korang dulu,klu ada yg belum daftar, CLICK HERE!, 
pastu korang pergi ke "Settings"

2. Then,korang tekan "Smileys" seperti yg Amni tunjukkan ini,


3. Korang scroll down, n korang akan jmpa bnda nie,


4. Ada kan? okeyh, Amni nk korang paste kan Image URL korunk tu kat ruang Smiley image URL..
Kalau korunk x tau nk amik cute icon kat mana, korang boleh [klik SINI]..n bagi sesapa yg x tahu mcm mana nk copy image URL, korunk boleh rujuk SINI..

5. Isikan cod icon korunk tu beruang kali, berapa byk tu, ikut korang la kan..Sebagai contoh :


6. Dah siap!, Eh! Nanti Dulu! x siap lagi..Amni melawak ja tu, hehheheh. Sebenarnya ada lg yg korunk kena buat! Lepas korang dh letak satu code @ image korunk , korunk MESTI tekan ADD , klu tak.. tak menjadi la jawabnya..

7.  Korang boleh masukkan seberapa banyak yg mungkin, tp bgi Amni la..jgn terlalu byk nnti pening Bloggers yg len nk gna.. ^_^

8. Dah siap! Jangan lupa Save Setting tau! lepastu korang boleh la try test-2 kat shoutbox korang tuh..