Facebook Youtube linkedin Twitter feedburner Skype Me

බ්ලොගයේ Link වලට දෙමු පොඩි ගතියක්.. 12

සෑම් | 6/30/2010 | , ,



මෙන්න කට්ටියට මම තවත් අලුත් ගැජට් එකක් ගෙනාවා..ඔයලත් ආසද ඔයාලගේ බ්ලොගයේ ලින්ක් වලට පොඩි ගතියක් දෙන්න එහෙනම් මෙන්න ගැජට් එක..මේ ගැජට් එක ගැන කියනවනම් මේක වැඩ කරන්නේ අපි මවුසය අපේ බ්ලොගයේ ලින්ක් වලට ගෙනියපුවාම ලින්ක් වල අමුතු එලි කිහිපයක් එනවා..ඉතින් ඔයාලත් මේක බ්ලොගයට දා ගන්න ආසනම් මම පහල කියල තියෙන විදියට වැඩ ටික කරන්න..

මුලින්ම මෙතනින් Demo එක බලන්න..

පියවර 1. Dashboard >> Desing >> Edit HTML යන්න..මතක ඇතුව Expand Widget Templates තැනට හරියක්
දෙන්න..දැන් මම පහල දිලා තියෙන කොඩ් එක හොයා ගන්න.

</head>

ඉට පස්සේ </head> කොඩ් එකට පහලින් මම පහල දිලා තියෙන කොඩ් එක Copy, Past කරන්න.


<script type='text/javascript'>

//<![CDATA[

var rate = 20;

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID

if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}

function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}


function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}


function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


function ChangeColor()
{
objActive.style.color = makeColor();
}


function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}

elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}

//]]>

</script>



දැන් Template එක Save කරන්න.... Save Template 

දැන් ඔයලා ගිහින් බලන්න ඔයලාගේ බ්ලොග් එකේ ලින්ක් වලට මොකද වෙන්නේ කියලා..

කොහොමද වැඩේ.?

මතක ඇතුව ඔයාලගේ ප්‍රතිචාරයක් මේ ලිපියට දෙන්න...ඔබට ජය..

බ්ලොගයට Upload කරන Image වලට දෙමු නියම ගේමක් 5

සෑම් | 6/30/2010 | , ,



කොහොමද කට්ටියට...:D මෙන්න අද මම ඔයාලට තවත් පට්ට වැඩ කැල්ලක් ගෙනාවා..මේකෙන් වෙන්නේ අපි බ්ලොගයට Upload  Image කිහිපයක් link කරලා..එකට මවුසය ගෙනියනකොට ලස්සන Zoom Effect එකක් දෙන්න පුලුවන්.ඉතින් ඔයාලත් මේක ඔයලගේ බ්ලොග්යට දා ගන්න කැමති නම් මම එකට උදව් කරන්නම්...ඔයාලා පහල තියෙන විදියට වැඩ ටික කරන්න..

මුලින්ම මෙතනින් Demo එක බලා ගන්න

පියවර 1. Dashboard >> Desing >> Edit HTML යන්න..මතක ඇතුව Expand Widget Templates තැනට හරියක්
දෙන්න..දැන් මම පහල දිලා තියෙන කොඩ් එක හොයා ගන්න.

]]></b:skin>

ඉට පස්සේ ]]></b:skin> කොඩ් එකට උඩින් මම පහල දිලා තියෙන කොඩ් එක Copy, Past කරන්න.


/* Blogger Zoom Gallery By saamgeadaviya.blogspot.com
ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 10px;
width: 360px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative; /* Set the absolute positioning base coordinate */
width: 110px;
height: 110px;
}
ul.thumb li img {
width: 100px; height: 100px; /* Set the small thumbnail size */
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li img.hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZnQZgy-vAHwUlLaptwV_pYre9OeBT7yzaMTnI0V16_Vt8LMUyUDgr7a99on4J54UBQshmqKwqbjxzUydd5WTNj0cOCfVTSBuyRUiBqX81elyOCo7PDlHNgrKoeUjtgHMYZHqGy-WSE7tI/) no-repeat center center; /* Image used as background on hover effect
border: none; /* Get rid of border on hover */
}


ඉට පස්සේ මේ කොඩ් එක හොයගන්න </head>

