ضعها بالمكان المناسب

الاضافه لـ إعداد اللغة HTML/JavaScript

<script type="text/javascript" src="http://makingdifferent.github.io/blogger-widgets/flying_android_man.js"\></script>

<script type="text/javascript">

var twitterAccount = "اسم المستخدم";

var tweetThisText = "محتوي التويتر";

tripleflapInit();

</script><noscript><span style="font-size:11px;">اكتب الوصف<a href="وضع الرابط\">حياكم/</a></span></noscript>

انتبه للاكواد

مقاس الصوره

355

444

http://makingdifferent.github.io/blogger-widgets/flying_android_man.js

كود البرمجه وهنا تعدل الصوره اذا حبيت

 */

if (typeof(twitterAccount) != "string") var twitterAccount = "";

if (typeof(tweetThisText) != "string" || tweetThisText == "") var tweetThisText = document.title + " " + document.URL;

if (typeof(showTweet) != "boolean") var showTweet = false;

var tweetthislink = null;

if (typeof(otherPageOrFeed) != "string" || otherPageOrFeed == "") var otherPageOrFeed = false;

var birdSprite = "http://4.bp.blogspot.com/-hZBLdCN5I3U/UyhR_JEiADI/AAAAAAAAMw0/63Ak8AKvPJs/s1600/flying-androidman%5Bwww.makingdifferent.com%5D.png";

var twitterfeedreader = ""; 

var hyperlinkStyle = "color:#27b;text-decoration:none;";

var birdSpeed = 12;

var birdSpaceVertical = 12;

var birdSetUp = 2;

var spriteWidth = 88;

var spriteHeight = 87;

var spriteAniSpeed = 72;

var spriteAniSpeedSlow = Math.round(spriteAniSpeed * 1.75);

var targetElems = new Array("img", "hr", "input", "textarea", "button", "select", "table", "td", "div", "ul", "ol", "li", "h1", "h2", "h3", "h4", "p", "code", "object", "a", "b", "strong", "span");

var neededElems4random = 10;

var minElemWidth = Math.round(spriteWidth / 2);

var scareTheBirdMouseOverTimes = 4;

var scareTheBirdTime = 1000;

var showOnMobile = false;

var birdIsFlying = false;

var scrollPos = 0;

var windowHeight = getWindowHeight();

var windowWidth = getWindowWidth();

if (windowHeight <= spriteHeight + 2 * birdSpaceVertical) windowHeight = spriteHeight + 2 * birdSpaceVertical + 1;

if (windowWidth <= spriteWidth) windowWidth = spriteWidth + 1;

var birdPosX = Math.round(Math.random() * (windowWidth - spriteWidth + 200) - 200);

var birdPosY = -2 * spriteHeight;

var timeoutAnimation = false;

var timeoutFlight = false;

var showButtonsTimeout = null;

var hideButtonsTimeout = null;

var scareTheBirdLastTime = 0;

var scareTheBirdCount = 0;

