tail -f pinzo.log: blogger

ラベル blogger の投稿を表示しています。すべての投稿を表示

2014/07/03

2014/05/22

ブログデザイン変えた

このブログのデザインを変えたので作業メモ。
すっきりしたデザインになってよろしい。

独自スタイル

headタグに下記を埋め込んで終了。せっかくなので少し修正した。
Github Pages 便利。

<link href='http://pinzolo.github.io/blog/style.css' rel='stylesheet' type='text/css'/>

ソーシャルボタン

以前は blogger のオプションを使っていたんだけど、はてなブックマークなどは自分で埋め込まなきゃいけないので、忍者おまとめボタンに移行した。便利だなコレ
最初は何度更新しても表示されなかったが、Chrome の AddBlock Plus にひっかかってたからだった。
ホワイトリストドメインに mkt-sys.jp を追加したらあっさり表示された。
しかし、とういことは AddBlock Plus 使っている人には見えないということか、しばらく様子を見る。

コードハイライト

本格的にハイライトしたい場合は Gist を使うので、手軽な Code pretty を使用してる。
これまではブログパーツだったけど、新デザインだとエリアが表示されてしまうので、直接埋め込んだ

<!-- ヘッダに -->
<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/>

<!-- bodyの閉じタグ直前に -->
<script src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js' type='text/javascript'></script>

しかし、ハイライトされていないっぽい。原因不明。→2014-07-03: 有効にできた

AdSense

一応埋め込んで放置していたんだけど、1月に申請して未だに申請が通っていない。
俺の何かがおかしいんだと思うけど、よくわからん。
でなぜかさっき承認のメールが届いた。ウィジェット置いていたつもりが置けていなかったからのようだな。
金になるようなブログじゃないけど一応置いてみる。

2012/04/18

Google Apps (+α) 導入時にやったこと

Google Apps 導入時にやったことをメモしておく。

1. ここから Google Apps を mkt-sys.jp で登録

2. さくら VPS のサーバに apache を導入。コマンド一発。
$ sudo aptitude install apache2

3. さくら VPS のサーバに所有権確認用のファイルを配置。

4. お名前.com にてレンタル DNS レコードを設定。

ホスト名	TYPE	VALUE	優先	備考
未入力	MX	ASPMX.L.GOOGLE.COM.	10	メール用
未入力	MX	ALT1.ASPMX.L.GOOGLE.COM.	20	メール用
未入力	MX	ALT2.ASPMX.L.GOOGLE.COM.	20	メール用
未入力	MX	ASPMX2.GOOGLEMAIL.COM.	30	メール用
未入力	MX	ASPMX3.GOOGLEMAIL.COM.	30	メール用
未入力	MX	ASPMX4.GOOGLEMAIL.COM.	30	メール用
未入力	MX	ASPMX5.GOOGLEMAIL.COM.	30	メール用
mail	CNAME	ghs.google.com.		メールサイトURLを http://mail.mkt-sys.jp/ にする
blog	CNAME	ghs.google.com.		blogger をカスタムドメインにする

その結果、こうなる。（塗りつぶしはさくら VPS の固定IP）

5. Google Apps にてメールの URL を http://mail.mkt-sys.jp/ に変更する。

6. Blogger にて URL を http://blog.mkt-sys.jp/ に変更する。

今のところ Google Apps のメール以外は使う予定なしなので、ここまでやって反映されるまで放置したらおしまい。

さくら VPS (Ubuntu Server 10.04)設定エントリ一覧

独自ドメインに切り替えた

フリーランスになって一ヶ月半が過ぎた。
フリーになったので自分のドメインのメールアカウントを Google Apps で作成した。
せっかくなので、この blog もそっちのドメインで運用していこうと思います。
というわけで、今後は http://blog.mkt-sys.jp/ でよろしくお願いします。

2010/11/26

blogger に新しいはてブボタンを導入してみた

使いやすくなりました! はてなブックマークボタン

新しいはてブボタンができたということで早速導入。

blog タイトルの隣に blog 全体のブックマークボタン
各エントリの下部にエントリオンリーのブックマークボタン

の二種を配置したかったので、ちょっと作業が必要だった。
まず、上記のリンクから自分のサイト用のスクリプトを作成。

<a
  href="http://b.hatena.ne.jp/entry/http://pinzolog.blogspot.com/"
  class="hatena-bookmark-button"
  data-hatena-bookmark-title="tail -f pinzo.log"
  data-hatena-bookmark-layout="standard"
  title="このエントリをはてなブックマークに追加">
    <img
      src="http://b.st-hatena.com/images/entry-button/button-only.gif"
      alt="このエントリをはてなブックマークに追加"
      width="20"
      height="20"
      style="border: none;" />
</a>
<script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

blogger のダッシュボードからデザイン→htmlの編集で、編集画面を表示する。
ウィジェットのテンプレートを展開にチェックを入れて、テンプレート内部を編集できるようにする。
//div[@id='header-innder']/div[@class='titlewrapper']/h1[@class='title']/b:include[@name='title']の直後に上記のスクリプトを配置する。（ただ、'このエントリーを'は取り除いた）

//div[@class='post-share-buttons']の直後に下記のスクリプトを配置する

<a 
  expr:href='&quot;http://b.hatena.ne.jp/entry/&quot; + data:post.url'
  class="hatena-bookmark-button"
  expr:data-hatena-bookmark-title='tail -f pinzo.log : &quot; + data:post.title'
  data-hatena-bookmark-layout="standard"
  title="このエントリーをはてなブックマークに追加">
    <img
      src="http://b.st-hatena.com/images/entry-button/button-only.gif"
      alt="このエントリーをはてなブックマークに追加"
      width="20"
      height="20"
      style="border: none;" />
</a>
<script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

作業終了。お疲れ様でした

新しいはてブボタンはなかなか便利ですね。
ただ、alt から'このエントリーを'を取り除いたのがきいてない気がするぞ
※ちなみに、はてブボタンのソースは実際は一行ですが、適宜改行・インデントしてあります