I want to add social media buttons on my forum?
5 posters
Page 1 of 1
I want to add social media buttons on my forum?
i would like to add facebook.twitter and youtube buttons on my forum header.
thanks in advance
rich
thanks in advance
rich
richsplace- Forumember
- Posts : 50
Reputation : 1
Language : english
Re: I want to add social media buttons on my forum?
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.
It will appear in the top right on your header
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>')
});
It will appear in the top right on your header
Re: I want to add social media buttons on my forum?
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.I just give you four icons, and you can replace the link of image with anything you want.
- 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>')
});
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
Re: I want to add social media buttons on my forum?
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]
Re: I want to add social media buttons on my forum?
@Richsplace
What you have to do is, replace "http://www.YOURLINKURL.com" with your social media link url.
Sorry, I'll repost the code
It worked on my phpBB3 Forum, and this is the social media buttons looks like.
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.
Re: I want to add social media buttons on my forum?
i'll give it a try
richsplace- Forumember
- Posts : 50
Reputation : 1
Language : english
Re: I want to add social media buttons on my forum?
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
Re: I want to add social media buttons on my forum?
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
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
Re: I want to add social media buttons on my forum?
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
Re: I want to add social media buttons on my forum?
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
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
Re: I want to add social media buttons on my forum?
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>')
});
$(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
Re: I want to add social media buttons on my forum?
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>')
});
Re: I want to add social media buttons on my forum?
thank you very much situation is solved
richsplace- Forumember
- Posts : 50
Reputation : 1
Language : english
Similar topics
» How can I add social media buttons on my forum?
» Help Moving Social Media Tabs to The Left Side
» Linking social media pages and online store to forum
» Spammers Via Social Media
» Social Media Bot & Automation - Somiibo
» Help Moving Social Media Tabs to The Left Side
» Linking social media pages and online store to forum
» Spammers Via Social Media
» Social Media Bot & Automation - Somiibo
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum