2012/05/27

[blogger]記事ヘッダーのソーシャルボタンを見直して、重複を減らしてみました。


先日の記事
[blogger]慣れるとこっちのほうがいいかも?ソーシャルボタンを縦に並べて配置する! - sunabox
こちらの2つのサイトを並びの参考にしつつ、ソーシャルボタンを個別記事のヘッダに縦並びに並べてみたいと思います。 ただ、2つのサイトに並べ方の解説があるわけではないですので、こんな感じで並べようという参 ...

これで、記事ヘッダ部分に大きく変更をしました。

具体的には、

  • GoogleAdsenseの表示。
  • 縦並びで「Twitter」「Like(HTML5版、send付)」「Google+1」「はてなブックマーク」のボタンを配置。
  • その下に、iframe版「いいね」ボタンの配置。
縦並び部分の表記は英語のほうが横幅を取らないという理由で英語に。
「いいね」ボタンは、縦並びで英語表記、「送る」ボタンも欲しくてHTML5版・・・iframeだと送るボタンが付けられないんですよね。

下部分の「いいね」は、縦並び用の「Likeボタン」でスクリプト呼び出しを英語にしていて、ここは日本語の方がいいなと思ったのでiframe版で日本語設定してました。

が、

あとから見直していて、大きく気になったのがそれぞれの「いいね」ボタン。

縦並びの部分で、記事ヘッダにあるのに果たして送るボタンが必要か?
その横には「忍者おまとめボタン」でシェアボタンがあるのに。

下にあるものは、プロフィール下に「Twitterフォロー」と「LikeBox」を表示するようにしたので、そこの部分と機能が被る(この部分のいいねは、Facebookファンページにいいねがつくようにしていた)。

なるべくなら、機能があんまり被らないようにしたいと思って・・・。
「google+1」と「はてな」は、カウントしているというところで、まだ許せる。

そこで、

  • 縦並び部分の「いいね」は、iframe版にして軽さを求め。
  • 下の部分の「いいね」は思い切って削除することにしました。
その代わりに、本文との境目を作るため、横線とラベルの表示を設定。
ラベルタグが、記事の上の方にも欲しいと思っていたので丁度良かったです。


ラベルをタイトル下に表示させる方法はこちら!

[blogger]記事タイトルの下にラベルタグを表示する方法。 - sunabox
タイトル下にラベルを表示させてみることにしました。 ...


そんな、変更報告でした。

ではまた!

0 件のコメント:

コメントを投稿