WindowsLiveWriterもう一つの動画挿入Plugin

2011年1月21日金曜日

もう一つありました。InsertVideoと呼ばれる、Plugin。

英語ですが、こちらがつかいやすかも

0 コメント ラベル:

WindowsLiveWriterのYouTube動画リンクPlugin

WindowsLiveWriterのPluginに、YouTube動画を貼り付けるものがあります。

image

ここに、URLを入れるだけで簡単にできます。

YouTube - Windows Live Writerの使い方

0 コメント ラベル:

Windowst LiveWriter Dynamic Template　Plugin

2011年1月19日水曜日

多くのサイトに、MovableTypeのOpenSouce版を入れているが、カスタムフィールド機能が無いのが、残念！！

この機能をもっと簡単にカバーできる方法がありました。HTMLやらMovableTypeから素人さんには記事（ブログ）を書くことさえ難しいが、今は無料で提供されるWindows LiveWriterで、記事を編集投稿してもらっている。
このWindowsLiveWriterには数多くのPluginが用意され、簡単に記事を書く（デザイン）することが可能です。たとえば、YouTubeの動画を貼り付けたり、Amazonの情報をつけたり。

その中で、カスタムフィード機能（定型フォーマット入力画面）のDynamic Template Pluginをあることを知った。これは、単なるテンプレートではなく、いつもテンプレートをつくれば、それを選択することで、同じHTMLで定型句が記述できる。
しかも、カスタムフィード（項目入力）をしてすれば、簡単な入力画面をでき、そこに入力するだけで、定型同じ定型の記事を書くことができるし、これはとても使いこなせば、優れものです。

機能は、

  • 定型句　（HTML）　　例：<p>Power By <a herf=”XXXXXXXX.XX.XX”>Blogger</a></p>
  • コード（C# コード　　　例： <p>この記事の作成時間は、<%= DateTime.Now.ToString %>です。
  • 文章の検索　　　例：<b><%= _selection %></b> ※単語を選択し、本Pluginテンプレートを実行すると強調文字になる。
  • 入力画面　　　　例：<p>名前は、<%= name %>です。年齢は、<%= year %>です。住所は、<%= address %>です</p>

があります。テンプレートを数多く準備すれば、わざわざソースでHTMLを各必要がなくなります。

 

次に入力機能の入力項目については、

  • １行テキスト
  • 複数行テキスト
  • １行HTML
  • 複数行HTML
  • 整数
  • 小数
  • ブーリアン（定数）
  • 日時

が準備されています。項目名には、日本が使えますので、日本語環境でも違和感なく使えます。

各値は、<%= 変数名 %>で参照できる。たとえば、

<p>名前は、<%= name %>です。</p>と書けば、入力に”日本太郎”とすれば、

<p>名前は、日本太郎です。</p>と出力されます。

 

これだけの機能がありますが、他にも関数（HtmlDecode等）が使えるようです。

In Example 4 above, a function called HtmlDecode is used. That’s one of several built-in functions available to templates. The complete list follows:

  • HtmlEncode(string)
  • HtmlAttributeEncode(string)
  • HtmlDecode(string)
  • UrlEncode(string)
  • UrlPathEncode(string)
  • UrlDecode(string)
0 コメント ラベル:

iGoogleからのBlogger投稿

2011年1月17日月曜日

Bloggerを使っているなかで、iGoogleのガジェットで”Post to Blogger”が便利ツールとしてレポートされるが、インストールしても下記画面から進まない。

image

iGoogleのガジェットのコメントにも同様な内容が多くみられる。だれかできた方は、方法を教えてください。

1 コメント ラベル:

BloggerでSyntaxHighlighterの追加

2011年1月14日金曜日
HTMLソースやJavaScriptソースをきれいに見せる、SyntaxHighlighterをBloggerに導入しました。
GoogleからのGoogleコードとして提供されておりますが、バージョンが1.5.1と古く最新のSyntaxHighlighterを使う為にSyntaxHighlighterサイトのバージョンを使うことにします。
記事作成時点の最新のバージョンは、3.0.83です。
下記ソースを、テンプレートの＜/head＞直前に挿入します。HTML的に一番最後となります。

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/> 
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPowerShell.js' type='text/javascript'/> 
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode=true;
SyntaxHighlighter.config.clipboardSwf=&#39;http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf&#39;;
SyntaxHighlighter.all();
</script>

なお、各種ソースに対応する用、複数のソースが提供されていますので、必要なものだけを使うようにします。全て使用するとそれだけ遅くなる可能性があります。情報は本サイトにあります。
後は、
<pre class="brush: xxxx">
  ソース