function tripleflapInit(reallystart) {

if (typeof(reallystart) == "undefined") {

window.setTimeout("tripleflapInit(1)", 250);

return;

}

if (!showOnMobile && typeof(navigator.userAgent) == "string" && is_mobile(navigator.userAgent)) {

return;

}

if (!is_utf8(tweetThisText)) tweetThisText = utf8_encode(tweetThisText);

var tweetthislink = "http://twitter.com/home?status=" + escape(tweetThisText);

if (twitterAccount == "") showTweet = false;

var accountURL = (twitterAccount != "") ? "http://twitter.com/" + twitterAccount : ((otherPageOrFeed != false) ? otherPageOrFeed : "http://twitter.com/");

var tBird = document.createElement("a");

tBird.setAttribute("id", "tBird");

tBird.setAttribute("href", accountURL);

tBird.setAttribute("target", "_blank");

tBird.style.display = "block";

tBird.style.position = "absolute";

tBird.style.left = birdPosX + "px";

tBird.style.top = birdPosY + "px";

tBird.style.width = spriteWidth + "px";

tBird.style.height = spriteHeight + "px";

tBird.style.background = "url('" + birdSprite + "') no-repeat transparent";

tBird.style.backgroundPosition = "-0px -0px";

tBird.style.zIndex = "947";

tBird.onmouseover = function () {

scareTheBird();

showButtonsTimeout = window.setTimeout("showButtons(0," + windowWidth + "," + windowHeight + ")", 400);

window.clearTimeout(hideButtonsTimeout);

};

tBird.onmouseout = function () {

hideButtonsTimeout = window.setTimeout("hideButtons()", 50);

};

document.body.appendChild(tBird);

var tBirdLtweet = document.createElement("a");

tBirdLtweet.setAttribute("id", "tBirdLtweet");

tBirdLtweet.setAttribute("href", tweetthislink);

tBirdLtweet.setAttribute("target", "_blank");

tBirdLtweet.setAttribute("title", "tweet this");

tBirdLtweet.style.display = "none";

tBirdLtweet.style.position = "absolute";

tBirdLtweet.style.left = "0px";

tBirdLtweet.style.top = "-100px";

tBirdLtweet.style.background = "url('" + birdSprite + "') no-repeat transparent";

tBirdLtweet.style.opacity = "0";

tBirdLtweet.style.filter = "alpha(opacity=0)";

tBirdLtweet.style.backgroundPosition = "-80px -0px";

tBirdLtweet.style.width = "80px";

tBirdLtweet.style.height = "50px";

tBirdLtweet.style.zIndex = "951";

tBirdLtweet.onmouseover = function () {

window.clearTimeout(hideButtonsTimeout);

};

tBirdLtweet.onmouseout = function () {

hideButtonsTimeout = window.setTimeout("hideButtons()", 50);

};

document.body.appendChild(tBirdLtweet);

var tBirdLfollow = tBirdLtweet.cloneNode(false);

tBirdLfollow.setAttribute("id", "tBirdLfollow");

tBirdLfollow.setAttribute("href", accountURL);

tBirdLfollow.setAttribute("title", "follow " + (twitterAccount ? "@" + twitterAccount : "me"));

tBirdLfollow.style.backgroundPosition = "-85px -52px";

tBirdLfollow.style.width = "60px";

tBirdLfollow.style.height = "30px";

tBirdLfollow.style.zIndex = "952";

tBirdLfollow.onmouseover = function () {

window.clearTimeout(hideButtonsTimeout);

};

tBirdLfollow.onmouseout = function () {

hideButtonsTimeout = window.setTimeout("hideButtons()", 50);

};

document.body.appendChild(tBirdLfollow);

if (showTweet == true) {

var tBirdStatxLow = document.createElement("div");

tBirdStatxLow.setAttribute("id", "tBirdStatxLow");

tBirdStatxLow.style.display = "none";

tBirdStatxLow.style.position = "absolute";

tBirdStatxLow.style.left = "0px";

tBirdStatxLow.style.top = "-100px";

tBirdStatxLow.style.background = "transparent";

tBirdStatxLow.style.opacity = "0";

tBirdStatxLow.style.filter = "alpha(opacity=0)";

tBirdStatxLow.style.width = "192px";

tBirdStatxLow.style.zIndex = "955";

tBirdStatxLow.onmouseover = function () {

window.clearTimeout(hideButtonsTimeout);

};

tBirdStatxLow.onmouseout = function () {

hideButtonsTimeout = window.setTimeout("hideButtons()", 50);

};

var tBirdStatxUpr = tBirdStatxLow.cloneNode(false);

tBirdStatxUpr.setAttribute("id", "tBirdStatxUpr");

tBirdStatxUpr.onmouseover = function () {

window.clearTimeout(hideButtonsTimeout);

};

tBirdStatxUpr.onmouseout = function () {

hideButtonsTimeout = window.setTimeout("hideButtons()", 50);

};

var tBirdStatxArrLow = document.createElement("div");

tBirdStatxArrLow.setAttribute("id", "tBirdStatxArrLow");

tBirdStatxArrLow.style.background = "url('" + birdSprite + "') no-repeat transparent";

tBirdStatxArrLow.style.backgroundPosition = "-64px -50px";

tBirdStatxArrLow.style.width = "32px";

tBirdStatxArrLow.style.height = "9px";

tBirdStatxArrLow.style.margin = "0 0 -1px 56px";

tBirdStatxArrLow.style.position = "relative";

tBirdStatxArrLow.style.zIndex = "957";

var tBirdStatxArrUpr = tBirdStatxArrLow.cloneNode(false);

tBirdStatxArrUpr.setAttribute("id", "tBirdStatxArrUpr");

tBirdStatxArrUpr.style.backgroundPosition = "-96px -50px";

tBirdStatxArrUpr.style.margin = "-1px 0 0 60px";

var tBirdStatxInLow = document.createElement("div");

tBirdStatxInLow.setAttribute("id", "tBirdStatxInLow");

tBirdStatxInLow.style.background = "#fbfcfc";

tBirdStatxInLow.style.border = "1px solid #555";

tBirdStatxInLow.style.MozBorderRadius = "6px";

tBirdStatxInLow.style.borderRadius = "6px";

tBirdStatxInLow.style.padding = "3px 5px";

tBirdStatxInLow.style.fontSize = "11px";

tBirdStatxInLow.style.fontFamily = "Arial";

tBirdStatxInLow.style.textAlign = "left";

tBirdStatxInLow.style.position = "relative";

tBirdStatxInLow.style.zIndex = "956";

tBirdStatxInLow.innerHTML = "loading...";

var tBirdStatxInUpr = tBirdStatxInLow.cloneNode(false);

tBirdStatxInUpr.setAttribute("id", "tBirdStatxInUpr");

tBirdStatxInUpr.innerHTML = "loading...";

tBirdStatxLow.appendChild(tBirdStatxArrLow);

tBirdStatxLow.appendChild(tBirdStatxInLow);

tBirdStatxUpr.appendChild(tBirdStatxInUpr);

tBirdStatxUpr.appendChild(tBirdStatxArrUpr);

document.body.appendChild(tBirdStatxLow);

document.body.appendChild(tBirdStatxUpr);

}

var timeoutAnimation = window.setTimeout("animateSprite(0,0,0,0,null,true)", spriteAniSpeed);

window.onscroll = recheckposition;

if (showTweet == true) loadStatusText();

recheckposition();

}

