In some cases that just breaks the design of the site.
So how do you remove the header and that "Powered By Y! Pipes" footer from your Yahoo Pipes Badge?
Simply add this to your CSS stylesheet or XML template:
/* Yahoo! Pipes */ /* controls the footer */ div.pipesstyle div.ybf { height: 0px; } /* controls the footer text in the pipe */ div.pipesstyle div.ybad { display: none; height: 0px; } /* controls the pipes logo in the footer */ div.pipesstyle a.yba { display: none; height: 0px; }
And in the widget, badge, or page, surround the the javascript code of the badge with this div:
<div class="pipesstyle ybad"> <script src="http://l.yimg.com/a/i/us/pps/TYPE_OF_BADGE_GOES_HERE.js"> { "pipe_id":"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx", //pipe id here. "hideHeader" : "true", //add this and set it to true. } </script></div>
Very useful for me .
ReplyDeleteI hv implemented this at my blog http://blogillu1.blogspot.in/p/blog-page_22.html
thank you
Maybe because I'm using the current version of Pipes, I had to tweak the code a bit.
ReplyDelete