</pre>
とすればよいです。
このときの、XXXX（brush Alias）部分は、ソースによって違ってきます。情報は本サイトにあります。

　投稿すればよいのですが、＜や＞をコード変換の必要があります。

0 コメント ラベル:

Blogger　faviconの設置方法

2011年1月12日水曜日
Bloggerに独自のfaviconを表示させる方法です。
通常、favicon.icoファイルをBlogger上に置くことができない。そのため、他のサイトにICOファイルを置いてそこの画像を使う方法が一般である。
なお、Googleから無料のサイト作成”Googleサイト”サービスが提供されているので、そこにfavicon.icoを置いて、そこのアイコンを設定することにより。
（Googleサイトの作成や設定は、割愛します）

<link href="http://sites.google.com/site/自分のサイト名/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"></link>  
<link href="http://sites.google.com/site/自分のサイト名/favicon.ico" rel="icon" type="image/vnd.microsoft.icon"></link>

追加する場所は、テンプレートで、を探し、その直前に挿入すれば良いです。
0 コメント ラベル:

Bloggerブログ説明の変更

Bloggerのタイトルの変更と同様に、ブログの説明を変更する方法です。

<b:if cond='data:blog.pageType == "index"'> 
  <p class='description'><span><data:description/></span></p> 
<b:else/> 
  <p class='description'><span><data:blog.pageName/></span></p> 
</b:if>


修正場所は、テンプレートの<div class="descriptionwrapper">を検索し直下にある、<div class="description"><data:description></data:description></div>と入れ替えるます。

0 コメント ラベル:

Bloggerタイトル表示の変更

Bloggerのタイトルは、通常
<title><data:blog.pageTitle/></title>
となるが、記事表示の時に、（記事タイトル ｜ ブログタイトル）にするように、修正する。
なお、ホームの時（ ｜ ブログタイトル）になるので、ページの種類が”index”の時には、ブログタイトルのみにするようにした、

<b:if cond='data:blog.pageType == "index"'>
  <title><data:blog.pageTitle/></title>
<b:else/>
  <title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
0 コメント ラベル:

Bloggerの見出しタグ

Bloggerを使いはじめて、気づいたことがあります。Bloggerだけでは無いかも知れませんが、シンプルスタイルのテンプレートの見出しタグ<h2>や<h3>の使い方が、SEO的にあまり良く無いと感じます。
<h2>タグは、”記事の投稿日付け”や”サイドバーの見出し”になっています。ページのリストを使った時は、ページリストの見出しとして”ページ”が<h2>に挿入されます。
<h3>タグは、”記事のタイトル”と使用されております。

これってとてもSEO的にもったいない。そこで、<h2>タグと<h3>タグをそっくり入れ替えてみました。
方法は、デザインからテンプレートをダウンロードして、”<h2”を”<h3”に、”<h3”を”<h2”に置換してもました。当然、CSSの部分も含めてです。

そうしたところ、全体のデザインは問題がなかったが、”ページリスト”を配置した部分に<h3>タグで”ページ”（タイトル）が表示されてしまいった。通常、ページリスト（グローバルメニュー）には、タイトル必要ないので<div class='widget PageList' id='PageList1'> を検索して、<b:if cond='data:title'><h2><data:title/></h2></b:if>を削除します。

これで、まったく変わりなく変更することができます。
0 コメント ラベル:

安曇野市立豊科南部保育園の引っ越し

2011年1月8日土曜日

２０１１月１月７日旧豊科町の南部保育園最後の日を迎え、翌日８日に隣接の建設された安曇野市立豊科南部保育園の引っ越しを完了しました。
午前午後と別れて、父兄全員参加で行いました。

IMG_0869S

私は、これより一つ前の旧豊科町南部保育園に通園し、長男・長女と２代目に通い、長女はこの新しい安曇野市立豊科南部保育園に１月１１日から通園することになります。
実は、この保育園には思いでがあります。すぐ隣に杉の大木があり、いつもそこで木登りをした思いでです。今でもその面影があり、登り始めに手をかけるの枝の皮がきれいになっています。それとどろ団子を作ってすぐ下にある神社？に隠していた思いでです。

IMG_0827S

新しい保育園はさすがにきれいで、木をふんだんに使ってあります。当然よく新築の家独自のにおい（シックハウス対策）もなく、快適に遊べそうです。
４月からは、長女の学年？も１くみ増えるそうで、多くの友達ができることでしょう。これからが楽しみです。

0 コメント ラベル:
登録: 投稿 ( Atom )
Related Posts Plugin for WordPress, Blogger...