function animateSprite(row, posStart, posEnd, count, speed, onlySet) {

if (typeof(count) != "number" || count > posEnd - posStart) count = 0;

document.getElementById("tBird").style.backgroundPosition = "-" + Math.round((posStart + count) * spriteWidth) + "px -" + (spriteHeight * row) + "px";

if (onlySet == true) return;

if (typeof(speed) != "number") speed = spriteAniSpeed;

timeoutAnimation = window.setTimeout("animateSprite(" + row + "," + posStart + "," + posEnd + "," + (count + 1) + "," + speed + ")", speed);

}

function animateSpriteAbort() {

window.clearTimeout(timeoutAnimation);

}

function recheckposition(force) {

if (force != true) force = false;

if (birdIsFlying) return false;

windowHeight = getWindowHeight();

windowWidth = getWindowWidth();

if (windowHeight <= spriteHeight + 2 * birdSpaceVertical) windowHeight = spriteHeight + 2 * birdSpaceVertical + 1;

if (windowWidth <= spriteWidth) windowWidth = spriteWidth + 1;

if (typeof(window.pageYOffset) == "number") scrollPos = window.pageYOffset;

else if (document.body && document.body.scrollTop) scrollPos = document.body.scrollTop;

else if (document.documentElement && document.documentElement.scrollTop) scrollPos = document.documentElement.scrollTop;

birdPosY = parseInt(document.getElementById("tBird").style.top);

birdPosX = parseInt(document.getElementById("tBird").style.left);

if (scrollPos + birdSpaceVertical >= birdPosY || scrollPos + windowHeight - spriteHeight < birdPosY || force) {

hideButtons();

elemPosis = chooseNewTarget();

if (elemPosis.length < 1) {

elemType = null;

elemNr = null;

elemTop = scrollPos + Math.round(Math.random() * (windowHeight - spriteHeight));

elemLeft = Math.round(Math.random() * (windowWidth - spriteWidth));

elemWidth = 0;

} else {

newTarget = elemPosis[Math.round(Math.random() * (elemPosis.length - 1))];

elemType = newTarget[0];

elemNr = newTarget[1];

elemTop = newTarget[2];

elemLeft = newTarget[3];

elemWidth = newTarget[4];

}

targetTop = elemTop - spriteHeight;

targetLeft = Math.round(elemLeft - spriteWidth / 2 + Math.random() * elemWidth);

if (targetLeft > windowWidth - spriteWidth - 24) targetLeft = windowWidth - spriteWidth - 24;

else if (targetLeft < 0) targetLeft = 0;

birdIsFlying = true;

flyFromTo(birdPosX, birdPosY, targetLeft, targetTop, 0);

}

}

