Adding badges via text widget: HTML displaying
-
I am attempting to add a Instagram badge via text widget. The badge appears on my site, but so does the HTML. This is what I posted:
<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-48 { width: 48px; height: 48px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-48.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min–moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-48 { background-image: url(//badges.instagram.com/static/images/(email visible only to moderators and staff)); background-size: 60px 178px; } }</style>
<img src=”//badges.instagram.com/static/images/ig-badge-48.png” alt=”Instagram” />any ideas on how to hid the html and just leave the badge?
The blog I need help with is: (visible only to logged in users)
-
-
Hi,
I was actually looking to put a badge in my sidebar that links to my instagram feed. -
OOPS! I’m sorry. That’s not what you were asking for. :(
A badge is an image. You can capture an instagram image and link it to your instagram profile and display it in a text widget.
-
There is an RSS widget you can use without the image http://en.support.wordpress.com/widgets/rss-widget/
I’m going to back out of this thread so another volunteer with instagram experience or Staff will assist you.
-
I searched and found this https://en.forums.wordpress.com/topic/instagram-feed-1?replies=9
-
The code you pasted isn’t HTML, it’s CSS: it’s for the CSS editor (if you had the Custom Design upgrade), not for a Text widget.
-
- The topic ‘Adding badges via text widget: HTML displaying’ is closed to new replies.
WordPress.com Forums 