Announcement:

This is a Testing Annocement. I don't have Much to Say. This is a Place for a Short Product Annocement

பிளாக்கில் உள்ள லிங்க்குகள்(Links) பல்வேறு நிறங்களில் ஜொலிக்க - Rainbow Effects

பிளாக்கர் பயன்படுத்தும் அனைவரும் ஏதாவது ஒரு வகையில் நம் பிளாக் அழகாக இருக்கவே ஆசை படுவோம். உங்களுடைய பிளாக்கில் பல்வேறு லிங்க்குகள் இருக்கும். Post title, Popular Post, Recent Post, etc.. இப்படி எல்லாமே லிங்க் ஆக தான் இருக்கும். அந்த லிங்கை கிளிக் செய்தால் தான் வாசகர்களால் முழு பதிவையும் படிக்க முடியும். அந்த லிங்க்குகள் ஒரே நிறத்தில் தான் அனைவரின் பிலாக்கிலும் காட்சி அளிக்கும். இப்பொழுது அந்த லிங்க்குகளை பல்வேறு நிறங்களில் ஜொலிக்க வைப்பது எப்படி என பார்க்கலாம்.

இந்த பட்டனை அழுத்தி வரும் தளத்தில் உள்ள லின்கின் மீது கர்சரை வைத்து பாருங்கள்.


  • இதற்க்கு முதலில் உங்கள் பிளாக்கர் அக்கௌண்டில் நுழைந்து Design==> Edit Html கிளிக் செய்து இந்த </head> கோடிங்கை கண்டு பிடிக்கவும். 
  • இந்த வரியை கண்டு பிடித்தவுடன் கீழே உள்ள கோடிங்கை காப்பி செய்து இந்த வரிக்கு </head> மேலே பேஸ்ட் செய்யவும். 
<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>

அவ்வளவு தான் இப்பொழுது கீழே உள்ள SAVE TEMPLATE பட்டனை அழுத்திய பிறகு உங்கள் பிளாக்கிற்கு சென்று ஏதேனும் லின்கின் மீது உங்கள் கர்சரை வைத்து பாருங்கள். அந்த லிங்க் பல்வேறு நிறங்களில் ஜொலிப்பதை காண்பீர்கள்.

பதிவு பயனுள்ளதாக இருந்தால் கீழே உள்ள ஓட்டு பட்டையில் ஓட்டு போட்டு பலரை சென்றடைய உதவுங்கள்.

சசிகுமார்

இணையத்தில் கொட்டி கிடக்கும் தொழில்நுட்ப தகவல்களை நம் அழகு தமிழில் மொழிபெயர்த்து தரும் உங்களில் ஒருவன்.

17 comments :

  1. அருமையான தொழில்நுட்பக் குறிப்பு சசி..

    ReplyDelete
  2. இன்று என் வலையில்...

    முதியோர் தின சிறப்பு இடுகை..

    காணத் தங்களை அன்புடன் அழைக்கிறேன்..

    http://gunathamizh.blogspot.com/2011/10/blog-post.html

    ReplyDelete
  3. நன்றி மக்கா என் பிளாக் இப்போ ஜொலிக்குது போயி பாருங்க...

    ReplyDelete
  4. very useful information
    i will give vote for u

    ReplyDelete
  5. இனிய இரவு வணக்கம் மச்சி,

    ப்ளாக்கினை கலர் கலரா ஜொல்லிக்க வைப்பதற்கேற்ற கலக்கலான ஐடியா.

    நன்றி மச்சி.

    ReplyDelete
  6. தகவலிற்கு நன்றி நண்பா

    ReplyDelete
  7. சூப்பர் நண்பா... நானும் நிறுவிக்கொண்டேன்... லிங்க பல கலர்களில் ஜொலிக்கிறது.

    ReplyDelete
  8. பயனுள்ள பதிவு நன்றி

    ReplyDelete
  9. பயனுள்ள பதிவு ...நன்றி நண்பரே...

    ReplyDelete
  10. சும்மா ஜொலிக்குது சகா ! !

    மிக்க நன்றி !!

    ReplyDelete
  11. அருமையான, அழகான பதிவு! நானும் முயல்கிறேன்!

    ReplyDelete
  12. நல்ல பயனுள்ள பதிவு நண்பா

    ReplyDelete
  13. மிக்க நன்றி சகோதரம் எனக்கு இப்போ பயன்படுத்தும் ஐடியா இல்லிங்க..

    அன்புச் சகோதரன்...
    ம.தி.சுதா
    பில்கேட்சை ஏழையாக்கப் போகும் ஈழத்துப் புதல்வன்

    ReplyDelete
  14. பயனுள்ள தகவலை தந்தமைக்கு பாராட்டுக்கள்!

    ReplyDelete

Copyright @ 2013 வந்தேமாதரம் . Designed by Templateism | Love for The Globe Press