function chooseNewTarget() {

var elemPosis = new Array();

var obergrenze = scrollPos + spriteHeight + birdSpaceVertical;

var untergrenze = scrollPos + windowHeight - birdSpaceVertical;

for (var ce = 0; ce < targetElems.length; ce++) {

var elemType = targetElems[ce];

var sumElem = document.getElementsByTagName(elemType).length;

for (var cu = 0; cu < sumElem; cu++) {

var top = document.getElementsByTagName(elemType)[cu].offsetTop;

var left = document.getElementsByTagName(elemType)[cu].offsetLeft;

var width = document.getElementsByTagName(elemType)[cu].offsetWidth;

if (top <= obergrenze || top >= untergrenze || width < minElemWidth || left < 0) {

continue;

}

elemPosis[elemPosis.length] = new Array(elemType, cu, top, left, width);

if (elemPosis.length >= neededElems4random) return elemPosis;

}

}

return elemPosis;

}

function flyFromTo(startX, startY, targetX, targetY, solved, direction) {

justStarted = (solved == 0);

solved += (solved > birdSpeed / 2) ? birdSpeed : Math.round((solved == 0) ? birdSpeed / 4 : birdSpeed / 2);

solvedFuture = solved + ((solved > birdSpeed / 2) ? birdSpeed : Math.round(birdSpeed / 2));

distanceX = targetX - startX;

distanceY = targetY - startY;

distance = Math.sqrt(distanceX * distanceX + distanceY * distanceY);

solvPerc = Math.abs(1 / distance * solved);

solvDistX = Math.round(distanceX * solvPerc);

solvDistY = Math.round(distanceY * solvPerc);

solvPercFuture = Math.abs(1 / distance * solvedFuture);

solvDistXFuture = Math.round(distanceX * solvPercFuture);

solvDistYFuture = Math.round(distanceY * solvPercFuture);

if (typeof(direction) != "string") {

direction = null;

angle = ((distanceX != 0) ? Math.atan((-distanceY) / distanceX) / Math.PI * 180 : 90) + ((distanceX < 0) ? 180 : 0);

if (angle < 0) angle += 360;

if (angle < 45) direction = 'o';

else if (angle < 135) direction = 'n';

else if (angle < 202.5) direction = 'w';

else if (angle < 247.5) direction = 'sw';

else if (angle < 292.5) direction = 's';

else if (angle < 337.5) direction = 'so';

else direction = 'o';

}

if (Math.abs(solvDistXFuture) >= Math.abs(distanceX) && Math.abs(solvDistYFuture) >= Math.abs(distanceY)) {

animateSpriteAbort();

switch (direction) {

case 'so':

animateSprite(1, 0, 0, 0, null, true);

break;

case 'sw':

animateSprite(1, 2, 2, 0, null, true);

break;

case 's':

animateSprite(0, 2, 2, 0, null, true);

break;

case 'n':

animateSprite(4, 0, 0, 0, null, true);

break;

case 'o':

animateSprite(1, 0, 0, 0, null, true);

break;

case 'w':

animateSprite(1, 2, 2, 0, null, true);

break;

default:

animateSprite(0, 0, 0, 0, null, true);

}

timeoutAnimation = window.setTimeout("animateSprite(0,0,0,0,null,true)", spriteAniSpeed);

}

if (Math.abs(solvDistX) >= Math.abs(distanceX) && Math.abs(solvDistY) >= Math.abs(distanceY)) {

solvDistX = distanceX;

solvDistY = distanceY;

birdIsFlying = false;

window.setTimeout("recheckposition()", 500);

} else {

if (justStarted) {

animateSpriteAbort();

switch (direction) {

case 'so':

animateSprite(1, 0, 0, 0, null, true);

timeoutAnimation = window.setTimeout("animateSprite(1,1,1,0,null,true)", spriteAniSpeed);

break;

case 'sw':

animateSprite(1, 2, 2, 0, null, true);

timeoutAnimation = window.setTimeout("animateSprite(1,3,3,0,null,true)", spriteAniSpeed);

break;

case 's':

animateSprite(0, 2, 2, 0, null, true);

timeoutAnimation = window.setTimeout("animateSprite(0,3,3,0,null,true)", spriteAniSpeed);

break;

case 'n':

timeoutAnimation = window.setTimeout("animateSprite(4,0,3,0," + spriteAniSpeedSlow + ")", 1);

break;

case 'o':

animateSprite(1, 0, 0, 0, null, true);

timeoutAnimation = window.setTimeout("animateSprite(2,0,3,0," + spriteAniSpeedSlow + ")", spriteAniSpeed);

break;

case 'w':

animateSprite(1, 2, 2, 0, null, true);

timeoutAnimation = window.setTimeout("animateSprite(3,0,3,0," + spriteAniSpeedSlow + ")", spriteAniSpeed);

break;

default:

animateSprite(0, 0, 0, 0, null, true);

}

}

timeoutFlight = window.setTimeout("flyFromTo(" + startX + "," + startY + "," + targetX + "," + targetY + "," + solved + ",'" + direction + "')", 50);

}

hideButtons();

document.getElementById("tBird").style.left = (startX + solvDistX) + "px";

document.getElementById("tBird").style.top = (startY + solvDistY + birdSetUp) + "px";

}

