Cara Nak Buat Burung Twitter Terbang Di Blogspot

Views

Pada tutorial kali ini saya akan menjelaskan bagaimana cara membuat burung twitter terbang di blogspot. Ikon burung twitter ini akan terbang ke seluruh halaman blog anda. Ia mampu untuk menarik minat pelawat untuk follow twitter anda. Terdapat 2 cara untuk masukkan burung twitter ini iaitu melaui edit HTML dan tidak perlu edit HTML. Jom ikuti tutorial ini.

Cara 1:

Edit HTML.

Step :1

Pergi ke Dashboard > Design > Edit HTML > Klik Expand Widget Templates,

Step 2:

Tekan ctrl+F pada keyboard anda dan paste kod dibawah ke dalam kotak find.

</body>

Step 3

Copy code ni dan paste sebelum kod </body>

<!-- Twitter Bird Widget for Blogger by KakiBlog -->

<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">

</script>

<script type="text/javascript">

var twitterAccount = "NAMA TWEET ANDA";

var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";

tripleflapInit();

</script>

<span style="font-size:11px;position:absolute;"><a title='Blogger Widget by KakiBlog' href="http://kaki-blog-htj.blogspot.com/" target='_blank'>KakiBlog</a></span>

<!-- Twitter Bird Widget for Blogger by KakiBlog -->

*Masukkan NAMA TWEET ANDA

Step 4:

Save !

Cara 2:Tanpa Edit HTML.

Step 1:

Pergi ke Design > Page Elements > Add a Gadget > HTML/Javascript

Step 2 :

Copy kod dibawah dan paste di dalam kotak HTML tersebut.

<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 = "URL TWITTER ANDA";var tweetThisText = "URL BLOG ANDA";tripleflapInit();

</script>

<a id="theBird" href="URL 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: 28px; top: 97px; background-position: 0px 0px;"></a>

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

*Masukkan URL TWITTER dan BLOG ANDA.

Step 3:

Save !