2011年11月21日月曜日

Google Bloggerで共有ボタンの表示方法

今回はいつもの話とは打って変わって、
少しまじめにBlogspot(Google Blogger)のカスタマイズについてです。
Web関連のネタはなんか久しぶりな気がしますが(笑)



どやっ!


えー写真に深い意味はありませんw










話を戻しまして^^;CrossOverがちゃぶろ(2chブログ)から移転してきてから
早くも4年が経とうとしていますが、それまでに
このBloggerのページをかなり改悪カスタマイズしたせいで
新たに実装された、便利な機能の共有ボタンにチェックを入れても
見事に表示されませんでしたorz

古いテンプレートを使ってるからじゃないのかって言う
オチもあるかも分かりませんが。。





ですので、なんとか実装出来ないものか、
ツイッターと連動出来たら(つぶやく人がいらっしゃるかは分かりませんがw)
面白いだろうと思って色々試行錯誤した奮闘記を書いておきます。



と言う訳でまずこちらのサイト。

・Bloggerで共有ボタンが表示できない

ダルシーさんの記事の通りにやってみたんですが、ダメでした。。
うちのテンプレートはかなり小細工しまくっているのでw
HTMLを弄っても反応なし。そういう時は

色々他にも悩んでいるサイトがあるんじゃないかとグーグル先生に教えてよ!
と頼んだら次に見つかったのがこちら。

・bloggerの共有ボタン(Twitterのボタンや+1ボタン)が表示されないときの対処方法

杜鵑華さんちの旅人くんの旅人さんのページを参照。

こちらでも詳細に書かれているので、試してみたところ、やはりアウト。
ここで諦めたら終わりだよ!と僕の頭の中に安西先生が語りかけるので
心が折れそうになるのを必死に我慢しつつw

次に参照したのがこちら。

・Google Bloggerにて共有ボタンが表示されない場合の対処

PCあれこれ探索さんのサイトです。
先ほどのリンク先にも当てはまることですが、自分のテンプレートには
載っていないコードがあったりで、
そのままコピペしても上手くいかない事が多く、上記のページのソースコードを見ても



<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
<span style="color: #ff0000;">

ここに下記を追加

<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div></span>

ここまで

</div>

上記の様になってない場合は追加すれば表示されると思います



と、書かれていたので、うちのサイトの場合

<span style="color: #ff0000;">
ここのコードが無かったので、追加で書き足したら
無事表示されほっと一息。
ところが。。んん?よく見ると、今度はGoogoleの+1ボタンが表示されていないw

そう言えば先に調べていた際、

・Bloggerの共有ボタンで+1ボタンが表示されない件

ボンタン飴さんのサイトでも報告が挙がっていたので


<script type="text/javascript" src="https://apis.google.com/js/plusone.js">

{lang: 'ja'}

</script>



上記のコードを更にヘッダに追加してやれば、+1ボタンが表示されてなおかつ
日本語のボタンになって見やすくなります。
うちのサイトなら、もうちょいサイズを大きくすると見やすいかも知れませんね。

と言う訳で無事表示が可能になりました。めでたしめでたし。
リンク先のサイト様には大変お世話になりました。
この場を借りてお礼申し上げます。

2011年11月6日日曜日

Venusfort Illumination 11-12

と言う訳で本日はお台場のヴィーナスフォートから。











その前にまずこちらをどぞ。
最近よく聞いている、World Sketchの曲でも。


World Sketch - Wonderful




World Sketchの曲はとてもバレアリックっぽくて聴き心地が良いです。
本当なら夏に聴くのが気持ち良いのですけれど、晴れた秋空の下で聴くHouseも
最高ですね(笑)
PV付きなのでお楽しみ下さい。





















お台場のヴィーナスフォートはイルミネーションの点灯が今月の3日から
始まったのもあって凄い人でした。調べてみたら

開催期間:2011年11月3日(木・祝)~2012年3月18日(日)
合計135日間 
※除く、会期中休館日2日
点灯予定時間:12:00より、毎時00分~30分まで点灯
(最終点灯時間:22:00~22:30)

と言う感じで、来年3月までやっているようですね。
お台場に行く際は一見の価値アリなのでオススメです。








時間と共に変わる泉。この場所は今までも幾度と無く足を運んでいますが
本当に綺麗でしばらく立ち止まってしまうほどでした。
















































以前も載せた式場でも使われる広場。この日はイベントはやってなかったっぽいですね。








イルミネーションが点灯するまで少し時間があったので、外の広場にて休憩。





こちらは何やらイベント中でございました。










イルミネーションが点灯するとこんな感じに。






天井から光が降り注ぐように、LEDのライトが配置されていてとても綺麗。














次々に色が変わって行くのが眺めていると時間があっという間に過ぎていく過ぎていく。



































暗くなるとこんな感じに。











再び下から。







とりあえず今回はここまで。
次回もも少し載せますね。