Blog မွာ Mp3 သီခ်င္းေတြ တင္ခ်င္သူေတြအတြက္ Table ကုတ္အသစ္

ဒီေန႔ေတာ့ ကြ်န္ေတာ့္ Blog မွာ Mp3 သီခ်င္းေတြ တင္သလိုမ်ဳိး Table ကုတ္ေလးေတြနဲ႕ တင္ခ်င္သူေတြအတြက္

Table ကုတ္အသစ္ေလး တစ္ခုေရးၿပီး တင္ေပးလိုက္ပါတယ္။ သူငယ္ခ်င္းေတြ အားလံုးပဲ ႀကိဳက္ၾကလိမ့္မယ္လို႕

ထင္ပါတယ္။ Mp3 သီခ်င္းေတြကို နားေထာင္လို႕ ရေအာင္ကေတာ့ Template ထဲမွာ Yahoo Web Player ကုတ္ကို


အရင္ဆံုး ထည့္ရပါမယ္။ Player က အျဖဴ ၊ အမည္း ၂ မ်ဳိး ရွိတဲ့အတြက္ ကိုယ္သံုးေနတဲ့ Template အေရာင္ေတြနဲ႕

လုိက္ဖက္တာကို ေရြးၿပီး ထည့္ပါ။ ဒီမွာ Yahoo Web Player အနက္ေရာင္ ၊  Yahoo Web Player အျဖဴေရာင္ ပါ။

ၿပီးရင္ေအာက္က ကုတ္ေလးေတြကို Design >> Layout >> HTML/JavaScript မွာသြားထည့္ၿပီး Save လုပ္ပါ။

table.mp3 {
border-collapse: collapse;
padding: 5px;
}
.mp3 th {
border: 1px solid #333;
padding: 5px 10px;
color: lime;
font-size: 16px;
}
.mp3 td {
border: 1px solid #333;
padding: 5px 10px;
color: #00CC00;
font-size: 15px;
}
.mp3 a {
color: yellow;
text-shadow: 1px 1px 2px #32CD32;
text-decoration:none;
}
.mp3 a:hover {
color: red;
text-shadow: 1px 1px 2px #00ff00;
}
.mp3 a:before {
content: "»  ";font-size: 20px;font-family: Arial,Helvetica,sans-serif;
}
.mp3 a:after {
content: " «";font-size: 20px;font-family: Arial,Helvetica,sans-serif;
}

ေနာက္ ပို႕စ္တင္တဲ့အခါက်ရင္ေတာ့ ေအာက္မွာေပးထားတဲ့ကုတ္ေလးေတြကို HTML ကို ႏွိပ္ၿပီး ထည့္တင္ရံုပါပဲ။

<table class="mp3">
<tbody>
<tr>
<th width="40">No</th>
<th width="200">Title</th>
<th width="200">Singer</th>
<th width="160">Listen/Download</th>
<th width="60">Size</th>
</tr>
<tr>
<td>1</td>
<td>Title</td>
<td>Singer</td>
<td><a href="http://itwebcrazyboy.blogspot.com" target="_blank"> Click Here !!</a></td>
<td>2.00 MB</td>
</tr>
<tr>
<td>2</td>
<td>Title</td>
<td>Singer</td>
<td><a href="http://itwebcrazyboy.blogspot.com" target="_blank"> Click Here !!</a></td>
<td>2.00 MB</td>
</tr>
<tr>
<td>3</td>
<td>Title</td>
<td>Singer</td>
<td><a href="http://itwebcrazyboy.blogspot.com" target="_blank"> Click Here !!</a></td>
<td>2.00 MB</td>
</tr>
<tr>
<td>4</td>
<td>Title</td>
<td>Singer</td>
<td><a href="http://itwebcrazyboy.blogspot.com" target="_blank"> Click Here !!</a></td>
<td>2.00 MB</td>
</tr>
<tr>
<td>5</td>
<td>Title</td>
<td>Singer</td>
<td><a href="http://itwebcrazyboy.blogspot.com" target="_blank"> Click Here !!</a></td>
<td>2.00 MB</td>
</tr>
<tr>
<td>6</td>
<td>Title</td>
<td>Singer</td>
<td><a href="http://itwebcrazyboy.blogspot.com" target="_blank"> Click Here !!</a></td>
<td>2.00 MB</td>
</tr>
<tr>
<td>7</td>
<td>Title</td>
<td>Singer</td>
<td><a href="http://itwebcrazyboy.blogspot.com" target="_blank"> Click Here !!</a></td>
<td>2.00 MB</td>
</tr>
<tr>
<td>8</td>
<td>Title</td>
<td>Singer</td>
<td><a href="http://itwebcrazyboy.blogspot.com" target="_blank"> Click Here !!</a></td>
<td>2.00 MB</td>
</tr>
<tr>
<td>9</td>
<td>Title</td>
<td>Singer</td>
<td><a href="http://itwebcrazyboy.blogspot.com" target="_blank"> Click Here !!</a></td>
<td>2.00 MB</td>
</tr>
<tr>
<td>10</td>
<td>Title</td>
<td>Singer</td>
<td><a href="http://itwebcrazyboy.blogspot.com" target="_blank"> Click Here !!</a></td>
<td>2.00 MB</td>
</tr>
</tbody>
</table>

ေအာက္မွာ ကြ်န္ေတာ္ ေလးျဖဴရဲ႕ လမ္းဆိုတဲ့ သီခ်င္းတစ္ပုဒ္ကို လင့္ထည့္ထားပါတယ္။ နမူနာ နားေထာင္ၾကည့္ပါ။

အေပၚက ကုတ္ထဲက ကြ်န္ေတာ့္ဆိုဒ္လင့္ေနရာမွာ သီခ်င္းလင့္ကို ေျပာင္းထည့္လုိက္ရံုပါပဲ။ အဆင္ေျပၾကပါေစဗ်ာ..။

No	Title	Singer	Listen/Download	Size
1	လမ္း	ေလးျဖဴ	Click Here !!	2.00 MB
2	Title	Singer	Click Here !!	2.00 MB
3	Title	Singer	Click Here !!	2.00 MB
4	Title	Singer	Click Here !!	2.00 MB
5	Title	Singer	Click Here !!	2.00 MB
6	Title	Singer	Click Here !!	2.00 MB
7	Title	Singer	Click Here !!	2.00 MB
8	Title	Singer	Click Here !!	2.00 MB
9	Title	Singer	Click Here !!	2.00 MB
10	Title	Singer	Click Here !!	2.00 MB

မွတ္ခ်က္။       ။ ဒီ Table ကုတ္ကို ကြ်န္ေတာ္ ကိုယ္တိုင္ေရးထားတာ ျဖစ္ပါတယ္။ ကုတ္ေတြကို မိမိစိတ္ႀကိဳက္ျပန္လည္

ျပင္ဆင္ၿပီး အသံုးျပဳႏုိင္ပါတယ္။ ျပန္လည္မွ်ေဝမယ္ဆိုရင္ေတာ့ ကြ်န္ေတာ့္ဆုိဒ္ကို Credit ျပန္ေပးဖို႕ မေမ့ၾကပါနဲ႕လို႕..။