function scareTheBird(nul) {

newTS = new Date().getTime();

if (scareTheBirdLastTime < newTS - scareTheBirdTime) {

scareTheBirdCount = 1;

scareTheBirdLastTime = newTS;

} else {

scareTheBirdCount++;

if (scareTheBirdCount >= scareTheBirdMouseOverTimes) {

scareTheBirdCount = 0;

scareTheBirdLastTime = 0;

recheckposition(true);

}

}

}

function showButtons(step, winWidth, winHeight) {

birdPosY = parseInt(document.getElementById("tBird").style.top);

birdPosX = parseInt(document.getElementById("tBird").style.left);

if (step == 0 && document.getElementById("tBirdLtweet").style.display == "block") step = 100;

if (birdIsFlying) step = 0;

opacity = Math.round(step * 15);

if (opacity < 0) opacity = 0;

if (opacity > 100) opacity = 100;

if (birdPosX < winWidth - 300 || birdPosX < winWidth / 2) {

buttonPosX1 = birdPosX + spriteWidth - 15;

buttonPosX2 = birdPosX + spriteWidth - 10;

} else {

buttonPosX1 = birdPosX + 16 - parseInt(document.getElementById("tBirdLtweet").style.width);

buttonPosX2 = birdPosX + 11 - parseInt(document.getElementById("tBirdLfollow").style.width);

}

buttonPosY1 = birdPosY - 0;

buttonPosY2 = birdPosY - 0 + parseInt(document.getElementById("tBirdLtweet").style.height);

document.getElementById("tBirdLtweet").style.left = buttonPosX1 + "px";

document.getElementById("tBirdLtweet").style.top = buttonPosY1 + "px";

document.getElementById("tBirdLtweet").style.display = "block";

document.getElementById("tBirdLtweet").style.opacity = opacity / 100;

document.getElementById("tBirdLtweet").style.filter = "alpha(opacity=" + opacity + ")";

document.getElementById("tBirdLfollow").style.left = buttonPosX2 + "px";

document.getElementById("tBirdLfollow").style.top = buttonPosY2 + "px";

document.getElementById("tBirdLfollow").style.display = "block";

document.getElementById("tBirdLfollow").style.opacity = opacity / 100;

document.getElementById("tBirdLfollow").style.filter = "alpha(opacity=" + opacity + ")";

if (showTweet == true) {

if (typeof(window.pageYOffset) == "number") scrollPos = window.pageYOffset;

else if (document.body && document.body.scrollTop) scrollPos = document.body.scrollTop;

else if (document.documentElement && document.documentElement.scrollTop) scrollPos = document.documentElement.scrollTop;

if (birdPosX < 64) boxMoveX = 64 - birdPosX;

else if (birdPosX > winWidth - 64) boxMoveX = winWidth - birdPosX - 64;

else boxMoveX = 0;

txtBoxPosX = Math.round(birdPosX + spriteWidth / 2 - parseInt(document.getElementById("tBirdStatxLow").style.width) / 2 + boxMoveX);

if (birdPosY < winHeight / 2 + scrollPos) {

txtBoxPosY = birdPosY + spriteHeight;

document.getElementById("tBirdStatxLow").style.left = txtBoxPosX + "px";

document.getElementById("tBirdStatxLow").style.top = txtBoxPosY + "px";

document.getElementById("tBirdStatxLow").style.display = "block";

document.getElementById("tBirdStatxLow").style.opacity = opacity / 100;

document.getElementById("tBirdStatxLow").style.filter = "alpha(opacity=" + opacity + ")";

} else {

txtBoxPosY = birdPosY - document.getElementById("tBirdStatxUpr").offsetHeight;

document.getElementById("tBirdStatxUpr").style.left = txtBoxPosX + "px";

document.getElementById("tBirdStatxUpr").style.top = txtBoxPosY + "px";

document.getElementById("tBirdStatxUpr").style.display = "block";

document.getElementById("tBirdStatxUpr").style.opacity = opacity / 100;

document.getElementById("tBirdStatxUpr").style.filter = "alpha(opacity=" + opacity + ")";

}

}

if (opacity >= 100) return;

step++;

showButtonsTimeout = window.setTimeout("showButtons(" + step + "," + winWidth + "," + winHeight + ")", 60);

}

