Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

Tutorial audioplay music player [like me]

 

Hi! Annyeong! selamat beristirehat pada hari minggu seperti hari ini. So, hari Sya nak buat tuto pasal muzik! anda suka blog yang ada muzik? kalo suka meh letak muzik dalam blog anda. audioplay music player ni simple je dan mudah. BTW sesiapa yang tak tahu rupa bentuk audioplay music player Sya ada bagi contoh.


Click gambar untuk lebih jelas. TQ.

1. Click SINI .Bagi yang baru first time datang ke website ni pastikan anda SIGN UP.selapas dah siap semua korang login. :) 
2. Nanti dia akan keluar macam di bawah ni kan?


3. Click Upload Files .nanti dia akan keluar macam ni pulak.


4. Click Browse .
5. Lepas tu upload lagu yang anda mahukan. Pastikan lagu dah sedia download dalam pc or lappy. Faham?


6. Dah siap isi apa yang patut. Click Start Upload . Bila dah selesai upload nanti akan muncul
7. Bila dan selesai upload nanti akan muncul Upload URLs: macam kat bawah ni.


8. dah Copy Link buka NEW TAB dan pastekan link yg telah dicopy.
9.Scroll ke bawah dan click Share .



10. Selepas click dia akan keluar macam gambar bawah ni.



11. Cari Direct Hotlink . Copy Link . 
12. Lepas tu, anda pergi SINI pulak, Scroll ke bawah sikit. Nanti akan jumpa macam ni.


13. Anda ikut aje step macam kat atas ni. Ubah yang mana perlu. Bila dah selesai, click generate code . Then, copy code dalam kotak kecik sebelah kanan tu.
14. Kemudian, pastekan dalam HTML blog anda. Siap! Selamat Mencuba!

Ditaip oleh 2 comments:
Label:

Put Bias list [like me]


Hi! Annyeong! macam mana dengan perjalanan cuti sekolah anda? seronok? cuti sekolah Sya? erk -_- membosankan.. hihi :D . Ok! hari Sya baru godek-ii Sya punya ask.fm . SI DIA menanyakan macam mna nak buat bias list a.k.a crush list mcm Sya?? 


Tahu tak crush list Sya macam mana? meh Sya nak tunjuk contoh.


Codenya lebih kurang sama dengan tuto ni . cuma Sya ada ubah sikit.

1. Dashboard > Template 
2. Copy this code

