chrisflicker chrisflicker

## tumlbr_template.html
<!doctype html>
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name='description'  content='{MetaDescription}'>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

## nginx.conf
# 1. Make sure you have nginx sub module compiled in
# nginx -V  2>&1 | grep --color=always '\-\-with\-http_sub_module'

# 2. add two directives below at HTTP level

# nginx.conf
http {
        # ......

        sub_filter  '</head>' '<style type="text/css">html{ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

## README.markdown

      
              2 files
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                chrisflicker
                / README.markdown
            
            
              Created
              April 18, 2013 08:51
                — forked from pathawks/OpenGraph for Blogger.md
            
          
    Adding Open Graph metadata to Blogger is easy.
Simply copy the code below and paste it into your template after the <header> tag.
A couple notes:

og:locale Should probably actually reflect the blog's locale instead of just being  a hardcoded string. Unfortunately, Blogger only gives us en-us with a hyphen, instead of an underscore, so that won't work.
If you're using your blog as a personal profile, you may consider changing the second og:type from website to profile and adding your personal information
og:image Is only supplied if Blogger finds an image in the current post. However, not supplying og:image is invalid. You could provide an alternate image of your blog logo, or a Gravatar.
If you do something cool with this, I'd love to hear about it. pathawks@shortmail.com


## 抽獎活動的隨機產生號碼
<html>
  <head>
		<style type="text/css">
			.help {}
			#result { font-weight:bold; font-size: 24px;background-color:yellow;}
			a:visited { color:blue; }
			.main { font-size:22px; }
			#title, #total,#str,#num { width:400px; height:2em;}
			.help { cursor:pointer; }
			#input-str { position:relative; }
	<!doctype html>
	<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
	<!--[if IE 7 ]> <html class="no-js ie7" lang="en"> <![endif]-->
	<!--[if IE 8 ]> <html class="no-js ie8" lang="en"> <![endif]-->
	<!--[if (gte IE 9)\|!(IE)]><!--> <html class="no-js" lang="en" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name='description' content='{MetaDescription}'>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	# 1. Make sure you have nginx sub module compiled in
	# nginx -V 2>&1 \| grep --color=always '\-\-with\-http_sub_module'

	# 2. add two directives below at HTTP level

	# nginx.conf
	http {
	# ......

	sub_filter '</head>' '<style type="text/css">html{ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	<html>
	<head>
	<style type="text/css">
	.help {}
	#result { font-weight:bold; font-size: 24px;background-color:yellow;}
	a:visited { color:blue; }
	.main { font-size:22px; }
	#title, #total,#str,#num { width:400px; height:2em;}
	.help { cursor:pointer; }
	#input-str { position:relative; }