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

View previous topic View next topic Go down

Solved How to add Like Button Above each posts?

Post by blade99 on December 4th 2010, 12:42 am

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 December 8th 2010, 2:40 am; edited 1 time in total

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 December 4th 2010, 1:33 am

You use phpbb2? (:

Guest
Guest


Back to top Go down

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

Post by blade99 on December 4th 2010, 1:36 am

YES..

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 December 4th 2010, 1:38 am

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 December 6th 2010, 1:29 pm

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 December 6th 2010, 3:33 pm

@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 December 6th 2010, 3:42 pm

Its not possible (:

Guest
Guest


Back to top Go down

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

Post by Saxaca on December 6th 2010, 5:20 pm

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 >.<

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 December 6th 2010, 5:23 pm

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 December 6th 2010, 5:53 pm

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 December 6th 2010, 5:54 pm

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!

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 December 7th 2010, 2:53 pm

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 December 7th 2010, 2:54 pm


Guest
Guest


Back to top Go down

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

Post by cougar30 on December 7th 2010, 2:58 pm

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 December 7th 2010, 3:18 pm

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 December 7th 2010, 3:28 pm

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 December 7th 2010, 3:35 pm

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 December 7th 2010, 3:37 pm

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 December 7th 2010, 3:38 pm

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 December 7th 2010, 3:43 pm

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 December 7th 2010, 3:48 pm

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 December 7th 2010, 3:50 pm

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 December 7th 2010, 4:01 pm

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 December 7th 2010, 4:19 pm

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 December 7th 2010, 4:42 pm

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 December 7th 2010, 5:21 pm

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 December 7th 2010, 5:29 pm

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 December 7th 2010, 5:30 pm

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 December 7th 2010, 5:57 pm

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

View previous topic View next topic Back to top


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