function hideButtons() {

window.clearTimeout(showButtonsTimeout);

document.getElementById("tBirdLtweet").style.display = "none";

document.getElementById("tBirdLtweet").style.opacity = "0";

document.getElementById("tBirdLtweet").style.filter = "alpha(opacity=0)";

document.getElementById("tBirdLfollow").style.display = "none";

document.getElementById("tBirdLfollow").style.opacity = "0";

document.getElementById("tBirdLfollow").style.filter = "alpha(opacity=0)";

if (showTweet == true) {

document.getElementById("tBirdStatxLow").style.display = "none";

document.getElementById("tBirdStatxLow").style.opacity = "0";

document.getElementById("tBirdStatxLow").style.filter = "alpha(opacity=0)";

document.getElementById("tBirdStatxUpr").style.display = "none";

document.getElementById("tBirdStatxUpr").style.opacity = "0";

document.getElementById("tBirdStatxUpr").style.filter = "alpha(opacity=0)";

}

}

function loadStatusText() {

param = "tuac=" + twitterAccount;

var req = (window.XMLHttpRequest) ? new XMLHttpRequest() : ((window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : false);

if (!req) {

document.getElementById("tBirdStatxInLow").innerHTML = "Error: could not create Ajax-request";

}

req.open("POST", twitterfeedreader, true);

req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

req.setRequestHeader("Content-Length", param.length);

req.setRequestHeader("Connection", "close");

req.onreadystatechange = function () {

if (req.readyState == 4) {

resp = (req.status == 200) ? req.responseText : "Error: Ajax-request failed,HTTP-Code " + req.status;

resp = resp.replace(/<a /g, '<a style="' + hyperlinkStyle + '" ');

document.getElementById("tBirdStatxInLow").innerHTML = resp;

document.getElementById("tBirdStatxInUpr").innerHTML = resp;

}

}

req.send(param);

}

function getWindowWidth() {

if (typeof(window.innerWidth) == "number") ww = window.innerWidth;

else if (document.documentElement && document.documentElement.clientWidth) ww = document.documentElement.clientWidth;

else if (document.body && document.body.clientWidth) ww = document.body.clientWidth;

else ww = 800;

return ww;

}

function getWindowHeight() {

if (typeof(window.innerHeight) == "number") wh = window.innerHeight;

else if (document.documentElement && document.documentElement.clientHeight) wh = document.documentElement.clientHeight;

else if (document.body && document.body.clientHeight) wh = document.body.clientHeight;

else wh = 450;

return wh;

}

function is_mobile(is_mobile_ua) {

return (is_mobile_ua.toLowerCase().search(/(iphone|ipod|opera mini|windows ce|windows phone|palm|blackberry|android|symbian|series60|samsung|nokia|playstation portable|htc[\-_]|up\.browser|profile\/midp|[1-4][0-9]{2}x[1-4][0-9]{2})/) > -1)

}

function utf8_encode(str) {

str = str.replace(/\r\n/g, "\n");

utf8str = "";

for (n = 0; n < str.length; n++) {

c = str.charCodeAt(n);

if (c < 128) {

utf8str += String.fromCharCode(c);

} else if (c > 127 && c < 2048) {

utf8str += String.fromCharCode((c >> 6) | 192);

utf8str += String.fromCharCode((c & 63) | 128);

} else {

utf8str += String.fromCharCode((c >> 12) | 224);

utf8str += String.fromCharCode(((c >> 6) & 63) | 128);

utf8str += String.fromCharCode((c & 63) | 128);

}

}

return utf8str;

}

function is_utf8(str) {

strlen = str.length;

for (i = 0; i < strlen; i++) {

ord = str.charCodeAt(i);

if (ord < 0x80) continue;

else if ((ord & 0xE0) === 0xC0 && ord > 0xC1) n = 1;

else if ((ord & 0xF0) === 0xE0) n = 2;

else if ((ord & 0xF8) === 0xF0 && ord < 0xF5) n = 3;

else

return false;

for (c = 0; c < n; c++)

if (++i === strlen || (str.charCodeAt(i) & 0xC0) !== 0x80) return false;

}

return true;

}

ونتابع

 ضعها بالمكان المناسب

الاضافه لـ إعداد اللغة HTML/JavaScript

<script type="text/javascript">

function bgChange(bg)

{

document.body.style.background=bg;

}

</script>

<table border="1" width="100%" height="20">

<tbody><tr>

<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">

</td>

<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">

</td>

<td onclick="bgChange('#008080')" bgcolor="#008080">

</td>

<td onclick="bgChange('#808080')" bgcolor="#808080">

</td>

<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">

</td>

<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">

</td>

<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">

</td>

<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">

</td>

<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">

</td>

</tr></tbody></table>

ونتابع

 اختر / إعداد اللغة HTML/JavaScript

وضعها بالمكان المناسب

<script>

var mydate=new Date()

var year=mydate.getYear()

if (year < 1000)

year+=1900

var day=mydate.getDay()

var month=mydate.getMonth()+1

if (month<10)

month="0"+month

var daym=mydate.getDate()

if (daym<10)

daym="0"+daym

document.write("<small><font color='000000' face='Arial'><b>"+year+"/"+month+"/"+daym+"</b></font></small>")

 var times=history.length;

 document.write(' عدد المتواجدين 🔴 '+times+' الان');

 </script>

وسلامتكم

 الاضافه في : HTML/JavaScript

<div align="center">
<table border="0" width="100%">
<tr>
<td align="center">&nbsp;</td>
</tr>
<tr>
<td align="center">&nbsp;<span class="kw_under_link" id="kw_hit"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5299159";
var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
</script> : عدد المتواجدون حاليا</span></td>
</tr>

<tr>
<td align="center">&nbsp;<script style="text/javascript">
function numberOfPosts(json) {
document.write('عدد المواضيع : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}
function numberOfComments(json) {
document.write('عدد التعليقات : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}
</script>
<font color="blue"><script src="/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
</font></td></tr>
<tr>
<td align="center">&nbsp;<style type="text/css">
.top-commentators {
margin: 3px 0;
border-bottom: 1px dotted #ccc;
}
.avatar-top-commentators {
vertical-align:middle;
border-radius: 30px;
}
.top-commentators .commenter-link-name {
padding-left:0;
}
</style>
<script type="text/javascript">
var maxTopCommenters = 9;
var minComments = 1;
var numDays = 0;
var excludeMe = true;
var excludeUsers = ["Anonymous", "someotherusertoexclude"];
var maxUserNameLength = 42;
//
var txtTopLine = '<b>[#].</b> [image] [user] ([count])';
var txtNoTopCommenters = 'لا يوجد تعليقات في هذا الوقت';
var txtAnonymous = '';
//
var sizeAvatar = 33;
var cropAvatar = true;
//
var urlNoAvatar = "http://2.bp.blogspot.com/-pWdg8wLsedo/UmVWQxLdwrI/AAAAAAAAEVk/-z7YgKykkuU/s1600/avatar_blue_m_96.png" + sizeAvatar;
var urlAnoAvatar = 'http://1.bp.blogspot.com/-6B6DXCp8dek/UmVPm7D2mOI/AAAAAAAAEVU/Xz-3z2nRpUk/s1600/avatar1.png' + sizeAvatar;
var urlMyProfile = '';
var urlMyAvatar = '';
if(!Array.indexOf) {
Array.prototype.indexOf=function(obj) {
for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
return -1;
}}
function replaceTopCmtVars(text, item, position)
{
if(!item || !item.author) return text;
var author = item.author;
var authorUri = "";
if(author.uri && author.uri.$t != "")
authorUri = author.uri.$t;
var avaimg = urlAnoAvatar;
var bloggerprofile = "http://www.blogger.com/profile/";
if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
avaimg = author.gd$image.src;
else {
var parseurl = document.createElement('a');
if(authorUri != "") {
parseurl.href = authorUri;
avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
}
}
if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
avaimg = urlMyAvatar;
if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
avaimg = urlNoAvatar;
var newsize="s"+sizeAvatar;
avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
if(cropAvatar) newsize+="-c";
avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");
var authorName = author.name.$t;
if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
authorName = txtAnonymous;
var imgcode = '<img class="avatar-top-commentators" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';
if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
authorName = authorName.substr(0, maxUserNameLength-3) + "...";
var authorcode = authorName;
if(authorUri!="") authorcode = '<a class="commenter-link-name" href="'+authorUri+'">'+authorcode+'</a>';
text = text.replace('[user]', authorcode);
text = text.replace('[image]', imgcode);
text = text.replace('[#]', position);
text = text.replace('[count]', item.count);
return text;
}
var topcommenters = {};
var ndxbase = 1;
function showTopCommenters(json) {
var one_day=1000*60*60*24;
var today = new Date();
if(urlMyProfile == "") {
var elements = document.getElementsByTagName("*");
var expr = /(^| )profile-link( |$)/;
for(var i=0 ; i<elements.length ; i++)
if(expr.test(elements[i].className)) {
urlMyProfile = elements[i].href;
break;
}
}
if(json && json.feed && json.feed.entry && json.feed.entry.length) for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
var entry = json.feed.entry[i];
if(numDays > 0) {
var datePart = entry.published.$t.match(/\d+/g);
var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);
var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
if(days > numDays) break;
}
var authorUri = "";
if(entry.author[0].uri && entry.author[0].uri.$t != "")
authorUri = entry.author[0].uri.$t;
if(excludeMe && authorUri != "" && authorUri == urlMyProfile)
continue;
var authorName = entry.author[0].name.$t;
if(excludeUsers.indexOf(authorName) != -1)
continue;
var hash=entry.author[0].name.$t + "-" + authorUri;
if(topcommenters[hash])
topcommenters[hash].count++;
else {
var commenter = new Object();
commenter.author = entry.author[0];
commenter.count = 1;
topcommenters[hash] = commenter;
}
}
if(json && json.feed && json.feed.entry && json.feed.entry.length && json.feed.entry.length == 200) {
ndxbase += 200;
document.write('<script type="text/javascript" src="/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
return;
}
// convert object to array of tuples
var tuplear = [];
for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);
tuplear.sort(function(a, b) {
if(b[1].count-a[1].count)
return b[1].count-a[1].count;
return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
});
var realcount = 0;
for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
var item = tuplear[i][1];
if(item.count < minComments)
break;
document.write('<di'+'v class="top-commentators">');
document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
document.write('</d'+'iv>');
realcount++;
}
if(!realcount)
document.write(txtNoTopCommenters);
}
document.write('<script type="text/javascript" src="/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
</script></td>
</tr>
</table>
</div>