I want to add social media buttons on my forum?

[richsplace]

i would like to add  facebook.twitter and youtube buttons on my forum header.

thanks in advance
rich

[Mr. Ganesha]

Do want something like this?

Put in, AP>Modules>JavaScript Codes Management>create new script

Title : you free to make the title
Placement : In all the pages

and paste this script.

Code:

$(function(){
        $(".headerbar").prepend('<ul id="listhead" style="float: right;font-size:12px;font-family: Comic Sans MS;padding-top: 7px;"><a href="http://www.LINK.com" title="Follow us on Twitter"><img src="http://farm9.staticflickr.com/8537/10265943214_aba5cabece_o.png"></a> <a href="http://www.LINK.com" title="Like us on Facebook"><img src="http://farm9.staticflickr.com/8270/10266058705_019f2a81dd_o.png"></a> <a href="http://www.LINK.com" title="Follow us"><img src="http://farm3.staticflickr.com/2883/10270803026_119a5495a8_o.png"></a> <a href="http://www.LINK.com" title="RSS"><img src="http://farm8.staticflickr.com/7306/10270909023_982536a349_o.png"></a></ul>')
    });

I just give you four icons, and you can replace the link of image with anything you want.
It will appear in the top right on your header

[richsplace]

Do want something like this?

Put in, AP>Modules>JavaScript Codes Management>create new script

Title : you free to make the title
Placement : In all the pages

and paste this script.

Code:

$(function(){
        $(".headerbar").prepend('<ul id="listhead" style="float: right;font-size:12px;font-family: Comic Sans MS;padding-top: 7px;"><a href="http://www.LINK.com" title="Follow us on Twitter"><img src="http://farm9.staticflickr.com/8537/10265943214_aba5cabece_o.png"></a> <a href="http://www.LINK.com" title="Like us on Facebook"><img src="http://farm9.staticflickr.com/8270/10266058705_019f2a81dd_o.png"></a> <a href="http://www.LINK.com" title="Follow us"><img src="http://farm3.staticflickr.com/2883/10270803026_119a5495a8_o.png"></a> <a href="http://www.LINK.com" title="RSS"><img src="http://farm8.staticflickr.com/7306/10270909023_982536a349_o.png"></a></ul>')
    });

I just give you four icons, and you can replace the link of image with anything you want.
It will appear in the top right on your header

tried it. but changed links and it doesn't work

[Ape]

please add the links you want to be added

Code:

[b]Twitter :[/b]
[b]Facebook:[/b]
[b]RSS :[/b]
[b]Google:[/b]
[b]Youtube:[/b]

[Mr. Ganesha]

@Richsplace

What you have to do is, replace "http://www.YOURLINKURL.com" with your social media link url.

Sorry, I'll repost the code

Code:


    $(function(){
            $(".headerbar").prepend('<ul id="listhead" style="float: right;font-size:12px;font-family: Comic Sans MS;padding-top: 7px;"><a href="http://www.YOURLINKURL.com" title="Follow us on Twitter"><img src="http://farm9.staticflickr.com/8537/10265943214_aba5cabece_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Like us on Facebook"><img src="http://farm9.staticflickr.com/8270/10266058705_019f2a81dd_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Follow us"><img src="http://farm3.staticflickr.com/2883/10270803026_119a5495a8_o.png"></a> <a href="http://www.YOURLINKURL.com" title="RSS"><img src="http://farm8.staticflickr.com/7306/10270909023_982536a349_o.png"></a></ul>')
        });


It worked on my phpBB3 Forum, and this is the social media buttons looks like.

[richsplace]

i'll give it a try

[richsplace]

@Richsplace

What you have to do is, replace "http://www.YOURLINKURL.com" with your social media link url.

Sorry, I'll repost the code

Code:


    $(function(){
            $(".headerbar").prepend('<ul id="listhead" style="float: right;font-size:12px;font-family: Comic Sans MS;padding-top: 7px;"><a href="http://www.YOURLINKURL.com" title="Follow us on Twitter"><img src="http://farm9.staticflickr.com/8537/10265943214_aba5cabece_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Like us on Facebook"><img src="http://farm9.staticflickr.com/8270/10266058705_019f2a81dd_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Follow us"><img src="http://farm3.staticflickr.com/2883/10270803026_119a5495a8_o.png"></a> <a href="http://www.YOURLINKURL.com" title="RSS"><img src="http://farm8.staticflickr.com/7306/10270909023_982536a349_o.png"></a></ul>')
        });


It worked on my phpBB3 Forum, and this is the social media buttons looks like.



ok we are getting there. but instead of rss i need youtube

[_Twisted_Mods_]

Replace With Your Youtube url
http://www.YOURLINKURL.com


replace with the title YOUTUBE
title="RSS"

Replace with a youtube icon you can find them on google
http://farm8.staticflickr.com/7306/10270909023_982536a349_o.png

[Mati]

i would like to add  facebook.twitter and youtube buttons on my forum header.

thanks in advance
rich

Take a look at this tut -> http://fmfocus.forumotion.net/t1040-tutorial-add-social-media-buttons-to-your-forum-all-version

[richsplace]

thanks Mati

i have the twitter,facebook,google+already. trying to exchange rss for youtube. replaced RSS title with YOUTUBE but can't change icon. not able to write code

[Mati]

Please post here the code you use and the icons.

[richsplace]

this is the code it is working fine i just want to remove the "RSS iconand replace it with YOUTUBE" icon


    $(function(){
            $(".headerbar").prepend('<ul id="listhead" style="float: right;font-size:12px;font-family: Comic Sans MS;padding-top: 7px;"><a href="http://www.YOURLINKURL.com" title="Follow us on Twitter"><img src="http://farm9.staticflickr.com/8537/10265943214_aba5cabece_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Like us on Facebook"><img src="http://farm9.staticflickr.com/8270/10266058705_019f2a81dd_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Follow us"><img src="http://farm3.staticflickr.com/2883/10270803026_119a5495a8_o.png"></a> <a href="http://www.YOURLINKURL.com" title="RSS"><img src="http://farm8.staticflickr.com/7306/10270909023_982536a349_o.png"></a></ul>')
        });

[Mati]

Use this code

Code:

$(function(){
            $(".headerbar").prepend('<ul id="listhead" style="float: right;font-size:12px;font-family: Comic Sans MS;padding-top: 7px;"><a href="http://www.YOURLINKURL.com" title="Follow us on Twitter"><img src="http://farm9.staticflickr.com/8537/10265943214_aba5cabece_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Like us on Facebook"><img src="http://farm9.staticflickr.com/8270/10266058705_019f2a81dd_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Follow us"><img src="http://farm3.staticflickr.com/2883/10270803026_119a5495a8_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Youtube"><img src="https://cdn0.iconfinder.com/data/icons/social-icons-by-deab/32/youtube.png" style="max-width: 30px; max-height: 30px;" alt="youtube"></a></ul>')
        });

[richsplace]

thank you very much situation is solved

[Ape]

Topic solved and archived