Add flying twitter bird to your threads

[egyptsons]

This little template modification will guide you through the few simple steps that allows you to Add flying twitter bird to your threads.

The bird flying animated effect by JavaScript and when you scroll the page Up or Down, twitter bird will come in front of your page. The bird found itself as the ?follow me? link on the Twitter account. If you move the mouse pointer over the bird, a ?follow me? button and a ?tweet this? button displayed.

Demo is here (http://www.egyptsons.com/misr/showthread.php?t=221171)

Installation:-
Go to
Admin Control Panel > Styles & Templates > Style Manager > Show Thread Templates > SHOWTHREAD

Before the following code:

{vb:raw header}


Add this:

<!-- Twitter Bird for Forums-->
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>
<script type="text/javascript">
var twitterAccount = "egyptsons";
var tweetThisText = " {vb:raw thread.title} - {vb:raw vboptions.bburl}/{vb:raw thread_url}";
tripleflapInit();
</script>
<!-- Twitter Bird for Forums -->

Change egyptsons to your twitter username
Save and you're done!

Please note that: this widget is for blogger I modified it to work with VB forums & Original widget is here (http://www.way2blogging.org/2011/01/how-to-add-animated-flying-twitter-bird.html)

Regards,
Ahmed Salah

[doctorsexy]

Very nice...thank you

[bluered]

thanks:)

[sp3z!aL]

very good thx for this

[egyptsons]

You are all welcome :)

[puertoblack2003]

nice i was using it for a while but original author was http://floern.com/software/tripleflap it may have sold it :)

[tafreeh]

I c no flying bird on you page. But I do like the slide down share this page option. Can you share that feature ?

[egyptsons]

nice i was using it for a while but original author was http://floern.com/software/tripleflap it may have sold it :)
maybe I don't know if they sold it :)
and thanks for the demo

[egyptsons]

I c no flying bird on you page. But I do like the slide down share this page option. Can you share that feature ?
Hello Tafreeh :)
you can find the demo here :
http://floern.com/software/tripleflap


and for the slid down sharing button
Go to
Admin Control Panel > Styles & Templates > Style Manager > Show Thread Templates > ad_global_below_navbar


add at the first this code


<div class="addthis_bar addthis_bar_medium">
<label>Share This Page:</label>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<span><a class="addthis_button_preferred_1"></a></span>
<span><a class="addthis_button_preferred_2"></a></span>
<span><a class="addthis_button_preferred_3"></a></span>
<span><a class="addthis_button_preferred_4"></a></span>
<span><a class="addthis_button_compact"></a></span>
<span><a class="addthis_counter addthis_bubble_style"></a></span>
</div>
</div>
<script type="text/javascript">
var addthis_config = {
bar_show_below : 150
}
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=YOUR PROFILE ID HERE"></script>



you can find more option and style at addthis.com

Regards,
Ahmed Salah

[initiald]

Is it possible if we can customize the bird?

[egyptsons]

Is it possible if we can customize the bird?
It's not possible unless you upload the java script file and bird photo to your website
don't forgot to edit the java script file with the new bird's photo link
The bird photo is attached.

[initiald]

Which java script file that I can upload to?

[egyptsons]

Which java script file that I can upload to?
this one
http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js