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
<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/akuntwittermu";var tweetThisText = "Twitter - kamu http://www.alamatblogmur.blogspot.com/";tripleflapInit();
</script>
<a id="theBird" href="http://twitter.com/akuntwittermu" 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.alamatblogmu.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/akuntwittermu" 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.
Kemudian Simpan dan Lihat Hasilnya
Category:
0 komentar