Forums / Setup & design / How to Add Facebook's XFBML Like Button to content within a page

How to Add Facebook's XFBML Like Button to content within a page

Author Message

Andy Woods

Wednesday 29 June 2011 10:16:25 am

I need to add Facebook's 'Like' button to a paragraph within one of my site's pages.

The code to insert is:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="www.usincare.org.uk" send="false" width="450" show_faces="true" font=""></fb:like>

Can you tell me how I can do this please?

Thanks,

Andy

Marko Žmak

Wednesday 29 June 2011 2:57:50 pm

Very simple:

  • identify the template which is used to show this page
  • insert the code you mentioned in this template on the apropriate place

Is ths what you were looking for?

--
Nothing is impossible. Not if you can imagine it!

Hubert Farnsworth

Andy Woods

Wednesday 29 June 2011 11:39:34 pm

Hi Marko,

No - I don't think that will help me.

I want to insert the 'Like' button in the middle of a page of content.

Andy

Marko Žmak

Thursday 30 June 2011 12:32:05 am

So I supose you want to insert the like button inside the online editor field?

There are two ways of doing it...

a) embeded object

You create a new class called "HTML Box" which will have a "Text block" attribute and will be used to insert custom html. Then by using the embeded view for this class it can be used to insert any custom html inside online editor.

b) custom tag

Create a custom tag that will display the desired HTML based on the attributes of the custom tag.

--
Nothing is impossible. Not if you can imagine it!

Hubert Farnsworth

Andy Woods

Thursday 30 June 2011 10:26:00 am

Thanks Marko,

I couldn't get the embeded object to work but the custom tag option worked fine.

Thanks again,

Andy

eZ debug

Timing: Jan 18 2025 00:54:57
Script start
Timing: Jan 18 2025 00:54:57
Module start 'content'
Timing: Jan 18 2025 00:54:57
Module end 'content'
Timing: Jan 18 2025 00:54:57
Script end

Main resources:

Total runtime0.2553 sec
Peak memory usage2,048.0000 KB
Database Queries141

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0067 587.9844180.8047
Module start 'content' 0.00670.0041 768.789198.1797
Module end 'content' 0.01090.2443 866.9688526.3125
Script end 0.2552  1,393.2813 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00331.2926200.0002
Check MTime0.00130.5126200.0001
Mysql Total
Database connection0.00100.399510.0010
Mysqli_queries0.208681.72271410.0015
Looping result0.00130.51501390.0000
Template Total0.244195.610.2441
Template load0.00060.252610.0006
Template processing0.243495.358510.2434
Override
Cache load0.00040.163310.0004
Sytem overhead
Fetch class attribute can translate value0.00080.309110.0008
XML
Image XML parsing0.00020.093210.0002
General
dbfile0.00582.2613200.0003
String conversion0.00000.002130.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 1
 Number of unique templates used: 1

Time used to render debug report: 0.0001 secs