Yelp Link isn't working

• 

  applesrdelicous · Member · Sep 16, 2015 at 1:22 am

  • Copy link
  • Add topic to favorites

  Hey WordPress Peeps,

  I’ve been wondering why I haven’t been able to embed my Yelp reviews on my blog. As you can see, a line of code is covering my ‘Yelp Bling.’ : (

  Any suggestions? Do I need to upgrade for it to work properly?

  Thanks in advance.

  The blog I need help with is: (visible only to logged in users)

• 

  marioashley · Member · Sep 16, 2015 at 2:07 am

  • Copy link

  Thats looks like an embed code issue.

  What does that code look like? That would help.

• 

  timethief · Member · Sep 16, 2015 at 2:38 am

  • Copy link

  There is no Yelp embed mentioned at all in the support docs at http://support.wordpress.COM. There are also coding restrictions on WordPress.COM hosted blogs https://en.support.wordpress.com/code/ The software strips out JavaScript, iframe and advertising codes.

• 

  applesrdelicous · Member · Sep 16, 2015 at 2:07 pm

  • Copy link

  timethief, I am aware there are restrictions, but the option to put the Yelp code is on WordPress.COM. (Maybe I would have to upgrade?)

  marioashley, I’ve posted the code below. I thought it’s worthwhile mentioning that I have tried alter the code after it was giving the said error; I’ve taken off where it says, “Begin Yelp Badge,” and “End Yelp Badge.”

  Thanks for all your help!

  <!– Begin Yelp Badge – get your own at http://www.yelp.com/bling –>
  <div style=”line-height: 1px; font-family: Helvetica, arial, sans-serif; text-align: center; font-size: 12px;”><div style=”width: 200px;overflow: hidden;line-height: 100%;height: 40px;background-image: url(http://embed.yelpcdn.com/bling_borders?color=C41200&width=200&BGcolor=CCCCCC&position=top&height=40);”><img src=”http://embed.yelpcdn.com/assets/2/www/img/325472601571/p.gif” style=”height: 20px;width: 40px;margin-top: 2px;border: none;margin-left: 80;” alt=””><div style=”text-align:center”>Recent reviews by Aaron L.</div></div>
  <iframe width=”200″ height=”295″ frameborder=”0″ scrolling=”no” src=”http://www.yelp.com/blogbadgemap?v=2&userid=-7KNsm-G0K5YLn12dWvffA&width=200&height=295&uicolor=C41200&textcolor=FFFFFF&type=latest&speed=5″></iframe>
  <div style=”width: 200px;overflow: hidden;line-height: 100%;height: 15px;background-image: url(http://embed.yelpcdn.com/bling_borders?color=C41200&width=200&BGcolor=CCCCCC&position=bottom&height=15);”>What’s this?</div></div>
  <!– End Yelp Badge – get your own at http://www.yelp.com/bling –>