<style>
.iconborder{background:#EEE2DC;width:80px;height:80px;padding:5px;border-radius:333px;box-shadow:0 0 6px #ddd;}
.icon{background:#EEE2DC;width:80px;height:80px;border-radius:333px;box-shadow:0 0 6px #ddd;padding:0;border:none;}
.name{background:#FBEBED;width:84px;padding:2px; text-align:center;color:#aaa; text-transform:uppercase;box-shadow:0 0 6px #ddd; margin-top:-5px; }
</style>
<center>
<table border="0" bordercolor="0" style="font-size:11px;" width="500px" cellpadding="3" cellspacing="10">
<tr>
<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/DF4LYpI.png"></div>
<div class="name"style="margin-left:20px;">
Bias Name</div>
</td>

<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/DF4LYpI.png"></div>
<div class="name"style="margin-left:20px;">
Bias Name</div>
</td>

<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/DF4LYpI.png"></div>
<div class="name"style="margin-left:20px;">
Bias Name</div>
</td>

<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/DF4LYpI.png"></div>
<div class="name"style="margin-left:20px;">
Bias Name</div>
</td>

</tr>
<tr>

<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/DF4LYpI.png"></div>
<div class="name"style="margin-left:20px;">
Bias Name</div>
</td>

<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/DF4LYpI.png"></div>
<div class="name"style="margin-left:20px;">
Bias Name</div>
</td>

<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/DF4LYpI.png"></div>
<div class="name"style="margin-left:20px;">
Bias Name</div>
</td>

<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/DF4LYpI.png"></div>
<div class="name"style="margin-left:20px;">
Bias Name</div>
</td>

</tr>
</table>
</center>
</div>
3. Edit dan pastekan dekat page yang awak nak letak benda ni.
Gantikan http://i.imgur.com/DF4LYpI.png gambar bias/idol/apa-apa yang korang nak. Pastikan gambar berbentuk segi empat sama a.ka. square yang bersaiz 100x100 @ 150x150. 
#EEE2DC : warna border dan background image
#FBEBED : warna background nama bias/crush korang
Bias Name : nama crush korang

Freebies 

For your information THIS IS NOT MY OWN CODE
Ditaip oleh No comments:
Label: , , ,

Request Tuto about NAVBAR


Hi! Annyeong! harap semua sihat sejahtera. hihi.. Today Sya nak tunaikan permintaan daripada seorang blogger iaitu adik Nasha berkenaan dengan narbar. Ok Sya cuma creditkan tuto ni yer. iyerlah Sya tak orang lain cop Sya ni pencuri. Ok! jom terjah.



Full credit to : ATIQAH JAIDIN

or

my version

[click image untuk melihat lebih jelas]

1. pergi template.
nampak tak ada tulis Tukar Navbar ?
2. click seperti yg tertera di image di atas

[click image untuk melihat lebih jelas]

3. Seterusnya pilih Matikan.
4. Preview & Save.
Ditaip oleh No comments:
Label: , , ,

Tutorial put Linkies [Like Me]

Hi! salam Sabtu! yuhoo.. today dengan berbesar hati Sya dengan rajinnya nak buat tuto.. Tuto ni direquest oleh Atilia . Ok... Today Sya nak buat tuto letak Linkies [like me] . sesiapa yang berminat sila ikut step dibawah..
{example}

1. Dashboard > Template
2. Copy code ni
<style>
.iconborder{background:#EEE2DC;width:80px;height:80px;padding:5px;border-radius:333px;box-shadow:0 0 6px #ddd;}
.icon{background:#EEE2DC;width:80px;height:80px;border-radius:333px;box-shadow:0 0 6px #ddd;padding:0;border:none;}
.name{background:#FBEBED;width:84px;padding:2px; text-align:center;color:#aaa; text-transform:uppercase;box-shadow:0 0 6px #ddd; margin-top:-5px; }
</style>
<center>
<table border="0" bordercolor="0" style="font-size:11px;" width="500px" cellpadding="3" cellspacing="10">
<tr>
  <td><a href="LINK"><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>
<div class="name"style="margin-left:20px;">
inspirit</div>
</td>

  <td><a href="LINK"><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>
<div class="name"style="margin-left:20px;">
inspirit</div>
</td>

  <td><a href="LINK"><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>
<div class="name"style="margin-left:20px;">
inspirit</div>
</td>

  <td><a href="LINK"><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>
<div class="name"style="margin-left:20px;">
inspirit</div>
</td>

 </tr>
<tr>

  <td><a href="LINK"><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>
<div class="name"style="margin-left:20px;">
Inspirit</div>
</td>

  <td><a href="LINK"><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>
<div class="name"style="margin-left:20px;">
inspirit</div>
</td>

  <td><a href="LINK"><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>
<div class="name"style="margin-left:20px;">
inspirit</div>
</td>

  <td><a href="LINK"><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>
<div class="name"style="margin-left:20px;">
inspirit</div>
</td>

 </tr>
</table>
</center>
3. Edit dan paste lah dekat page yang awak nak letak benda ni.
Gantikan http://i.imgur.com/xlEi9tI.png gambar bias/idol/apap-apa gambar yg korang nak. Pastikan gambar berbentuk square. saiznya seperti 100x100 @ 150x150.

#EEE2DC - warna border image
#FBEBED - warna background nama kawan korang
LINK - link blog kawan korang
inspirit - nama kawan korang

4. Preview & Save.
Ditaip oleh 6 comments:
Label: ,