2011年5月27日金曜日

Bloggerのカスタマイズ3


  
Bloggerのカスタマイズ2でも紹介した、

ブログを短期間で月間10万PVにする方法を公開します– 私の17の戦略 

にて、投稿の最後に「はてブ」、「Twitter」のボタンを作るというのがありました。
今日は記事の最後にこれらのボタンを追加したときに参照したURLを紹介したいと思います。



1.ボタンの画像について


意外にも色々調べたのが、ボタンの画像です。画像をコピーをすればよかったのですが、まぁ、それでは、あまり勉強にもならんなと思い、Twiiter用、はてブ用の大きめボタンを設置した、の@hidetoさんのブログにて紹介されていた、ボタン素材 自動生成サイト – ButtonMakerを参考に下記ボタンの画像を作成しました。※RSSボタンも作成しておきました。

このエントリーをはてなブックマークに追加TwitterボタンRSSボタン
ソースコードは、

・はてブボタンの参照URL
Bloggerのカスタマイズで紹介したiKnowHowさんのページで紹介されているコードを利用しました。※画像の参照URLのみ変更しました。
・Twitter
<a href='http://twitter.com/####' target='_blank'><img alt='Twitterボタン' border='0' height='80' hspace='10' src='***' vspace='15' width='180'/></a>
####は各自のTwitterユーザー名***は入れたい画像のURLを入力します。画像の大きさ、スペースの幅などは、height、hspace、vspace、widthなどで設定できます。
・RSSリーダー
RSSリーダーも基本は上記Twitterのコードと一緒で、リンク先、画像の保存先を指定すれば問題なくできます。フィードのリンク先のURLはGoogleのフィードバナーを利用すれば簡単に入手できます。Bloggerであれば、新 Blogger のフィード URL とパラメータ で紹介されているように簡単に分かります。


2.設置箇所


上記コードの設置箇所としては、私の場合、投稿記事の最後に記載したかったので、Bloggerのカスタマイズ2で紹介した、関連記事の直前に入れました。関連記事はクリボウさんのBlogger で「関連記事」リストを表示する 2 つの方法を参照にコードを使用していますので、

ダッシュボードの設定から、HTMLの編集、ウィジェットのテンプレートの展開にチェックを入れて、Related Post:を検索して、その直前に上記コードを挿入すれば完成です。

※コメントも入れること可能です。コメント、ボタンを入れた状態

3.その他の話題

今日、Bloggerのダッシュボードのデザイン変更がBlogger in draftで紹介されていました。写真で見る限りでは、デザインも現状よりもおしゃれそうです。待ち遠しいですね。
Twitterにもつぶやきましたが、先日、仕事でTRIZ利用したアイデア出しを行い、それをマインドマップにまとめました。マインドマップにまとめることでアイデアも整理され、全体把握もできますので、各アイデアの組み合わせで新しいアイデアがさらに沸いてくる、という相乗効果がでました。近々、ツイエバの利用した感想などと一緒に、ブログでUPしてみたいと思います。

追記:なんとか、HTMLタグ初心者の私でもボタンの設置をすることができました。ブログを短期間で月間10万PVにする方法を公開します– 私の17の戦略 にもあるように、HTMLの基本くらいは勉強しようと思います。



Twitterでgs215yamaをフォロー