Flickr Badge
-
I’m trying to install a Flickr flash badge. I tried putting it in the “Text” widget, but it didn’t display properly. I’ve tried it about 10 times, and nothing. Here’s the code. I don’t know HTML (of course) so it looks like it’s not broken to me… but maybe you can tell a difference. I’m writing Flickr as well, just in case their badge is broken. Thanks for your help.
<!– Start of Flickr Badge –>
<style type=”text/css”>
.zg_div {margin:0px 5px 5px 0px; width:117px;}
.zg_div_inner {border: solid 1px #000000; background-color:#333333; color:#666666; text-align:center; font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#3993ff; background:inherit !important; text-decoration:none !important;}
</style>
<script type=”text/javascript”>
zg_insert_badge = function() {
var zg_bg_color = ‘333333’;
var zgi_url = ‘http://www.flickr.com/apps/badge/badge_iframe.gne?zg_bg_color=’+zg_bg_color+’&zg_person_id=84234788%40N02’;
document.write(‘<iframe style=”background-color:#’+zg_bg_color+’; border-color:#’+zg_bg_color+’; border:none;” width=”113″ height=”151″ frameborder=”0″ scrolling=”no” src=”‘+zgi_url+'” title=”Flickr Badge”></iframe>’);
if (document.getElementById) document.write(‘<div id=”zg_whatlink”>What is this?</div>’);
}
zg_toggleWhat = function() {
document.getElementById(‘zg_whatdiv’).style.display = (document.getElementById(‘zg_whatdiv’).style.display != ‘none’) ? ‘none’ : ‘block’;
document.getElementById(‘zg_whatlink’).style.display = (document.getElementById(‘zg_whatdiv’).style.display != ‘none’) ? ‘none’ : ‘block’;
return false;
}
</script>
<div class=”zg_div”><div class=”zg_div_inner”>http://www.<strong style=”color:#3993ff”>flick<span style=”color:#ff1c92″>r</span>.com
<script type=”text/javascript”>zg_insert_badge();</script>
<div id=”zg_whatdiv”>This is a Flickr badge showing public photos and videos from Two Seoul Mates. Make your own badge here.</div>
<script type=”text/javascript”>if (document.getElementById) document.getElementById(‘zg_whatdiv’).style.display = ‘none’;</script>
</div>
</div>
<!– End of Flickr Badge –>
Blog url: http://twoseoulmates.wordpress.com/The blog I need help with is: (visible only to logged in users)
-
Why are you pasting the Flickr codes in the text widget? There is a WordPress Flickr widget. You can add it from Dashboard > Appearance > Widgets > Flickr widget.
See the details here > http://en.support.wordpress.com/widgets/flickr-widget/ -
Because the Flickr Flash badge is… well… flashy-er…. I’m just trying to figure out why the code’s not working in the text box. Is it the text box, or the code itself. I used it before when I used blogger… but I don’t want to go back there!:-)
Here’s the link for the badge:
http://www.flickr.com/badge.gne -
Both of the codes, either for Flash badge or HTML badge from the link http://www.flickr.com/badge.gne don’t work here on WordPress because they are javascript code. But you can add a Flickr badge widget via http://en.support.wordpress.com/widgets/flickr-widget/
-
That’s a bummer…. the flickr widget that is native here is pretty lame… I think… oh well… Thanks for the help anyway.
-
- The topic ‘Flickr Badge’ is closed to new replies.
WordPress.com Forums 