ေအာင္ဝင္းထြန္းဖလက္ေဆာင္းကမာၻၻေလးမွႀကိဳဆိုပါ၏: Ning ဆိုဒ္က ကိုယ္ပိုင္ အိမ္ေလးေတြမွာ သီခ်င္းတင္ဖို႕ ဒီဇိုင္းေလး

Sunday, February 9, 2014

Ning ဆိုဒ္က ကိုယ္ပိုင္ အိမ္ေလးေတြမွာ သီခ်င္းတင္ဖို႕ ဒီဇိုင္းေလး

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

ဒီ Table Code ဒီဇိုင္းကို ဝါ ၊ စိမ္း ၊ နီ ၊ ျပာ အေရာင္ေလးမ်ဳိးစလံုးနဲ႕ လွပတဲ့ ဒီဇိုင္ေလး တစ္ခုျဖစ္ျပီး အားလံုးပဲ

ႀကိဳက္ႀကလိမ့္မယ္လို႕ ထင္ပါတယ္။ သံုးခ်င္သူေတြအတြက္ ေအာက္မွာ Table Code ေလးေတြ ေပးထားပါတယ္။

CSS ကုတ္ကို CSS Box ထဲမွာ ထည့္ျပီး Save လုပ္ပါ။

/*------------------------------- CSS Code -------------------------------*/

.table {border-collapse: collapse;margin: 5px !important;}
.table td {border: 1px dashed #1E90FF;padding: 5px;}
.table a, .table a:hover {text-decoration: none;font-size: 14px;color: orange;}
.border1 {border: 1px dashed #eb3c07;width: 535px;}
.border2 {border: 1px dashed #07c700;margin: 5px;}

HTML ကုတ္ကို မိမိအိမ္မွ Text Box ( စာေရးရန္ ေနရာ ) မွာ HTML ကို ႏွိပ္ျပီး ထည့္ပါ။

<div class="border1">
<div class="border2">
<table class="table">
<tbody>
<tr>
<td valign="top" width="160"> 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
</td>
<td valign="top" width="160"> 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
</td>
<td valign="top" width="160"> 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
<a rel="nofollow" href="Flash Song Link" target="_blank">aaaaaaaaaaaaaaaaaa</a> 
 
</td>
</tr>
</tbody>
</table>
</div>
</div>

ဒီ Table ဒီဇိုင္းေလးက Ning ဆိုဒ္ေတြမွာ မန္ဘာဝင္ထားၾကတဲ့ သူငယ္ခ်င္းေတြအတြက္ ကိုယ္ပိုင္အိမ္ေလးေတြမွာ

ကိုယ္လုပ္ထားတဲ့ Flash Song ေလးေတြ တင္ႏိုင္ဖို႕ ရည္ရြယ္ျပီး ကြ်န္ေတာ္ ဖန္တီးထားတာပါ။ အရင္က လုပ္ခဲ့တဲ့

Table ဒီဇိုင္းေတြထက္ ခုတင္ေပးလိုက္တာေလးက ဒီဇိုင္း ပိုလွမယ္လို႕ ထင္ပါတယ္။ ဒီ Table Code ေလးေတြကို

သူငယ္ခ်င္းတို႕ Blog ေလးေတြမွာလည္း အသံုးျပဳႏုိင္ပါတယ္။ နမူနာ ၾကည့္ခ်င္တယ္ဆိုရင္ ဒီေနရာေလးကို ႏွိပ္ျပီး

ၾကည့္ႏိုင္ပါတယ္။ ႀကိဳက္တယ္ သံုးခ်င္တယ္ဆုိရင္ေတာ့ ေအာက္မွာ ကုတ္ေလးေတြ ေပးထားပါတယ္ေနာ္..

အသံုးျပဳနည္းကေတာ့ Ning ဆိုဒ္မွာဆိုရင္ CSS ကုတ္ေတြကို CSS Box ထဲကို ထည့္ရပါမယ္။ ေနာက္ျပီးေတာ့မွ

HTML ကုတ္ကို စာေရးရန္ေနရာ [ Text Box ] မွာ HTML ကို ႏွိပ္ျပီးေတာ့ ထည့္ျပီး သိမ္းလိုက္ရင္ ရပါျပီ။

Blog ေတြမွာ သံုးမယ္ဆုိရင္ CSS ကုတ္ကို Design >> Layout >> Add a Gadget >> HTML/JavaScript မွာ

ထည့္ျပီး Save လုပ္ပါ။ ျပီးေတာ့မွ Blog တင္တဲ့အခါ HTML ကုတ္ေတြကို HTML ကို ႏွိပ္ျပီး တင္လိုက္ရင္ ရပါျပီ။

/*-------------------- CSS Codes --------------------*/
.table4 {border-collapse:collapse;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_x_yk-GSWpgYeDvmx4I3Sq7OSwywL1eFTOYA5LhXE8QHg-jQyhSc9pU6sBrrWpXFXwdWwOL-ZlHDXi_3RqqSI5Xro4u-Chk2N2zaESsCg9S5oDqkVa1HrEIjyZTP3-Y-CscljBkuZ4C3R/s1600/black50.png) repeat scroll top left;}
.table4 th, .table4 td {border: 1px solid #444444;padding: 5px;}
.table4 th {color: red;text-shadow:1px 1px 1px #fff,-1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff;font-size: 22px !important;}
.table4 a {color: #00FF00;text-shadow: 2px 2px 2px #FFA500;line-height: 2;text-decoration:none;font-size: 15px;}
.div4 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioA_jMTBNXTZnEtwW8lAfxLOuHObhwmxMsx0suYZrRVVQb3EEVaZE1YQy6VXz2YWg_fW1o29XxnvYsZIhdEdm7Y4M7fpIDUpX1YvXqb3t60rKJqi9WtqyWgqg5AZILX4nvUefWI_b8BJf4/s1600/binary1.gif) repeat scroll top left;
border-top: 5px double yellow;
border-right: 5px double blue;
border-bottom: 5px double lime;
border-left: 5px double red;
padding: 5px;width: 520px;}

<center>
<div class="div4">
<table class="table4" width="520">
<tbody>
<tr><th colspan="3">New Table Design - Created by Thurainlin</th></tr>
<tr>
<td valign="top" width="160"><a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a></td>
<td valign="top" width="160"><a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a></td>
<td valign="top" width="160"><a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a> 
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a></td>
</tr>
</tbody>
</table>
</div>
</center>

Credit:http://itwebcrazyboy.blogspot.com