The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

I want to add social media buttons on my forum?

5 posters

Go down

 I want to add social media buttons on my forum? Empty I want to add social media buttons on my forum?

Post by richsplace October 12th 2014, 1:38 am

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

thanks in advance
rich
avatar
richsplace
Forumember

Posts : 50
Reputation : 1
Language : english

Back to top Go down

 I want to add social media buttons on my forum? Empty Re: I want to add social media buttons on my forum?

Post by Mr. Ganesha October 12th 2014, 5:42 am

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
Mr. Ganesha
Mr. Ganesha
Forumember

Male Posts : 96
Reputation : 2
Language : Bahasa
Location : Medan, Indonesia

http://laskarislam.com/

Back to top Go down

 I want to add social media buttons on my forum? Empty Re: I want to add social media buttons on my forum?

Post by richsplace October 12th 2014, 1:53 pm

Mr. Ganesha wrote: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
avatar
richsplace
Forumember

Posts : 50
Reputation : 1
Language : english

Back to top Go down

 I want to add social media buttons on my forum? Empty Re: I want to add social media buttons on my forum?

Post by Ape October 12th 2014, 2:44 pm

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]


 I want to add social media buttons on my forum? Left1212 I want to add social media buttons on my forum? Center11 I want to add social media buttons on my forum? Right112
 I want to add social media buttons on my forum? Ape_b110
 I want to add social media buttons on my forum? Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19432
Reputation : 2010
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

 I want to add social media buttons on my forum? Empty Re: I want to add social media buttons on my forum?

Post by Mr. Ganesha October 12th 2014, 6:44 pm

@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.
 I want to add social media buttons on my forum? Icon10
Mr. Ganesha
Mr. Ganesha
Forumember

Male Posts : 96
Reputation : 2
Language : Bahasa
Location : Medan, Indonesia

http://laskarislam.com/

Back to top Go down

 I want to add social media buttons on my forum? Empty Re: I want to add social media buttons on my forum?

Post by richsplace October 12th 2014, 6:51 pm

i'll give it a try
avatar
richsplace
Forumember

Posts : 50
Reputation : 1
Language : english

Back to top Go down

 I want to add social media buttons on my forum? Empty Re: I want to add social media buttons on my forum?

Post by richsplace October 12th 2014, 7:36 pm

Mr. Ganesha wrote:@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.
 I want to add social media buttons on my forum? Icon10


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

Posts : 50
Reputation : 1
Language : english

Back to top Go down

 I want to add social media buttons on my forum? Empty Re: I want to add social media buttons on my forum?

Post by _Twisted_Mods_ October 12th 2014, 7:45 pm

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
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2083
Reputation : 336
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

 I want to add social media buttons on my forum? Empty Re: I want to add social media buttons on my forum?

Post by Mati October 12th 2014, 8:23 pm

richsplace wrote: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
Mati
Mati
Active Poster

Posts : 1932
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

 I want to add social media buttons on my forum? Empty Re: I want to add social media buttons on my forum?

Post by richsplace October 12th 2014, 8:38 pm

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
avatar
richsplace
Forumember

Posts : 50
Reputation : 1
Language : english

Back to top Go down

 I want to add social media buttons on my forum? Empty Re: I want to add social media buttons on my forum?

Post by Mati October 12th 2014, 8:59 pm

Please post here the code you use and the icons.
Mati
Mati
Active Poster

Posts : 1932
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

 I want to add social media buttons on my forum? Empty Re: I want to add social media buttons on my forum?

Post by richsplace October 12th 2014, 9:10 pm

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>')
        });
avatar
richsplace
Forumember

Posts : 50
Reputation : 1
Language : english

Back to top Go down

 I want to add social media buttons on my forum? Empty Re: I want to add social media buttons on my forum?

Post by Mati October 12th 2014, 9:27 pm

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>')
        });
Mati
Mati
Active Poster

Posts : 1932
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

 I want to add social media buttons on my forum? Empty Re: I want to add social media buttons on my forum?

Post by richsplace October 12th 2014, 10:17 pm

thank you very much situation is solved :wouhou:
avatar
richsplace
Forumember

Posts : 50
Reputation : 1
Language : english

Back to top Go down

 I want to add social media buttons on my forum? Empty Re: I want to add social media buttons on my forum?

Post by Ape October 12th 2014, 10:55 pm

Topic solved and archived


 I want to add social media buttons on my forum? Left1212 I want to add social media buttons on my forum? Center11 I want to add social media buttons on my forum? Right112
 I want to add social media buttons on my forum? Ape_b110
 I want to add social media buttons on my forum? Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19432
Reputation : 2010
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum