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.

How to add Like Button Above each posts?

Page 1 of 2 1, 2  Next

Go down

Solved How to add Like Button Above each posts?

Post by blade99 on Fri Dec 03, 2010 5:42 pm

How do i add like button above all posts? can anybody tell me?

Picture below the like button i wanna know this...



Last edited by blade99 on Tue Dec 07, 2010 7:40 pm; edited 1 time in total
avatar
blade99
Forumember

Posts : 132
Reputation : 15
Language : English,Filipino,CSS,HTML/Javascript

http://dreamland.canadianforum.net/

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by Guest on Fri Dec 03, 2010 6:33 pm

You use phpbb2? (:

Guest
Guest


Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by blade99 on Fri Dec 03, 2010 6:36 pm

YES..
avatar
blade99
Forumember

Posts : 132
Reputation : 15
Language : English,Filipino,CSS,HTML/Javascript

http://dreamland.canadianforum.net/

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by Guest on Fri Dec 03, 2010 6:38 pm

Okay go to
ACP - Display - Templates - General - Viewtopic_body:
Code:

<!-- BEGIN switch_twitter_btn -->
      <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
      </span>
      <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <span id="fb_likebtn" style="margin-left: 6px; ">
         <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
      </span>
      <!-- END switch_fb_likebtn -->

The codes can be found in the top of the template, and they are for FB like button and tweet button, so now replace them with:
Code:

      <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
      </span>
      <span id="fb_likebtn" style="margin-left: 6px; ">
         <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
      </span>

Save + Publish, see if you get them (:

Guest
Guest


Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by cougar30 on Mon Dec 06, 2010 6:29 am

Can you add this on PHPBB3 version. i have followed the Instructions on the previosu post, but it only seems available for PHPbb2??

Thanks in advance

Andy

cougar30
Forumember

Male Posts : 244
Reputation : 1
Language : English

http://nineelms.freeforum.me.uk/forum

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by No1elSe on Mon Dec 06, 2010 8:33 am

@cougar30 wrote:Can you add this on PHPBB3 version. i have followed the Instructions on the previosu post, but it only seems available for PHPbb2??

Thanks in advance

Andy

Yep I need it for PHPBB3 too

No1elSe
New Member

Male Posts : 4
Reputation : 0
Language : Bulgarian
Location : Bulgaria, Vidin

http://empiremuu.bulgarianforum.net/

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by Guest on Mon Dec 06, 2010 8:42 am

Its not possible (:

Guest
Guest


Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by Saxaca on Mon Dec 06, 2010 10:20 am

What the..? It IS possible. It has to be becouse it's done!
The forum which is screenied is phpBB3, and they used javascript.. advanced css or something like that >.<
avatar
Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by Guest on Mon Dec 06, 2010 10:23 am

Yah its possible.. but only 20% Razz

Can you make us an example Saxy Very Happy?

Guest
Guest


Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by cougar30 on Mon Dec 06, 2010 10:53 am

I don't mind if it's just a Facebook like button at the bottom left hand corner of my Forum. Does anyone know what the code would be and where to add the code please?

Thanks in advance

cougar30
Forumember

Male Posts : 244
Reputation : 1
Language : English

http://nineelms.freeforum.me.uk/forum

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by Saxaca on Mon Dec 06, 2010 10:54 am

I don't know how to do it.. but I know it's possible.. which you don't think :/
20%.. probably - it still looks nice and does the trick loove

Edit: I'm getting slow. He posted before me!
avatar
Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by cougar30 on Tue Dec 07, 2010 7:53 am

Saxaca - Do you have this button on you're forum? If so, you may have the code for this within the Admin panel?

cougar30
Forumember

Male Posts : 244
Reputation : 1
Language : English

http://nineelms.freeforum.me.uk/forum

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by Guest on Tue Dec 07, 2010 7:54 am


Guest
Guest


Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by cougar30 on Tue Dec 07, 2010 7:58 am

Thanks Gangstar15. Is this code compatible with PHPBB3? If so which code do you use (XFBML or iframe) and where do you paste the code within the Admin Control Panel? I need to add mine within the bottom left hand corner of my forum.

Thanks in advance.

cougar30
Forumember

Male Posts : 244
Reputation : 1
Language : English

http://nineelms.freeforum.me.uk/forum

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by cougar30 on Tue Dec 07, 2010 8:18 am

Many thanks for the code. Is there anyway of making this iconfixed as whenever I scroll with my mouse it too scrolls up and down.

Many thanks. Hopefully this will help others out too.

cougar30
Forumember

Male Posts : 244
Reputation : 1
Language : English

http://nineelms.freeforum.me.uk/forum

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by Guest on Tue Dec 07, 2010 8:28 am

I already gave you the link above.
Code:

<div style="position: fixed; top: 96%; left: 53px;">
THE LIKE BUTTON CODE HERE
</div>

Guest
Guest


Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by cougar30 on Tue Dec 07, 2010 8:35 am

Yes I have used the following code;

<style type="text/css">
img {
border:none;
}
</style><div style="position: fixed; top: 96%; left: 10px;">
<a href="your facebook link"><img src="http://www.reactivityshop.com/links_images/Facebook_icon_small.png" height="30" width="30" /></a>
</div>

But the icon doesn't stay fixed at the bottom of the screen. It seems to scroll up and down with the mouse.

cougar30
Forumember

Male Posts : 244
Reputation : 1
Language : English

http://nineelms.freeforum.me.uk/forum

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by Guest on Tue Dec 07, 2010 8:37 am

Can i see how its in your forum?

Guest
Guest


Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by cougar30 on Tue Dec 07, 2010 8:38 am

The Forum address is http://nineelms.freeforum.me.uk/forum.htm

Many Thanks.

cougar30
Forumember

Male Posts : 244
Reputation : 1
Language : English

http://nineelms.freeforum.me.uk/forum

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by Guest on Tue Dec 07, 2010 8:43 am

I don't understand you now xD First you wanted to scroll with the mouse and now you want it to stay in the bottom.. XD

Guest
Guest


Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by cougar30 on Tue Dec 07, 2010 8:48 am

No - I didn't want it to scroll with the mouse. I just wanted it fixed to the bottom left hand corner of the forum. I did explain it in the other posts. Confused

cougar30
Forumember

Male Posts : 244
Reputation : 1
Language : English

http://nineelms.freeforum.me.uk/forum

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by Guest on Tue Dec 07, 2010 8:50 am

Try this:
Code:

</style><div style="position:absolute; top: 96%; left: 10px;">
<a href="your facebook link"><img src="http://www.reactivityshop.com/links_images/Facebook_icon_small.png" height="30" width="30" border="0"/></a>
</div>

Guest
Guest


Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by cougar30 on Tue Dec 07, 2010 9:01 am

Thanks Gangstar!!! You are a star!! - it is now fixed - I changed the 96% to 303%. Is it worth me opening a new thread for adding one to Twitter? Or shall i have a look at the link that you sent for adding a button to link to Twitter?

Just one other thing - When I click on the Facebook icon to click on like it takes me away from the page? Should it be doing this?

Thanks for you're help so far.

cougar30
Forumember

Male Posts : 244
Reputation : 1
Language : English

http://nineelms.freeforum.me.uk/forum

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by Guest on Tue Dec 07, 2010 9:19 am

Bty. the code above is not for FB like button, its just facebook icon,
if you want a like button copy the code from here http://developers.facebook.com/docs/reference/plugins/like and replace it with the link in the code above.
for twitter just copy and paste the code, change the top:, and the image url.

Guest
Guest


Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by cougar30 on Tue Dec 07, 2010 9:42 am

Thanks - I've done that - Not sure if this coding has caused my Forum thread headings to be enlarged but something has gone wrong??

cougar30
Forumember

Male Posts : 244
Reputation : 1
Language : English

http://nineelms.freeforum.me.uk/forum

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by Guest on Tue Dec 07, 2010 10:21 am

I don't know.. can i see the whole you used?

Guest
Guest


Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by cougar30 on Tue Dec 07, 2010 10:29 am

Here is the code;

<style type="text/css">
img {
border:none;
}
</style><div style="position:absolute; Top: 303%; left: 14px;">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://nineelms.freeforum.me.uk/forum.htm" show_faces="true" width="200"></fb:like>

Also for whatever reason (Depending on the screen size) the Facebook Like function appears at different stages on the page. My Laptop resolution shows it about half way down the page on 1024 x 768 resolution and my PC shows it correctly. The PC resolution is 1280 x 1024.
Is there anyway to fix this within the code? I'm sure this is why it is making the section names larger?

cougar30
Forumember

Male Posts : 244
Reputation : 1
Language : English

http://nineelms.freeforum.me.uk/forum

Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by Guest on Tue Dec 07, 2010 10:30 am

Code:

<style type="text/css">
img {
border:none;
}
</style><div style="position:absolute; Top: 303%; left: 14px;">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://nineelms.freeforum.me.uk/forum.htm" show_faces="true" width="200"></fb:like></div>

Guest
Guest


Back to top Go down

Solved Re: How to add Like Button Above each posts?

Post by cougar30 on Tue Dec 07, 2010 10:57 am

Thanks Gangstar. My Laptop on resolution 1024 x 768 is still showing the Facebook Like about 3/4 the way down the Forum page. Is there any way to fix this regardless of what screen resolution you use?

cougar30
Forumember

Male Posts : 244
Reputation : 1
Language : English

http://nineelms.freeforum.me.uk/forum

Back to top Go down

Page 1 of 2 1, 2  Next

Back to top


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