You are not logged in.

Announcement

Forum database was corrupt and an old backup was restored as temporary replacement. Registrations closed until the database is recovered. Please ask questions using the Contact form

#1 28-04-2013 17:09:16

ciris
Contributors
Registered: 24-04-2013
Posts: 14

Facebook like tile for V4

Edit: New code
Edit(new) Facebook like tile with star rating (no database, with polldaddy)
demo: Facebook like with star rating


1-
go to https://developers.facebook.com/docs/re … gins/like/
width: 250, send button:no check, Show Faces:check, Layout Style:standart --> get code --> copy IFRAME CODE

(for star rating) go to polldaddy.com, login your free accaunt.  Create a star rating  --> Collect votes -->copy javascript code

2-
Create a blank facebook.php page (yoursite.com/pages/facebook.php), paste facebook + star rating code and change  dimensions 
like this (live demo code)

<!--Kod Dostu Facebook Entegrasyon Kodu START-->
<div id="clickface"> 
<!--sitedoktoru.blogspot.com-->
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.metinciris.com.tr&amp;send=false&amp;layout=standard&amp;width=250&amp;show_faces=true&amp;font&amp;colorscheme=light&amp;action=like&amp;height=80&amp;appId=214773818656537" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:80px;" allowTransparency="true"></iframe>
</div>
<style> 
#clickface {width:260px; height:50px; margin-top:10px; padding-top:10px; padding-bottom:5px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(http://metinciris.com.tr/resim/facebook-banner.jpg); 
-webkit-border-radius:10px; 
  -moz-border-radius:10px; 
  border-radius:10px} 
</style> 
<!--Kod Dostu Facebook Entegrasyon Kodu STOP-->
<div id="pd_rating_holder_7131341"></div>
<script type="text/javascript">
PDRTJS_settings_7131341 = {
"id" : "7131341",
"unique_id" : "default",
"title" : "",
"permalink" : ""
};
</script>
<script type="text/javascript" src="http://i0.poll.fm/js/rating/rating.js"></script>

3-
open tiles.php (yoursite.com/config/tiles.php) add this code (only V4 version)

 	$tile[] = array("type"=>"custom","group"=>1,"x"=>0,"y"=>2,'width'=>2,'height'=>1,"background"=>"#3B5998","url"=>"",
	"content"=>"<iframe src='pages/facebook.php'></iframe>",
"classes"=>"noClick"
);

live demo




old code:

Facebook like tile
Facebook like


This code has inspired me.


1-
go to https://developers.facebook.com/docs/re … gins/like/
width: 250, send button:no check, Show Faces:check, Layout Style:standart --> get code --> copy IFRAME CODE

2-
Create a blank facebook.php page (yoursite.com/pages/facebook.php), past this code, and change your IFRAME CODE (5. row)

<!--Kod Dostu Facebook Entegrasyon Kodu START-->
<div id="clickface"> 
<!--sitedoktoru.blogspot.com-->
<!--change your IFRAME CODE below-->
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.metinciris.com.tr&amp;send=false&amp;layout=standard&amp;width=250&amp;show_faces=true&amp;font&amp;colorscheme=light&amp;action=like&amp;height=80&amp;appId=214773818656537" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:80px;" allowTransparency="true"></iframe>
</div>
<style> 
#clickface {width:260px; height:100px; margin-top:10px; padding-top:10px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(http://metinciris.com.tr/resim/facebook-banner.jpg); 
-webkit-border-radius:10px; 
  -moz-border-radius:10px; 
  border-radius:10px} 
</style> 
<!--Kod Dostu Facebook Entegrasyon Kodu STOP-->

3-
open tiles.php (yoursite.com/config/tiles.php) add this code (only V4 version)

 	$tile[] = array("type"=>"custom","group"=>1,"x"=>0,"y"=>2,'width'=>2,'height'=>1,"background"=>"#3B5998","url"=>"",
	"content"=>"<iframe src='pages/facebook.php'></iframe>",
"classes"=>"noClick"
);

Last edited by ciris (10-09-2013 22:45:26)

Offline

#2 29-04-2013 12:18:44

Emil
Moderator
From: in a shipyard
Registered: 15-03-2013
Posts: 106

Re: Facebook like tile for V4

Oh, I like this.

Ciris, great share

+1


Good advice is often confusing, but example is always clear.

Offline

#3 29-04-2013 12:24:28

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

Re: Facebook like tile for V4

And while we are at it,

here is the code to display the facebook stream inside a tile:

$tile[] = array("type"=>"custom","group"=>6,"x"=>0,"y"=>1,'width'=>2,'height'=>2,"background"=>"#FFF","url"=>"newtab:https://www.facebook.com/YOUR_FAN_PAGE",
	"content"=>"<iframe src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FYOUR_FAN_PAGE&amp;width=300&amp;height=300&amp;show_faces=false&amp;colorscheme=light&amp;stream=true&amp;border_color&amp;header=false' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:300px; height:300px;' allowTransparency='true'></iframe>");

Replace YOUR_FAN_PAGE with your actual fanpage name.

Preview: http://www.creditident.de/index.php#&info

regards
- Pie

PS: Don't forget to like it, if you like it big_smile

Last edited by Pie (29-04-2013 12:25:47)

Offline

#4 29-04-2013 12:43:39

Emil
Moderator
From: in a shipyard
Registered: 15-03-2013
Posts: 106

Re: Facebook like tile for V4

Nice Pie,
Like(d) it  (consider it pressed tongue)


Good advice is often confusing, but example is always clear.

Offline

#5 29-04-2013 12:50:49

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

Re: Facebook like tile for V4

Thanks Emil,

let me know, if your site has a like button. I'll relike you with pleasure big_smile

regards
- Pie

Offline

#6 29-04-2013 16:55:36

ciris
Contributors
Registered: 24-04-2013
Posts: 14

Re: Facebook like tile for V4

it's beautiful site Pie. like it smile

Pie wrote:

And while we are at it,
Preview: http://www.creditident.de/index.php#&info

regards
- Pie

PS: Don't forget to like it, if you like it big_smile

Offline

#7 29-04-2013 17:20:13

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

Re: Facebook like tile for V4

Thanks ciris,

liked you on FB as well :-)

regards
- Pie

Offline

#8 30-04-2013 19:24:49

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: Facebook like tile for V4

I really love solutions with iframes in tiles. It's just so damn easy to create tiles with the wanted functionality then. big_smile

Offline

#9 20-05-2013 10:37:20

ActuallyAKA
Contributors
From: Indonesia
Registered: 20-05-2013
Posts: 4
Website

Re: Facebook like tile for V4

hei Pie! Nice one! smile

Offline

#10 20-05-2013 12:36:53

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

Re: Facebook like tile for V4

Thanks :-)

Offline

#11 10-09-2013 22:29:02

ciris
Contributors
Registered: 24-04-2013
Posts: 14

Re: Facebook like tile for V4

edit
star rating add
facebookvereyting.PNG

Offline

Board footer

Powered by FluxBB