Twitter And Facebook Integrated Buttons in Threads
Mod Version: 1.00, by Boko577
This thread is in the Modification Graveyard.
| vB Version: 4.0.3 | Rating:  (0 vote - 0 average) |
Installs: 2 |
| Released: 08 Jun 2010 | Last Update: Never | Downloads: 0 |
 Not Supported
|
||
First of all, I would like to give credit to the founders of the codes I used in this mod. I know almost nothing about coding and without them, this mod would have never existed.
Twitter Code Founder: Tweet-This (vBulletin Style)
Facebook Code Founder: Add New Facebook "Like" button to your threads
What's better about my mod?
Doing two template edits is much quicker than making two advertisements. Another reason, is that both of these mods tell you to put the code as an advertisement. Although it's easier to do, it leaves an ugly blank space below the buttons that is just wasted. The way I implemented them in uses the space under the buttons.
Their mods:
My mod:
How to Install
Add the following code at the top of the header template:
It seems to work when you put this code anywhere, but just to be safe, I would put it at the top.
Find the following code in the postbit_legacy template:
Add the following code below it:
Again, I take no credit for finding the code used in this mod, however, I did make some changes to it and moved the code to a different area to add more flexibility.
Twitter Code Founder: Tweet-This (vBulletin Style)
Facebook Code Founder: Add New Facebook "Like" button to your threads
What's better about my mod?
Doing two template edits is much quicker than making two advertisements. Another reason, is that both of these mods tell you to put the code as an advertisement. Although it's easier to do, it leaves an ugly blank space below the buttons that is just wasted. The way I implemented them in uses the space under the buttons.
Their mods:
My mod:
How to Install
Add the following code at the top of the header template:
Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://tweet-it.s3.amazonaws.com/tweet-it.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".tweet-this a").tweetIt({
animate: "fade",
header: "Tweet!"
});
// Something else
$("tr.openclose a").click(function(){ $(this).parents("tr").hide(); $("tr.closed").show(); });
})
</script>
Find the following code in the postbit_legacy template:
Code:
{vb:raw ad_location.thread_first_post_content}
Code:
<vb:if condition="THIS_SCRIPT == 'showthread'"><div style="float: right; padding: 0px 0px 0px 0px;"><p class="tweet-this"><p class="tweet-this"><a href="javascript://"><img src="http://forums.speedysparrow.com/images/retweet.png" /> Tweet Topic!</a></p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http://nextgendaily.com/{vb:link thread, {vb:raw thread}}&layout=button_count&show_faces=false&width=80&action=like&font=tahoma&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:80px; height:25px"></iframe></div>
</vb:if>
PLEASE MARK AS INSTALLED IF YOU USE THIS
Again, I take no credit for finding the code used in this mod, however, I did make some changes to it and moved the code to a different area to add more flexibility.
Download
No files for download.