Siapa sich... yang ga kenal sama "twitter" ??? Pada kesempatan kali saya mencoba untuk membuat postingan artikel yang akan terus up-to-date tentang animasi burung terbang twitter. Buat temen - temen yang lagi suka nge-blog widget ini wajib untuk di pasang di blog-nya. By the way...anyway...bus-wae.. sering-sering berkunjung ke postingan artikel ini yaa untuk mendapatkan update widget burung terbang twitter ini...
Sebelum melangkah ke TKP ada baiknya saya share sedikit informasi tentang twitter. Definisi "twitter" kalo dalam bahasa inggris (twitt) berarti berkicau dan apabila burung berkicau biasanya kalo dalam spesies yang sama saling bersahutan. Nah twitter.com mengambil konsep yang sama seperti burung dengan membuat sistem jaringan sosial yang bisa saling berkicauan atau sahut - menyahut secara global melalui internet. Hebat kan... kalo twitter mania sudah mempunyai high rank di dunia jagat maya, sekali twitt bisa dapet jutaan follower tuh...
Twitter merupakan salah satu situs jejaring sosial yang terkenal diantara para blogger dan netter. Widget untuk twitter ada banyak jenisnya dan kebanyakan dalam bentuk icon dan tombol yang bentuknya statis artinya hanya terpaku pada satu lokasi. Sekarang pada postingan artukel ini saya share tentang widget twitter yang dinamis. Kalo widget ini di pasang di blog sobat pasti akan menambah daya tarik pengunjung yang sedang blog surfing di blog sobat.
Widget ini berbasis plugin javascript yang akan menampilkan animasi burung twitter yang sedang terbang dan hinggap di area yang terlihat di monitor. Ketika cursor pengunjung mengenai burung twitter ini maka akan memunculkan teks "Follow Me" dan menampilkan link ke twitter sobat.
Pada postingan ini saya akan memberikan 2 Opsi penempatan animasi burung twitter yaitu sobat boleh menempatkan pada halaman utama saja atau pada semua halaman. Untuk mengetahui lebih lanjut kode xml tentang penempatan halaman pada blogspot silakan sobat baca artikelnya [klik disini]. Kalo sobat suka dengan postingan artikel ini silakan sobat bookmark blog ini atau tinggalkan jejak sobat di kotak komentar ataupun mem-follow blog ini biar ga lupa alamatnya dan selalu uptodate bila ada postingan terbaru. Oke sekarang kita langsung aja ke TKP (Tempat Kejadian Postingan).
Penting !!! ada baiknya sobat blogger mem-backup terlebih dahulu template blog sobat untuk menghindari hal-hal yang tidak diinginkan dalam menerapkan widget ini.
Penting !!! ada baiknya sobat blogger mem-backup terlebih dahulu template blog sobat untuk menghindari hal-hal yang tidak diinginkan dalam menerapkan widget ini.
Menampilkan Widget ini Hanya Pada Halaman Utama Saja
- Login ke blog anda.
- Klik Template kemudian klik edit HTML.
- Cari potongan kode "</body>" pada template blog sobat (tekan CTRL + F pada keyboard anda untuk menampilkan kotak pencarian guna mempercepat pencarian).
- Copy - Paste kode berikut ini tepat di atas kode "</body>" atau bisa juga dipasang pada kotak gadget blog.
- Pada kode var birdSprite = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh897bIrJgEP5spLuOLhCLTd-6ggPOkr0J58mZxjhmoxnsLYCcSRNMGcGoFHsnVDvQ55E8Y7EHmv0Zm20NkzAnPQWT0hXp2vnKdl96cdtg6-Ax-qaUTQ4WHpisAWpMACqsXs-7iKn0miqE/s1600/birdsprite.png';
berguna untuk pilihan gambar burung twitter. Apabila sobat ingin mengganti gambar burung twitter dengan pilihan lain sobat tinggal mengganti link gambar yang berwarna biru dengan kode link untuk gambar pilihan yang sobat inginkan atau pilihan gambar yang ada di bawah. - Pada kode var twitterAccount = 'Nama Akun Twitter Kamu'; merupakan kode untuk nama akun twitter sobat. Silakan sobat isi sesuai dengan nama akun twitter sobat. Caranya : ganti kode Nama Akun Twitter Kamu dengan nama akun twitter sobat.
- Simpan kemudian lihat hasilnya.
<b:if cond='data:blog.url == data:blog.homepageUrl'> <!-- Twitter Bird Blogger edited by MonozCore --> <script type="text/javascript"> /*Flying twitter bird v1.2 for Blogger*/ /*Url:http://monozcore.blogspot.com*/ /*Page:http://monozcore.blogspot.com/2015/08/burung-terbang-twitter-di-blog.html*/ 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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_bxzorvX6lOUE2atuC7o9L8F3BbqmEcYR8tR-8OIfCyD1zzrLPz5hqNyTcMeLH-NQ8vDb7BQ4J1-H9VdC8uXuidlXJque4rWqnlKQZJRJLjL2HgsqjbZNRm72-JCW5fs9jRJiRNh0x52h/"; var twitterfeedreader = ""; var hyperlinkStyle = "color:#27b;text-decoration:none;"; var birdSpeed = 12; var birdSpaceVertical = 16; var birdSetUp = 2; var spriteWidth = 64; var spriteHeight = 64; 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 / 3); var scareTheBirdMouseOverTimes = 2; 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 = "-64px -0px"; tBirdLtweet.style.width = "58px"; tBirdLtweet.style.height = "30px"; 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 = "-64px -30px"; tBirdLfollow.style.width = "58px"; tBirdLfollow.style.height = "20px"; 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(a) { 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; } </script> <script type="text/javascript"> var birdSprite='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh897bIrJgEP5spLuOLhCLTd-6ggPOkr0J58mZxjhmoxnsLYCcSRNMGcGoFHsnVDvQ55E8Y7EHmv0Zm20NkzAnPQWT0hXp2vnKdl96cdtg6-Ax-qaUTQ4WHpisAWpMACqsXs-7iKn0miqE/s1600/birdsprite.png'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span'); var twitterAccount = 'Nama Akun Twitter Kamu'; var tweetThisText = 'Nama Akun Twitter Kamu'; tripleflapInit(); </script> <!-- Twitter Bird Blogger edited by MonozCore --> </b:if>
Menampilkan Widget ini Pada Semua Halaman
- Login ke blog anda.
- Klik Template kemudian klik edit HTML.
- Cari potongan kode "</body>" pada template blog sobat (tekan CTRL + F pada keyboard anda untuk menampilkan kotak pencarian guna mempercepat pencarian).
- Copy - Paste kode berikut ini tepat di atas kode "</body>" atau bisa juga dipasang pada kotak gadget blog.
- Pada kode var birdSprite = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh897bIrJgEP5spLuOLhCLTd-6ggPOkr0J58mZxjhmoxnsLYCcSRNMGcGoFHsnVDvQ55E8Y7EHmv0Zm20NkzAnPQWT0hXp2vnKdl96cdtg6-Ax-qaUTQ4WHpisAWpMACqsXs-7iKn0miqE/s1600/birdsprite.png';
berguna untuk pilihan gambar burung twitter. Apabila sobat ingin mengganti gambar burung twitter dengan pilihan lain sobat tinggal mengganti link gambar yang berwarna biru dengan kode link untuk gambar pilihan yang sobat inginkan atau pilihan gambar yang ada di bawah. - Pada kode var twitterAccount = 'Nama Akun Twitter Kamu'; merupakan kode untuk nama akun twitter sobat. Silakan sobat isi sesuai dengan nama akun twitter sobat. Caranya : ganti kode Nama Akun Twitter Kamu dengan nama akun twitter sobat.
- Simpan kemudian lihat hasilnya.
<!-- Twitter Bird Blogger edited by MonozCore --> <script type="text/javascript"> /*Flying twitter bird v1.2 for Blogger*/ /*Url:http://monozcore.blogspot.com*/ /*Page:http://monozcore.blogspot.com/2015/08/burung-terbang-twitter-di-blog.html*/ 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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_bxzorvX6lOUE2atuC7o9L8F3BbqmEcYR8tR-8OIfCyD1zzrLPz5hqNyTcMeLH-NQ8vDb7BQ4J1-H9VdC8uXuidlXJque4rWqnlKQZJRJLjL2HgsqjbZNRm72-JCW5fs9jRJiRNh0x52h/"; var twitterfeedreader = ""; var hyperlinkStyle = "color:#27b;text-decoration:none;"; var birdSpeed = 12; var birdSpaceVertical = 16; var birdSetUp = 2; var spriteWidth = 64; var spriteHeight = 64; 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 / 3); var scareTheBirdMouseOverTimes = 2; 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 = "-64px -0px"; tBirdLtweet.style.width = "58px"; tBirdLtweet.style.height = "30px"; 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 = "-64px -30px"; tBirdLfollow.style.width = "58px"; tBirdLfollow.style.height = "20px"; 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(a) { 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; } </script> <script type="text/javascript"> var birdSprite='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh897bIrJgEP5spLuOLhCLTd-6ggPOkr0J58mZxjhmoxnsLYCcSRNMGcGoFHsnVDvQ55E8Y7EHmv0Zm20NkzAnPQWT0hXp2vnKdl96cdtg6-Ax-qaUTQ4WHpisAWpMACqsXs-7iKn0miqE/s1600/birdsprite.png'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span'); var twitterAccount = 'Nama Akun Twitter Kamu'; var tweetThisText = 'Nama Akun Twitter Kamu'; tripleflapInit(); </script> <!-- Twitter Bird Blogger edited by MonozCore -->
Pilihan Burung Twitter
- Static Twitter Bird
Kode Link :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh897bIrJgEP5spLuOLhCLTd-6ggPOkr0J58mZxjhmoxnsLYCcSRNMGcGoFHsnVDvQ55E8Y7EHmv0Zm20NkzAnPQWT0hXp2vnKdl96cdtg6-Ax-qaUTQ4WHpisAWpMACqsXs-7iKn0miqE/s1600/birdsprite.png - Animated Twitter Bird
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNgtMlpQClUrV6Ux0BbHx_jyskcvl9693_15uSf8hveTV0bZs_dKFu-qYRYiihDiJj5yNnAEl4H61FghH8vYLCNBW9qOJETj4MaZmeggv8o3tHOKjroMHdwExooPfh0FmJ2AwTNKyQ-4U/s1600/bird_twitter.gif - Stickman Twitter
Kode Link :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt5IqTV8lGG1rWjIRXyU7kPcWfab7THpg2k_8TxxTXapRzLFUEmiYm8dgySJ8SJr4Lk0W1HYa73U7oekGgapdiOncuBPiokmN0aeCm1VAzj97BnoXx_9fhieLtxFTMMH9GCmlhWor0qMU/s1600/birdsprite_MonozCore_Stickman.png - Star Scream Twitter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhudotu6en-chaVFJMmHTBzUkfxvMXfZ00H8dbYEsgqfBJi5OG07Kfc6qEps2d6k4IvlmxEDPgpc058paGsI97vObQBfNOpWMDn9dck-ZGiBUuus6MyP_ViFoTQHko5qa7x0kdF_gMJfJA/s1600/StarScream.png - Bat Twitter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOkKHvlWZmHqp0liftM1HEg7shDQnCIBVoJmmXsA1qBVvZ85cIkY-AkS1-3sunDz5hDx4RkqdwkC8r0VxuBu-0Ievf9DVHxj3l-dnjMMCxxf1y82RbObegsrhU5M874KbDSQeUK6YR9bk/s800/MonozCore.blogspot.com_BatTwitter.png - SantaBird Twitter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaMG1GbdemMA30cJA_9nzFjINDOVQQcyjQ0rSvr6VjwWPPcuyBTZVPPrJ5PKdaorA4gaba_KLjS1W2dpiR5qiXVNai4ZIA3ZmasmGBRvULuxp1xCRPkisO_3Kz2rV9xGUt4GBUbNAtl3E/s800/MonozCore.blogspot.com_SantaBirdTwitter.png - Dragon Twitter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrfRjMl4iadsUY4h5J9Aw8wQNkc4IlfvqZib3ycl9BMp6XfblVOub2Ip6XPird_tang0BvySbLHzJnDQ-HNrjq_DuIRfOqtHU14WPXkNwx819mkuyrk6lzGufJyFi8LCXvsUUOBJq0JDQ/s800/MonozCore.blogspot.com_Dragon_Twitter.png - DBZ Twitter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYMbMPos8smS5-W8-nR-cMzI5nX5ljJy4i48rvVyEEgl83ZqktV4TVZ2CxmagEaiyATaqRUwwjI0_jNO34TUnCJsbJd2mQfZYzyMoQNHEKuB0kNHoOYmH8KZtH2s9WdPsQOV0jwb842Tk/s800/MonozCore.blogspot.com_DBZ_Twitter.png - Dracula Twitter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBSP_eXW8Ko-By8hDBZtp12zMvdh5cFw-pOXBXVsyIa6-lKzyvVjxcpLyUwUYZuaFSwR2czdf8WNPlcMa0GxCvSEMFbhwZAJvrpawIwIGojBfHD_gITmxEw8d6BypFLNlzFXKmIQ0h7Tcu/s800/Drakula.png - IronMan Twitter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOtiuI7GyYUulx0aQHR_J3ZjQHiGk0SnwgGTya8rCxa9OnIWe7V6jtKC_2bm6jza1Kf9feuasHQzTD-90l9jwR9G-VmyIl8P9Am5TZ0Qsbalt-pk2zxxDtvVwCDfsYUBYhQBxKIcJT1TVF/s800/MonozCore_blogspot_com_IronMan2.png - Gundamz 1 Twitter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4QXDSh1yL6T8MnsFiu4jowBWggKS2sZvaFkDDTBBz_Ej-08hvlKlvvDjjjflp7EYOQH2ul1xM9JZISNsCCqCRJVYR5fv-_cvE3IPz-pqC9dQZe_UqwWHhYBsXnELqcByizbVR89s05s5s/s800/gundam.png - Gundamz 2 Twitter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbjGyjrsCRPgKTE4Rdh5huwfr-k201ebjsS2LlTHu8vdaj-N2icNZJL7zshQ5wkETmKDCicIQiIEmEXYqjq6PaW1CtG50qjV3SAOxO6fhZ8VIm5KFXF3H5MWM1KvPqlPEzB9ARL6462CM/s1600/gundamz.png
Bagi yang ingin memberikan saran, kritik dan komentarnya saya persilakan, ga perlu malu sebab saya sudah siapkan kotak komentar di bawah artikel ini.
Article last update : 21-08-2015
:: Semoga Bermanfaat ::
0 Comments