The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

I want to add social media buttons on my forum?

View previous topic View next topic Go down

I want to add social media buttons on my forum?

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

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

thanks in advance
rich

richsplace
Forumember

Posts : 50
Reputation : 1
Language : english

Back to top Go down

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

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

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

http://laskarislam.com/

Back to top Go down

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

Post by richsplace on 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

richsplace
Forumember

Posts : 50
Reputation : 1
Language : english

Back to top Go down

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

Post by APE on 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]




APE
Manager
Manager

Male Posts : 8618
Reputation : 752
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

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

Post by Mr. Ganesha on 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.

Mr. Ganesha
Forumember

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

http://laskarislam.com/

Back to top Go down

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

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

i'll give it a try

richsplace
Forumember

Posts : 50
Reputation : 1
Language : english

Back to top Go down

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

Post by richsplace on 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.



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

richsplace
Forumember

Posts : 50
Reputation : 1
Language : english

Back to top Go down

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

Post by _Twisted_Mods_ on 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_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

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

Post by Mati on 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
Active Poster

Posts : 1883
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

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

Post by richsplace on 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

richsplace
Forumember

Posts : 50
Reputation : 1
Language : english

Back to top Go down

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

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

Please post here the code you use and the icons.

Mati
Active Poster

Posts : 1883
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

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

Post by richsplace on 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>')
});

richsplace
Forumember

Posts : 50
Reputation : 1
Language : english

Back to top Go down

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

Post by Mati on 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
Active Poster

Posts : 1883
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

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

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

thank you very much situation is solved :wouhou:

richsplace
Forumember

Posts : 50
Reputation : 1
Language : english

Back to top Go down

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

Post by APE on October 12th 2014, 10:55 pm

Topic solved and archived




APE
Manager
Manager

Male Posts : 8618
Reputation : 752
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

View previous topic View next topic Back to top


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