Selasa, 20 Desember 2011

Cara Menambah Logo Twitter di Blog


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(&quot;http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png&quot;); 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(&quot;http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png&quot;); 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(&quot;http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png&quot;); 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.

0 comments:

Poskan Komentar

 

Everything is Inspiring! Copyright © 2012 Design by Ipietoon Blogger Template