Flickr Comments in Your Blog

Back to Scriptlet

Flickr Comments Box for Blog

I create a new script that can load your recent flickr comments and embed into your blog or web site.

Bloggers love flickr so much because of the free and unlimited space. The community of flickr usually overlaps the readers of our blogs. We already have the flickr badges to show our photos. Now we can put a comments box in our blog.

This script, a variation of 'Recent comments in photostream', can embed flickr comments in your blog.

Usage:

Include the following script in your HTML.

Control variables:

....... HTML head .......
<script>
// your flickr userid (nsid)
flickr_nsid = '62869273@N00';	
// the title
flickr_comments = 'My Flickr Comments';	
// open comments box by default
flickr_open = true;
</script>
....... HTML head .......
....... HTML body .......
<script src="http://webdev.yuan.cc/flickr/flickr.comments.js"></script>
....... HTML body .......

Following is the sample CSS style. It can let you control the looking appearance to fit your blog.

<style>
#flickr_comments {
        width: 200px;
	padding:5px;
	border:1px;
	background-color:#eeeeee;
}
#flickr_comments span {
	font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
	text-transform: uppercase;
}
#commentList { 
	margin:0px;padding:0;
}
#commentList ul {
	margin:3px;
	padding:0;
	min-height:72px;
}
#commentList ul img { 
	float:right;
	width:70px;
	border:0px;
	border-color: #ffffff;
	margin:5px;
}
#commentList ul p {
	padding-top:2px;
	padding-left:2px;
	padding-right:20px;
	padding-bottom:0px;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
#commentList ul a {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
</style>

I am devoted to web programming for personal interests and run all services at home via DSL connection. If you like my work, you can donate to help me with the bills.