Rabu, 28 Desember 2011

Membuat burung twitter melayang di blog

Dalam tulisan kali ini, saya akan membahas gimana burung twitter terbang melayang secara acak di tampilan Blog kamu,
dan cara nya juga cukup simple dan tidak perlu mengotak-atik coding dalam template blog,
ok langsung saja kita laksanakan...!!!86 komandan
1.Log in ke akun Blog kamu
2.Klik Rancangan >Elemen-elemen > Tambah gadget > Html/JavaScrips
3.Copy kode dibawah ini,Paste,simpan dan lihat lah

 <script type="text/javascript" src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js"></script>

<script type="text/javascript"><br />var birdSprite="http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png";<br />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");<br />var twitterAccount = "http://twitter.com/techgyo";var tweetThisText = "Twitter - techGyo http://www.techgyo.com/";tripleflapInit();<br /></script>

<a id="theBird" href="http://twitter.com/ganti nama twitter anda" 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: 0px; top: 587px; background-position: 0px 0px;"></a>

<a id="theBirdLtweet" href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.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/techgyo" 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>


Keterangan : Gantilah tulisan merah diatas dengan nama twitter anda.

Selamat Mencoba...

Tidak ada komentar:

Posting Komentar

<i rel="code">Tulis kode yang sudah diparse di sini</i>, atau
[code]Tulis kode yang sudah diparse di sini[/code]

Menulis Tag <pre>
<i rel="pre">Tulis kode yang sudah diparse di sini</i>, atau
[pre]Tulis kode yang sudah diparse di sini[/pre]

Menulis Catatan (Blockquote)
<b rel="quote">Tulis catatan di sini</b>, atau
[quote]Tulis catatan di sini[/quote], atau
[blockquote]Tulis catatan di sini[/blockquote]

Memasukan Gambar
<i rel="image">Tulis URL gambar di sini</i>, atau
[img]Tulis URL gambar di sini[/img]

Memasukan Video Youtube
<i rel="youtube">Tulis URL Video Youtube di sini</i>, atau
[youtube]Tulis URL Video Youtube di sini[/youtube]