.
Log In
Members
Add Reply
Add Topic
Topic RSS
1:29 am
QuoteI have added the following custom Large Button code for StumbleUpon and get the SU badge displayed. The SU badge works but I can't get it lined up with the standard plugin badges (it drops below the others). Have tried moving it to different positions and floating/left etc but still appears below the others
The code I have used is:
<script type="text/javascript">
stumble_url = "%%URL%%";
stumble_title = "%%TITLE%%";
</script>
<script type="text/javascript" src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
You can see the problem on my site (http://techlogon.com) - could anyone help with a way to align the custom button? Any help would be appreciated.
Offline
you can use custom css to line up the stumbleupon button
.s4custombtn-1{
margin-top:-22px;
}
< My Domain Names Generator tool crossed 50,000 page views. If you haven't tried yet, then try it out. />
11:17 am
Wow, thanks very much Sudipto, this works fine now 
For anyone else wishing to add a custom StumbleUpon Large Button:
Put the code I first quoted above in the "Place Large button Code in this box" of the plugin settings and (to align it up with the other buttons) add the CSS code from Sudipto above in the 'Insert Custom CSS' section of the plugin settings - remember to tick number 6 'Display Custom Buttons' in the Select Icons To Display section.
For info, I chose the SU badge that matched the size/format of the standard plugin Large Buttons - the styles of badges and code for them is here: http://www.stumbleupon.com/badges/ - the code for all badges is the same except each badge has a different 'hostedbadge' number at the end.
Thanks
Add the CSS only if the buttons are not aligning properly. Not all sites have this problem
< My Domain Names Generator tool crossed 50,000 page views. If you haven't tried yet, then try it out. />
12:43 pm
id like to add a reddit button on my blog
<script type="text/javascript"> reddit_url = "%%URL%%"; reddit_title = "%%TITLE%%"; </script> <script type="text/javascript" src="http://www.reddit.com/static/button/button1.js?newwindow=1"></script>
i added this code to the "Small button Code in this box" what else do i need to do to make the button
appear on my site
You need to select "Display custom button" to display your custom button. Since you are using the small button so make sure that you have display small buttons selected.
< My Domain Names Generator tool crossed 50,000 page views. If you haven't tried yet, then try it out. />
4:45 pm
Sudipto said
you can use custom css to line up the stumbleupon button
.s4custombtn-1{
margin-top:-22px;
}
Hello Sudipto, thank you for the fix!
But I have a weird problem... in index the button appears fine, but in the post page is not aligned.
If I add your code, appears fine in the post, but not in index page.
Any fix for my problem? 🙂
Can you post your site URL? I want to have a look at the issue.
< My Domain Names Generator tool crossed 50,000 page views. If you haven't tried yet, then try it out. />
10:48 am
Sure! Thank you 🙂
My URL is http://www.fappers.org (ADULT CONTENT)
My index page:
My post page:
Btw, the link of stumbleupon in index page dont go to the post link, but to domain.com 🙁
Is possible to fix this too?
Thanks!
Divvy
10:50 am
Thank you for your reply and for trying to helping me 🙂
Did you received my last message sent a few secs ago?
what stumbleupon custom code are you adding??
< My Domain Names Generator tool crossed 50,000 page views. If you haven't tried yet, then try it out. />
12:07 am
Thank you for your reply.
I added this code:
[code]
<!-- Place this tag where you want the su badge to render -->
<su:badge layout="5"></su:badge>
<!-- Place this snippet wherever appropriate -->
<script type="text/javascript">
(function() {
var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true;
li.src = 'https://platform.stumbleupon.com/1/widgets.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s);
})();
</script>
[/code]
