social icons

[gcombe74]

So what is the trick or code to get the Social Media Icons to the left of your search box??

[glennrocksvb]

That's a template hook type of mod. I have not posted it yet but it would be in vBulletin 5 Products and Extensions channel and not here in this Core Hacks channel which is mainly for PHP hacks.

[Felix2]

There is a product called Social Buttons, but it broke at vB5.0 and has never been updated.
I tore it apart and extracted the PHP code that made it work, injected it into a PHP Module and added it to my site.

But that is not a smooth or simple approach. Works for me mind you, but would be a mess for most.
Maybe I will see if I can make a simpler hack, but I suspect Glenn can do one easier on the community

[NumNum]

What about getting them as seen here?

https://forums.rabidbadger.io/forum/rabidbadger-community/news-and-events/24-site-reset

[glennrocksvb]

That's using the AddThis service which I'm using it here too. I configured the social share buttons to appear on the left for desktop and at the bottom for mobile.

[William]

Thanks Glenn on the async. Yes I meant the Related Posts Addthis app. I added the app to the addthis dashboard and went through the settings. No other code should need be added but it doesn't show up. I was just curious about whether you played around with it for this site.

[glennrocksvb]

I think the Related Posts only shows up after sharing. Take a look at the Advanced Options for the Sidebar. Hover over the "?" icon for the "Related Posts Message" option.

[glennrocksvb]

William, thanks for the coffee!

[William]

Enjoy Glenn And I contacted Addthis support, they said once the related posts is installed it can take 24-48 hours for them to crawl the site in order to recommend posts. That really answered my curiosity because I was unclear as to how this little app could work. I have set it up in my dashboard and will look forward to when it appears. G'night bro - William

[glennrocksvb]

That makes sense. I will try to use it too.

[glennrocksvb]

Where did you add the code? In an html module?

It depends on what type of share tool you chose. In my case I chose "Sidebar" and I added the code at the bottom using a template hook. It could also be added in head_include template. It is recommended to add "async" attribute to the <script> tag to prevent it from affecting page load performance.

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xxxxxxx" [color=red]async[/color]></script>

[NumNum]

What hook location did you use?

[glennrocksvb]

footer_before_body_end

[NumNum]

What is the name of the template this hook will trigger?

[glennrocksvb]

You can name the template you will create whatever you want.

[NumNum]

I want to add it just below page title, just like wayne has done. I picked the html one.

[NumNum]

Mine is inline

[glennrocksvb]

If you want them to display just on the thread page, you can use HTML module or Ad module. I prefer the Ad module because by default it has no borders around the module.

[NumNum]

Ok, and all I need to do is post the code correct? no other coding needed?

[glennrocksvb]

Yes.

[NumNum]

Yeah, I'm missing something as it is not working in either the ad module or html module. I am only using the code generated, not adding and other tags.

[NumNum]

http://schollloj.com/forum/the-adventures

[NumNum]

I have tried both the html and ad. I too prefer the ad, as you stated why.

[glennrocksvb]

I checked but I'm not sure why it's not working. Maybe there's some issue on AddThis side? Try doing an HTML module.

[NumNum]

Got it displaying anf functional in ad module.

Odd that it is centered.

[glennrocksvb]

There is a setting in Ad module to align the ads left or center. If that doesn't work, then you need to add custom css in css_additional.

[NumNum]

I see the advantage of having it on the side. You do not need to add it to each page to share a post.

How/where did you get them on the side?

[glennrocksvb]

You don't have to create a Product. Just create a template hook under vBulletin product.

[NumNum]

Ok, i did this but it doesn't work.

[glennrocksvb]

The easiest way is to just put the AddThis code in head_include template. Just don't forget to add the async attribute. No template hook or product needed.

[NumNum]

Did you add this code to head_include template in all the styles?

[glennrocksvb]

I'm only using one style.

[glennrocksvb]

I moved this thread to the appropriate forum channel.

[William]

So what is the trick or code to get the Social Media Icons to the left of your search box??

You can check out my site here: Christian forums

I use this mod and added a little css in the past to get it left of the search box. Only recently had I changed it to be above: http://www.vbulletin.org/forum/showthread.php?t=289099

Enjoy,
William

[rnedelkow]

For me, the default layout is on top of the search box. Any chance you could you share how to place the buttons left of the search box?

[webgeek247]

Yes, I like how they look on this forum. I'd like the same and only want to add Facebook and Twitter - how to do that? Does this work on latest version vB 5.2.5? I might have to test it and try to change the pictures.