Tutorial: masukkan lagu dalam blog

Sambil tengah tengok cerita Indonesia ni (lagu cinta Nirmala), aku nak juga buat tutorial lagi =)

Ada blogger yang tanya aku macam mana nak masukkan lagu didalam blog.

Senang je nak masukkan lagu dalam blog ni :)

Ini contoh aku punya player dalam blog aku, simple je kan.

Macam mana nak buat?? hee.

1. Korang pergi ke link ini -Tekan- Sign Up dulu lepas itu Upload lagu dari file korang sendiri dan ambil URL selepas lagu tu siap upload :)

1.1-bila korang dah signup, korang tekan 'UPLOAD', kemudian tekan 'continue to file uploader'.

1.2-lepas keluar macam gambar diatas ni, tekan 'click here'.

1.3- lepas tu keluar yang ini pula, korang choose file korang sediri, lagu korang sendiri ok? lepas itu tekan UPLOAD.

1.4- bila dah siap upload, korang akan diberi URL lagu tersebut, macam ni. CONTOH sajee~

[img]http://www.fileden.com/files/2011/8/16/3183303/Adele%20-%20Rolling%20In%20The%20Deep%5Bengiinmn%5D.mp3[/img]

[url=http://www.fileden.com]Free file hosting from File Den![/url]

korang perlu COPY tulisan yang berwarna merah sahaja =)

Siap??

2. Step kedua pula, pergi ke sini -TEKAN- Korang perlu ikut step yang diberi :)

2.1-Choose playlist > Masokkan URL yang telah di COPY tadi di 'Fill the track info' > DONE

3. COPY code yang diberi.

4. Step ketiga: Dashboard > Design > Add a gadget > Add html/Javascript

5. Pastekan Code terakhir yang telah diberi di html/javascript

6. SAVE =)

Tengok, kan dah siap. Panjang betul tutorial ni. Harap korang faham oke? =)

Tutorial: Letak Scroll dalam Blog Archive

Hai. Assalamualaikum dan Salam Sejahtera kepada semua Blogger

Hari ni aku terasa rajin pula nak kongsi tutorial yang aku dah try buat ni
dah lama tak buat tutorial untuk korang kan kan.

Tak kisah pun? ok tak pa pun (ayat tacing), saja ja nak ajar. hihi
Bagi yang nak cuba tutorial ni, jom kita ikut cara-cara dibawah

Contoh Scroll diblog archive

Bila korang dah post banyak-banyak cerita didalam blog korang, blog archive mesti jadi panjangkan, rasa macam tak cantik je bila panjang-panjang.

Sebab tu la aku nak ajar korang buat Scroll di blog archive supaya korang punya blog nampak lagi kemas (baikkan ).


First step. Dashboard > Design > Edit html > klik Expand Widget Templates

dah siap step pertama? Step kedua cari kod dibawah ni (tekan ctrl+F untuk cari kod tersebut):

<div id='ArchiveList'>

Dah jumpa? COPY kod dibawah ini dan PASTE diatas kod yang dicari tadi

<div style='overflow:auto; width:ancho; height:200px;'>

*height boleh ditukar ikut kesukaan korang =)

Ok? Step seterusnya, cari kod dibawah ni pula:

<b:include name='quickedit'/>

dah jumpa? Last step, PASTE kod dibawah ini diatas kod yang baru dicari tadi:

</div>

kod korang akan jadi macam ini:

<div style='overflow:auto; width:ancho; height:170px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>

Tutorial: copyright

Hey teman-teman BLOG .

bape lama dah sy x buat TUTORIAL kan?

lama kah? saja ja..

tadi USHA-USHA blog tetiba nak buatkan satu tutorial untuk korang. .

Hari ni mood baik kan..

Tutori Copyright SENDIRI.

macam gambar kat bawah ni

kalau tak jelas sila scroll belog saya ni ke bawah sekali . :)

dah tahu? mari nak ajar.

1. macam biasa, DASHBOARD > DESIGN > EDIT HTML

2. sila tekan di KEYBOARD anda button 'CTRL' diikuti button 'F' . .

(dia akan keluar kotak search google chrome di ATAS, Mozzila Firefox di BAWAH)

&

masokkan di kotak search itu KOD ini

<script type='text/javascript'>

3. dah jumpa? ok. Sila masokkan ayat anda di antara kod di bawah ini :

</script>

<center> AYAT ANDA DI SINI ! </center>

</body>

4. dah siap? ok NICE ! preview dahulu.

5. dah cantik? sila SAVE :)

DONE!

senang je pun. make it simple :D

Tutorial: macam mana nak buat BORDER?

Elo blogger !

dah lama tak buat tutorial, jadi malas la pula . hee

HARI ni nak buat tutorial pasal BORDER.

BORDER macam mana??

ni, macam gambar bawah ni .

warna PINK tu .

ada yang minta tolong ajar kan . so,

I buatkan ye . .

MULAKAN !

First STEP:

pergi DESIGN > EDIT HTML > EXPAND WIDGET TEMPLATES > tekan CTRL+ F

cari CODE ini:

.content-inner {

Second STEP:

dah jumpa kan? dekat sebelah code yang anda cari (macam code di atas),

pastekan code ini :

border: 3px solid #000000;

Third STEP:

tekan PREVIEW, SAVE & pastikan tiada ERROR.

NAK COLOUR lain? cari di SINI (tekan sini) :)

Tutorial: OnlineLeaf

Saya telah selamatkan persekitaran sehingga awak datang balik . OnlineLeaf . Cara nak save tenaga dari banyak di guna. betul ke? hee . (apa yang aku merepek pun tak tahu)

apa itu OnlineLeaf? ok, korang biarkan blog saya lama-lama, nanti mesti ada ENERGY SAVING MODE . itu la Onlineleaf . hehe . faham

Dekat website OnlineLeaf pun ada kasi CODE macam mana nak buat. tapi tak pe, saya rajin nak ajar . HEHE .


Dashboard > Design > Edit html

tekan ctrl+F, carikan kod:

<head>

sudah jumpa? ok . COPY kod di bawah ini: (ctrl+C untuk copy)

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>

PASTE kod yang dah di COPY di atas kod <head> tadi .

Sudah? preview dan save if tidak ada ERROR !

tutorial: TITLE bar maker

Setelah sekian lama tak berbelog . dah rindu kat belog saya . HAHA . . Muhong lah aku. dah tak tahu nak buat apa dah ni . bosan dan bosan dan sangat sangat bosan ! TENSION dengan kelas bagai . haish ! kawan-kawan kelas sem ni kurang best lah ! tak bersemangat aku nak pergi kelas . MAK ! ! nak balek . dah dah, cukup lah aku luah kan perasaan dekat belog aku ni ! haha.. orang pun nyampah nak baca panjang-panjang kannn.

TODAY, cegu nak ajar murid-murid hasilkan title bar maker . adehsss . poyo la pulak .
apa itu title bar maker? ala, ayat-ayat yang gerak kat tab atas tu .


Ok, first of all, pergi ke TITLE BAR MAKER



masukkan text anda di "title bar message" seberapa banyak anda nak letak, letak la, tak kisah pun . HEHE


Then, pilih cara dia nak gerak macam mana, terbang ke, guling-guling ke, ikot suka korang lah kan .

pastu, korang boleh tukar kelajuan dia, Makin kurang makin laju .

dah siap? preview, kalau dah puas hati tekan "Ok, Generate code!" . COPY code yang dah di hasilkan .

Dashboard > design > add a gadget > add html/javascript

PASTE & SAVE, Lihat hasil nyaaa .