Boko577
06-07-2010, 10:00 PM
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: https://vborg.vbsupport.ru/showthread.php?t=242425
Facebook Code Founder: https://vborg.vbsupport.ru/showthread.php?t=241011
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:
https://vborg.vbsupport.ru/
My mods:
https://vborg.vbsupport.ru/
OR:
http://grab.by/grabs/1c1ff87de5c278da6c73c4a4247c9c7c.png
Demo this mod here! (http://nextgendaily.com/)
How to Install
Add the following code at the top of the header template:
<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>
It seems to work when you put this code anywhere, but just to be safe, I would put it at the top.
If you want it here: http://grab.by/grabs/1fcdca37499a53e2aff19a68fb0ba8fc.png
Find the following code in the postbit_legacy template:
{vb:raw ad_location.thread_first_post_content}
Add the following code below it:
<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://nextgendaily.com/images/retweet.png" /> Tweet Topic!</a></p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.YOURSITE.com/{vb:link thread, {vb:raw thread}}&layout=button_count&show_faces=false&widt h=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>
Make sure to change http://www.YOURSITE.com/ to your link! If you don't use www like me, delete it. You can also change the code Tweet Topic! to whatever you would like the Twitter button to say.
If you want it here: http://grab.by/grabs/fe0f57a8080df6ce517affabf83ef307.png
Find the following code in the SHOWTHREAD template:
<div id="thread_controls" class="thread_controls">
<div>
Add the following code below it:
<vb:if condition="THIS_SCRIPT == 'showthread'"><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&widt h=80&action=like&font=tahoma&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:80px; height:25px"></iframe><div style="float: left; padding: 0px 5px 0px 5px;"><p class="tweet-this"><p class="tweet-this"><a href="javascript://"><img src="http://nextgendaily.com/images/retweet.png" /> Tweet Topic!</a></p></div></vb:if>
If someone can help me with this code it would be much appreciated. I was able to put both buttons on the same line, but it still makes the gray bar longer. If someone can find a way to shorten the gray bar back, I'll put your code here instead.
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. If you have any way to increase the code or fix a flaw I might have made, please leave a comment with the code below and I'll change this code right away.
PLEASE MARK AS INSTALLED IF YOU USE THIS
Twitter Code Founder: https://vborg.vbsupport.ru/showthread.php?t=242425
Facebook Code Founder: https://vborg.vbsupport.ru/showthread.php?t=241011
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:
https://vborg.vbsupport.ru/
My mods:
https://vborg.vbsupport.ru/
OR:
http://grab.by/grabs/1c1ff87de5c278da6c73c4a4247c9c7c.png
Demo this mod here! (http://nextgendaily.com/)
How to Install
Add the following code at the top of the header template:
<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>
It seems to work when you put this code anywhere, but just to be safe, I would put it at the top.
If you want it here: http://grab.by/grabs/1fcdca37499a53e2aff19a68fb0ba8fc.png
Find the following code in the postbit_legacy template:
{vb:raw ad_location.thread_first_post_content}
Add the following code below it:
<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://nextgendaily.com/images/retweet.png" /> Tweet Topic!</a></p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.YOURSITE.com/{vb:link thread, {vb:raw thread}}&layout=button_count&show_faces=false&widt h=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>
Make sure to change http://www.YOURSITE.com/ to your link! If you don't use www like me, delete it. You can also change the code Tweet Topic! to whatever you would like the Twitter button to say.
If you want it here: http://grab.by/grabs/fe0f57a8080df6ce517affabf83ef307.png
Find the following code in the SHOWTHREAD template:
<div id="thread_controls" class="thread_controls">
<div>
Add the following code below it:
<vb:if condition="THIS_SCRIPT == 'showthread'"><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&widt h=80&action=like&font=tahoma&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:80px; height:25px"></iframe><div style="float: left; padding: 0px 5px 0px 5px;"><p class="tweet-this"><p class="tweet-this"><a href="javascript://"><img src="http://nextgendaily.com/images/retweet.png" /> Tweet Topic!</a></p></div></vb:if>
If someone can help me with this code it would be much appreciated. I was able to put both buttons on the same line, but it still makes the gray bar longer. If someone can find a way to shorten the gray bar back, I'll put your code here instead.
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. If you have any way to increase the code or fix a flaw I might have made, please leave a comment with the code below and I'll change this code right away.
PLEASE MARK AS INSTALLED IF YOU USE THIS