දැන් </head> එකට පහලින් මම පහල දිලා තියෙන කොඩ් එක Copy, Past කරන්න.


<script src='http://code.jquery.com/jquery-latest.js'
type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Larger thumbnail preview

$(&quot;ul.thumb li&quot;).hover(function() {
$(this).css({&#39;z-index&#39; : &#39;10&#39;});
$(this).find(&#39;img&#39;).addClass(&quot;hover&quot;).stop()
.animate({
marginTop: &#39;-110px&#39;,
marginLeft: &#39;-110px&#39;,
top: &#39;50%&#39;,
left: &#39;50%&#39;,
width: &#39;174px&#39;,
height: &#39;174px&#39;,
padding: &#39;20px&#39;
}, 200);

} , function() {
$(this).css({&#39;z-index&#39; : &#39;0&#39;});
$(this).find(&#39;img&#39;).removeClass(&quot;hover&quot;).stop()
.animate({
marginTop: &#39;0&#39;,
marginLeft: &#39;0&#39;,
top: &#39;0&#39;,
left: &#39;0&#39;,
width: &#39;100px&#39;,
height: &#39;100px&#39;,
padding: &#39;5px&#39;
}, 400);
});

//Swap Image on Click
$(&quot;ul.thumb li a&quot;).click(function() {

var mainImage = $(this).attr(&quot;href&quot;); //Find Image Name
$(&quot;#main_view img&quot;).attr({ src: mainImage });
return false;
});

});
</script>


දැන් Template එක Save කරන්න.... Save Template


දැන් ඔයලා Layout >> Page Element >> Add a gadget >> "html/java script" එකක් ගන්න..එකට මම පහල දිලා තියෙන කොඩ් එක copy කරගෙන ඔයාලා "html/java script" එකට past කරන්න



<ul class="thumb">
<li><a href="URL 1 #"><img src="picture 1 Link" alt="" /></a></li>
<li><a href="URL 2 #"><img src="picture 2 Link" alt="" /></a></li>
<li><a href="URL 3 #"><img src="picture 3 Link" alt="" /></a></li>
<li><a href="URL 4 #"><img src="picture 4 Link" alt="" /></a></li>
</ul>


ඊට පස්සේ "html/java script" එක Save කරන්න..

වැදගත්
ඔයලා මේ සදහා යොදා ගන්න කැමති Image එකක Url  එක නිවැරදිව දෙන්න.
Image එක Click කර විට ඔබට අවශය මෙනුව සදහා යාමට නිවැරදිව Link කරන්න..


කොහොමද වැඩේ

මතක ඇතුව ඔයාලගේ ප්‍රතිචාරයක් මේ ලිපියට දෙන්න...ඔබට ජය..



බ්ලොගයේ Background එකට පිංතුරයක් දාන්න ඔනේද.? නැත්තම් පාට මාරු කරන්න ඔනේද..? 2

සෑම් | 6/29/2010 |



මෙන්න කට්ට්යට තවත් පුංචි වැඩ කැල්ලක් අරගෙන අවා...ඔයාලත් ආසද ඔයාලගේ බ්ලොගයේ Background එකට ලස්සන ඔයාලා කැමති පිංතුරයක් දා ගන්න..එකට කැමති නැත්නම් පාට මරු කරන්න..ඉන්න මම ඔයාලට එක කියලා දෙන්නම් කරන විදිය එක හරි ලෙසි...එහෙනම්  කට්ට්යම මම පහල කියලා තියෙන විදියට වැඩ ටික කරන්න..

ක්‍රමය 1. බ්ලොගයේ Background එකට ලස්සන  Image එකක් දැමිම..

පියවර 1. Dashboard >> Desing >>Edit HTML යන්න..මතක ඇතුව Expand Widget Templates තැනට හරියක්
දෙන්න..දැන් මම පහල දිලා තියෙන කොඩ් එක හොයා ගන්න..

body {

ඉට පස්සේ  body {
කොඩ් එකට එහා පැත්තින් මම පහල දිලා තියෙන කොඩ් එක Copy, Past කරන්න.

background-image: url(URL address of your image);

දැන් Template එක Save කරන්න.... Save Template 




වැදගත්
ඔයලා Background සදහා දාන්න බලපොරොත්තුවන Image එකේ Url එක නිවැරදිව දෙන්න..





ක්‍රමය 2. බ්ලොගයේ Background එකේ පාට මරු කිරිම


පියවර 1. Dashboard >> Desing >>Edit HTML යන්න..මතක ඇතුව Expand Widget Templates තැනට හරියක්
දෙන්න..දැන් මම පහල දිලා තියෙන කොඩ් එක හොයා ගන්න..

body {

ඉට පස්සේ ඔයලා බලන්න පහල තියෙන background: කොඩ් එකට එහා පැත්තින් නිල් පාටින් තියෙනවා වගේ මොනවා හරි ලියලා තියෙන කොඩ් එකක් ඔයාලගේ බ්ලොගයේ කොඩ් වලත් තියෙනවාද බලන්න....

body { background: #FFFFFF;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size: small; text-align:
center; }

අන්න ඒ කොඩ් එකට තමා අපි කැමති කලර් කොඩ් එකක් දෙන්න ඔනේ..ඔයාලට කැමති කලර් කොඩ් එකක් background එකට දෙන්න පුලුවන් කලර් කොඩ් ගැන දන්නේ නැත්තම් ඒ ගැන දැන ගන්න මෙන්න මෙතින් යන්න..

 ඔයාල කැමති කලර් කොඩ් එකක් කොපි කරගෙන ඔයාලගේ බ්ලොගයේ background: කොඩ් එකට එහා පැත්තින් ඇති කලර් කොඩ් එක delete කරල එතනට කොපි කර ගත්ත කොඩ් එක Past කරන්න

දැන් Template එක Save කරන්න.... Save Template 
කොහොම්ද වැඩේ..?

මතක ඇතුව ඔයාලගේ ප්‍රතිචාරයක් මේ ලිපියට දෙන්න මගේ ශක්තිය ඔයාලගේ ප්‍රතිචාරයි...
ඔබට ජය

Kaspersky Internet Security 2011 Keys ඉක්මනට දැන්ම බා ගන්න.. 1

සෑම් | 6/27/2010 |


ඔන්න කට්ට්යට මම Kaspersky Internet Security 2011 Key ටිකක් අරගෙන ආවා..ඉක්මනට කට්ටිය Downlord කර ගන්න..ඒ වගෙම ඉදිරියෙදි අලුත් Kaspersky Internet Security 2011 Keys  සෑම්ගේ අඩවියෙන් බාලාපොරොත්තු වන්න..රැදිලා ඉන්න අපි සමග ඉදිරියටත්..අපේ ශක්තිය ඔබයි..

Kaspersky Internet Security 2011 අලුත් Keys මෙතනින් බා ගන්න



මතක ඇතුව ඔයාලගේ ප්‍රතිචාරයක් දෙන්න...
ඔබට ජය.

Kaspersky Internet Security 2010 Keys ඉක්මනට දැන්ම බා ගන්න.. 2

සෑම් | 6/27/2010 |



ඔන්න කට්ට්යට මම Kaspersky Internet Security 2010 Key ටිකක් අරගෙන ආවා..ඉක්මනට කට්ටිය Downlord කර ගන්න..එවගෙම මම අද දින සිට ඉදිරියෙදි Kaspersky Internet Security 2011  Keys ඔයාලට ගෙන එන්නම්..Kaspersky Internet Security 2010 හොරෙන් Active  කරගන්න ඔයාලා දන්නේ නැත්තම් මම ඒ ගැන කලින් ලියපු මෙන්න මේ ලිපිය බලන්න..


Kaspersky Internet Security 2010 අලුත් Key මෙතනින් බා ගන්න




මතක ඇතුව ඔයාලගේ ප්‍රතිචාරයක් දෙන්න...
ඔබට ජය.

මිහිරි ගිත වලින් බ්ලොගය නාවමු ..Flash Mp3 Player බ්ලොගයට දැන්ම දා ගන්න.Part 2 6

සෑම් | 6/27/2010 | , , ,




මෙන්න කට්ටියට තවත් MP3 player එකක් මම ගෙනවා..මම කලින් ඔයලාට Yahoo mp3 player එක බ්ලොගයට දා ගන්න විදිය කියලා දුන්නානේ..ඒ ලිපිය බලපු නැති අය මෙතනින් යන්න ඒ ලිපියට යන්න..ඉතින් ඔයලාත් කැමතිනම් මේ ලස්සන Flash Mp3 player එක බ්ලොගයට දා ගන්න මම පහල කියලා තියෙන විදියට වැඩ ටික කරන්න..

මුලින්ම ඔයලා Layout >> Page Element >> Add a gadget >> "html/java script" එකක් ගන්න..එකට මම පහල දිලා තියෙන Flash MP3 player වලින් කැමති කොඩ් එක copy කරගෙන ඔයාලා "html/java script" එකට past කරන්න.

1.



<object type="application/x-shockwave-flash" data="http://www.mdn.fm/files/87478_pfe4i/player1.swf" id="audioplayer1" height="24" width="290"> <param name="movie" value="http://www.mdn.fm/files/87478_pfe4i/player1.swf"> <param name="FlashVars" value="playerID=audioplayer1&bg=0xffffff&leftbg=0xFF0000&lefticon=0xffffff&rightbg=0xFFCCCC&rightbghover=0xFF0000&righticon=0xffffff&righticonhover=0xffffff&text=0xFF0000&slider=0xffffff&track=0xFF0000&border=0xFF0000&loader=0xFF6666&loop=no&autostart=no&soundFile="ඔයාලගේ Mp3 File එකේ Url එක..""> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object>


2.



<object type="application/x-shockwave-flash" data="http://www.mdn.fm/files/87478_pfe4i/player1.swf" id="audioplayer1" height="24" width="290"> <param name="movie" value="http://www.mdn.fm/files/87478_pfe4i/player1.swf"> <param name="FlashVars" value="playerID=audioplayer1&bg=0xffffff&leftbg=0x660033&lefticon=0xffffff&rightbg=0xC74988&rightbghover=0x660033&righticon=0xffffff&righticonhover=0xffffff&text=0x660033&slider=0xffffff&track=0x660033&border=0x660033&loader=0x660033&loop=no&autostart=no&soundFile="ඔයාලගේ Mp3 File එකේ Url එක..""> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object>


3.



<object type="application/x-shockwave-flash" data="http://www.mdn.fm/files/87478_pfe4i/player1.swf" id="audioplayer1" height="24" width="290"> <param name="movie" value="http://www.mdn.fm/files/87478_pfe4i/player1.swf"> <param name="FlashVars" value="playerID=audioplayer1&bg=0xffffff&leftbg=0x000000&lefticon=0xffffff&rightbg=0xcccccc&rightbghover=0x999999& righticon=0xffffff&righticonhover=0xffffff&text=0x000000&slider=0x666666&track=0x000000&border=0x000000&loader=0xffffff&loop=no&autostart=no&soundFile="ඔයාලගේ Mp3 File එකේ Url එක..""> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object>


4.



<object type="application/x-shockwave-flash" data="http://www.mdn.fm/files/87478_pfe4i/player1.swf" id="audioplayer1" height="24" width="290"> <param name="movie" value="http://www.mdn.fm/files/87478_pfe4i/player1.swf"> <param name="FlashVars" value="playerID=1&bg=0xffffff&lefticon=0xffffff&rightbg=0x0080ff&rightbghover=0x289728&righticon=0xffffff&leftbg=0x289728&righticonhover=0xffffff&text=0x0080ff&slider=0xffffff&track=0xffffff&border=0x289728&loader=0x0080ff&loop=no&autostart=no&soundFile="ඔයාලගේ Mp3 File එකේ Url එක..""> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object>


ඊට පස්සේ "html/java script" එක Save කරන්න..

වැදගත්
හරි ආකාරව ඔයාලගේ Mp3 File එකේ Url එක දෙන්න

දැන් ඔයාලගේ බ්ලොගයටත් Flash Mp3 Player එකක් තියෙනවා..

මතක ඇතුව ඔයාලගේ ප්‍රතිචාරයක් මේ ලිපියට දෙන්න...
ඔබට ජය..

සිංහල යුනිකොඩ් එසැනින් පරිවර්තකය බ්ලොගයේ Comment Box එකට උඩින් දැන්ම දා ගන්න.. 23

සෑම් | 6/27/2010 |




ඔන්න කට්ටියටම අද මම වැදගත් වෙයි කියලා හිතන තවත් මම නිර්මාණය කරපු පුංචි වැඩ කැල්ලක් ගෙනවා..අපේ බ්ලොගයට යාලුවෝ අවිත් අපේ ලිපි බලලා කොමන්ට් එකක් දානකොට සිංහල ටයිප් කරන්න..සිංහල යුනිකොඩ් එසැනින් පරිවර්තකයට ආයේ යන්න වෙනවනේ..එක නිසා එකට පුංචි පිලියමක් ලේස මම අපේ බ්ලොගයට යලුවොන්ට ඇවිත් කොමන්ට් දාන්න ලෙසි වෙන්න මේ ගැජට් එක හැදුවා..එකෙන් ගොඩක් අපේ කාලයත් ඉතුරු වේනවා..එවාගෙම බ්ලොගයේ කොමන්ට් Box එකටත් අමුතු ගතියක් එනවා..ඉතින් ඔයාලත් මේක බ්ලොගයට දා ගන්න කැමති නම්..මම පහල කියලා තියෙන විදියට වැඩ ටික කරන්න..මේක පුංචි වැඩක්...


පියවර 1. Dashboard >> layout >>Edit HTML යන්න..මතක ඇතුව Expand Widget Templates තැනට හරියක්
දෙන්න..දැන් මම පහල දිලා තියෙන කොඩ් එක හොයා ගන්න


<h4 id='comment-post-message'><data:postCommentMsg/></h4>


ඉට පස්සේ <h4 id='comment-post-message'><data:postCommentMsg/></h4>
කොඩ් එකට පහලින් මම පහල දිලා තියෙන කොඩ් එක Copy, Past කරන්න.



<a href='http://www.ucsc.cmb.ac.lk/ltrl/services/feconverter/t1.html' target='_blank'><img alt='' border='2' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRHBgatFrYDyCrLEXu-wKlrapkeZaqHhdaqdCXRgd_gqWWQk-i6f7KYmARsiBz3BclHiIahyphenhyphen4YvEayzv7HEXPDBcsOLAV4nNwFLXrSLCM7xmZfwylzzJXpInd1m1VfizvR4p6k1XNBc2k/' width='480'/></a>


දැන් Template එක Save කරන්න....  Save Template 
ඉට පස්සේ බලන්න ඔයාලගේ Comment Box එකට උඩින් සිංහල යුනිකොඩ් එසැනින් පරිවර්තකය Logo එක තියෙනවාද කියලා..කොහොමද වැඩේ..?


දැන් ඔයාලගේ බ්ලොගයටත් සිංහල යුනිකොඩ් එසැනින් පරිවර්තකය තියෙනවා.

මතක ඇතුව ඔයාලගේ ප්‍රතිචාරයක් මේ ලිපියට දෙන්න...
ඔබට ජය...

බ්ලොගයට දැන්විම් බැනර් නැද්ද එහෙනම් දැන්ම දා ගන්න..PART 2 8

සෑම් | 6/26/2010 | , ,



ඔයලාගේ බ්ලොගයටත් දැන්විම් බැනර් එකක් දා ගත්තොත් හොදයි නේද..? ඉන්න මම එකට ඔයලට උදව් කරනම්...දැන්විම් බැනර් පහසුකම තියෙන වෙන වෙන බ්ලොග් අච්චු හොය හොය ඉන්න එපා...(Template) දැන් අපිට අපේ බ්ලොගට දැන්විම් දා ගන්න පුලුවන්..එකට මම පහල කියලා තියෙන විදියට ඔයාල වැඩ ටික කරගෙන බ්ලොගයට දැන්විම් බැනර් එක දා ගන්න...


මුලින්ම ඔයලා Layout >> Page Element >> Add a gadget >> "html/java script" එකක් ගන්න..එකට මම පහල දිලා තියෙන කොඩ් එක copy කරගෙන ඔයාලා "html/java script" එකට past කරන්න.


<div align="center"> <table border="0" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff"> <tbody><tr> <td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6pMfCyIDRlROfepngUgkAZBL014AQt3GsPux_i5GrKTJ6SvAhqDeWvUqAm1M8teP8TUDB2PedEJ7dPIHZau9RZrsKPWQyP69ecMQpUPS_vZFscYnAjVKz90fP2kjOPVgsVXa4hVOUPXU/" height="125"/></a></center></td> <td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6pMfCyIDRlROfepngUgkAZBL014AQt3GsPux_i5GrKTJ6SvAhqDeWvUqAm1M8teP8TUDB2PedEJ7dPIHZau9RZrsKPWQyP69ecMQpUPS_vZFscYnAjVKz90fP2kjOPVgsVXa4hVOUPXU/" height="125"/></a></center></td> </tr> <tr> <td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6pMfCyIDRlROfepngUgkAZBL014AQt3GsPux_i5GrKTJ6SvAhqDeWvUqAm1M8teP8TUDB2PedEJ7dPIHZau9RZrsKPWQyP69ecMQpUPS_vZFscYnAjVKz90fP2kjOPVgsVXa4hVOUPXU/" height="125"/></a></center></td> <td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6pMfCyIDRlROfepngUgkAZBL014AQt3GsPux_i5GrKTJ6SvAhqDeWvUqAm1M8teP8TUDB2PedEJ7dPIHZau9RZrsKPWQyP69ecMQpUPS_vZFscYnAjVKz90fP2kjOPVgsVXa4hVOUPXU/" height="125"/></a></center></td> </tr> </tbody></table> <table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff"> <tbody> </div>
ඊට පස්සේ "html/java script" එක Save කරන්න..

වැදගත්
ඔයාලා දාන්න බලාපොරොත්තු වන දැන්විමේ URL එක දෙන්න
කැමතිනම් ඔයලා දැන්විම දාපු අඩවිය ගැන හැදින්විමක් දෙන්න
ඔයාලා දැන්විම දාන්න බලාපොරොත්තු වන අඩ්වියේ imege එකේ Url එක දෙන්න.. මතක තියා ගන්න image එක සදහා 125 x 125 Size තියෙන Image එකක් දෙන්න 

දැන් ඔයාලගේ බ්ලොගයටත් දැන්විම් බැනර් තියෙනවා.

මතක ඇතුව ඔයාලගේ ප්‍රතිචාරයක් මේ ලිපියට දෙන්න...
ඔබට ජය...

"Abril" " බ්ලොග් අච්චුව බ්ලොගයට දා ගන්න. 3

සෑම් | 6/26/2010 |



Template එක හදා ගන්න බැරි තැන් තියෙනවානම් මට කියන්න..මම ඔයාලට උදව් කරන්නම්

''Astra'' " බ්ලොග් අච්චුව බ්ලොගයට දා ගන්න. 0

සෑම් | 6/26/2010 |






Template එක හදා ගන්න බැරි තැන් තියෙනවානම් මට කියන්න..මම ඔයාලට උදව් කරන්නම්

"Outubro"බ්ලොග් අච්චුව බ්ලොගයට දා ගන්න. 1

සෑම් | 6/26/2010 |









Template එක හදා ගන්න බැරි තැන් තියෙනවානම් මට කියන්න..මම ඔයාලට උදව් කරන්නම්

Template Setembro බ්ලොග් අච්චුව බ්ලොගයට දා ගන්න. 2

සෑම් | 6/26/2010 | ,





ඔන්න කස්ටියට තවත් බ්ලොග් අච්චුවක් ගේනවා..මේකට කැමති අය ඉන්නවානම්..ඔයාලගේ බ්ලොගයෙ Template එකට මේක දා ගන්න..







Template එක හදා ගන්න බැරි තැන් තියෙනවානම් මට කියන්න..මම ඔයාලට උදව් කරන්නම්..

Template Oggi බ්ලොග් අච්චුව බ්ලොගයට දා ගන්න. 0

සෑම් | 6/26/2010 |



ඔන්න කස්ටියට තවත් බ්ලොග් අච්චුවක් ගේනවා..මේකට කැමති අය ඉන්නවානම්..ඔයාලගේ බ්ලොගයෙ Template එකට මේක දා ගන්න..

DEMO එක මෙතනින් බලා ගන්න.
TEMPLATE එක මෙතනින් බාගන්න.



Template එක හදා ගන්න බැරි තැන් තියෙනවානම් මට කියන්න..මම ඔයාලට උදව් කරන්නම්..

බ්ලොගයේ එහා මෙහා යන Marquee Text බ්ලොගයට දැන්ම දා ගන්න. 14

සෑම් | 6/26/2010 | , ,


ඔන්න අද මම කට්ටියට ගේනාවේ තවත් බ්ලොග් රහසක්...මෙකෙන් වෙන්නේ අපේ බ්ලොගයේ එහා මෙහා යන TEXT දා ගන්න පුලුවන්..මේ ගැජට් එකෙන් ඔයාලගේ පණිවිඩයක් උනත් Text වලට දාන්න පුලුවන්.
ඔයාලා කැමති අය ඉන්නවනම් මෙක ඔයාලගේ බ්ලොගයට දා ගන්න..මම එකට උදව් කරන්නම්..

මුලින්ම ඔයලා Layout >> Page Element >> Add a gadget >> "html/java script" එකක්
ගන්න..එකට මම පහල දිලා තියෙන කොඩ් වලින් කැමති එකක් ඔයාලා copy,past කරන්න..

1.



ADD YOUR TEXT HERE....


<marquee>ADD YOUR TEXT HERE...</marquee>



2.



ADD YOUR TEXT HERE....


<marquee direction="right">ADD YOUR TEXT HERE...</marquee>


3.



ADD YOUR TEXT HERE....


<marquee direction="left">ADD YOUR TEXT HERE...</marquee>


4.



ADD YOUR TEXT HERE....


<marquee direction="Right" style="background: #0000FF;" width="100%"><span style="color: white;">ADD YOUR TEXT HERE...</span></marquee>


5.



ADD YOUR TEXT HERE....



<marquee direction="left" style="background: #000000;" width="100%"><span style="color: white;">ADD YOUR TEXT HERE...</span></marquee>



6.



ADD YOUR TEXT HERE....


<marquee direction="Right" style="background: #FF0000;" width="100%"><span style="color: white;">ADD YOUR TEXT HERE...</span></marquee>



7.



ADD YOUR TEXT HERE....


<marquee direction="left" style="background: #00FF00;" width="100%"><span style="color: white;">ADD YOUR TEXT HERE...</span></marquee>



8.



ADD YOUR TEXT HERE....


<marquee direction="Right" style="background: #FF00FF;" width="100%"><span style="color: white;">ADD YOUR TEXT HERE...</span></marquee>


9.



ADD YOUR TEXT HERE....


<marquee direction="left" style="background: #008080;" width="100%"><span style="color: white;">ADD YOUR TEXT HERE...</span></marquee>


10.



ADD YOUR TEXT HERE....



<marquee direction="Right" style="background: #00FFFF;" width="100%"><span style="color: white;">ADD YOUR TEXT HERE...</span></marquee>



ඊට පස්සේ "html/java script" එක Save කරන්න..

වැදගත්
ඔයාලා කැමති එක Text එකක් දෙන්න
ඔයාලා කැමති HTML Color කොඩ් එකක් දෙන්..ඔයලා HTML Color කොඩ් ගැන දන්නේ නැතනම් මෙන්න මේ ලිපිය  බලන්න..


දැන් ඔයාලගේ බ්ලොගයටත් එහා මෙහා යන Marquee Tex තියෙනවා.

මතක ඇතුව ඔයාලගේ ප්‍රතිචාරයක් මේ ලිපියට දෙන්න...
ඔබට ජය...

HTML Color කොඩ් ගැන ඔයාලා දන්නේ නැත්නම් මෙන්න දැන ගන්න 4

සෑම් | 6/25/2010 | , ,


බ්ලොග් Ticks වැඩ  වලට ආස අයට ඔන්න මම ගෙනාවා වැඩගත් දෙයක්..HTML Color කොඩ් ගැන ඔයාලා දන්නේ නැත්නම් මෙන්න දැන ගන්න..ඔයාලට මේක ගොඩක්  වැදගත්  වෙයි මොනවා හරි දේයකට..එක නිසා මේ කොඩ් ගැන ඔයලත් ටිකක් දැනුවත් වෙන්න...

ColorHexadecimalColorHexadecimalColorHexadecimalColorHexadecimal
aqua / cyan#00FFFFgray#808080navy#000080silver#C0C0C0
black#000000green#008000olive#808000teal#008080
blue#0000FFlime#00FF00purple#800080white#FFFFFF
fuchsia / magenta#FF00FFmaroon#800000red#FF0000yellow#FFFF00



ඔයලට HTML Color කොඩ් ගැන තව දුරටත් දැන ගන්න ඔනේ නම් Wikipedia.org අඩවියට ලොග් වෙන්න...



Thanks Wikipedia.org