अपने ब्लॉग को और खूबसूरत बनाइये ईस छोटे से ट्रिक से
इसके बाद आप जब भी अपने ब्लॉग के पोस्ट टाइटल पर माउस ले जायेंगे वो अपना रंग बदलने लगेगा ।



इसके लिए ब्लॉगर अकाउंट पर लोग इन करें

फिर >> Layout >> Edit html, पर जायें

और ये कोड ढूंढें </head> ( ctrl+f का भी इस्तेमाल कर सकते है )

अब इसके ठीक ऊपर नीचे दिया कोड पेस्ट करें

<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 सेव करे ।
आपके ब्लॉग पोस्ट के टाइटल अब नए रूप में दिखाई देंगे ।

9 comments:

  1. अच्छी जानकारी है देखते हैं धन्यवाद्

    ReplyDelete
  2. नवीन प्रकाश भाई साहब
    हमने हमारी भाग्योदय ओरगेनिक कंपनी का ब्लॉग bhagyodayorganic.blogspot.com के नाम से शुरू किया है जिसमे हमने हमारी कंपनी के बारे में पूरी जानकारी दी है . हमने इसमें AdSence जोड़ा था लेकिन उसे अस्वीकार कर दिया गया और कहा गया की हम sirf इंग्लिश bhasha ही स्वीकार करते है. अब आप हमें AdSence के सिस्टम के बारे में पूरी जानकारी देने की कृपा करे. इसके अलावा एक जानकारी और यह चाहिए की क्या हम अपने हिंदी ब्लॉग को उसी ब्लॉग एड्रेस पर उसी मैटर को इंग्लिश में दे सकते है, बगैर टाइप किये. इस ब्लॉग को हम ज्यादा से ज्यादा लोगों तक पहुँचाना चाहते है हर भाषा में , क्या ऐसा कोई तरीका या विजेट है जिससे जो जैसी भाषा में चाहे उस भाषा में बदल कर पढ़ सके. आप भी समय निकाल कर हमारे नए प्रयास को देखने का कष्ट करे और हमें सुझाव दें. ब्लॉग को और aakarshak banane के बारे में भी thode vistaar से जानकारी दे और समस्त जानकारी कृपया हिंदी में दें.
    कष्ट के लिए क्षमा.
    धन्यवाद

    ReplyDelete
  3. भाई आपने जो यह विगेट दिया है अगर संभव होतो इसका एक डिमो भी लगाया करें पोस्ट के साथ

    ReplyDelete
  4. This comment has been removed by the author.

    ReplyDelete
  5. Ram Ram ji
    Mere Blogs me iska kuch asar na hua ji
    http://sometimesinmyheart.blogspot.com/

    ReplyDelete

पिछले लेख ..

Powered by Blogger.

इस ब्लॉग में ढूँढें

लोगो आपके ब्लॉग पर

ये ब्लॉग पसंद आया तो इसे अपने ब्लॉग का हिस्सा बनाइये ये लोगो अपने ब्लॉग पर लगाकर. Hindi Tech

परिवहन

counter

संकलक

www.hamarivani.com

जो ये कोशिश पसंद करते हैं

मेरा कोना

About Me

My Photo
खरोरा, रायपुर, छत्तीसगढ़, India
बस एक कोशिश है जो थोडी बहुत जानकारियां मुझे है चाहता हूँ की आप सभी के साथ बांटी जाए। आप मुझे मेल भी कर सकते है hinditechblog(a)gmail.com पर .

Google Badge

;