Cara Membuat Twitter
Follow Burung Terbang (bird Sprite) pada Blogspot
Hallo Sobat
Edit-HTML, kali ini saya akan menjelaskan bagaimana cara membuat twitter Follow
dengan gaya burung yang terbang ke seluruh halaman blog sobat, cukup mudah dan
sangat praktis namun tetap kreatif, inilah langkah-langkahnya:
Blogger Dashboard > Layout > Page Element > Add a Gadget > HTML/JavaScript
Kemudian Copykan Code dibawah ini ke HTML/JavaScript yang telah terbuka
Blogger Dashboard > Layout > Page Element > Add a Gadget > HTML/JavaScript
Kemudian Copykan Code dibawah ini ke HTML/JavaScript yang telah terbuka
<div class="widget-content">
<script type="text/javascript"
src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js"></script>
<script type="text/javascript">
var
birdSprite="http://techgyo.com/wp-content/FlyingTwitbird/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 = "http://twitter.com/@shindy423";var
tweetThisText = "Twitter - kamu http://www.shindy423.blogspot.com/";tripleflapInit();
</script>
<a id="theBird" href="http://twitter.com/@shindy423"
target="_blank" style="display: block; position: absolute;
width: 64px; height: 64px; background-image:
url("http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png");
background-color: transparent; z-index: 947; left: 28px; top: 97px;
background-position: 0px 0px;"></a>
<a id="theBirdLtweet"
href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.shindy423.blogspot.com/" target="_blank"
title="tweet this" style="position: absolute; background-image:
url("http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png");
background-color: transparent; width: 58px; height: 30px; z-index: 951; left:
49px; top: 583px; display: none; opacity: 0; background-position: -64px
0px;"></a>
<a id="theBirdLfollow" href="http://twitter.com/@shindy423"
target="_blank" title="follow me" style="position:
absolute; background-image:
url("http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png");
background-color: transparent; width: 58px; height: 20px; z-index: 952; left:
54px; top: 613px; display: none; opacity: 0; background-position: -64px
-30px;"></a>
</div>
Keterangan
Yang berwarna merah dapat disesuaikan dengan alamat blog / akuntwitter sobat edit-HTML.
Tidak ada komentar:
Posting Komentar