Feelings deep inside

のんびりと音楽の話でも。。

HOMEスポンサー広告デジタルソーシャルボタン設置

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

このエントリーをはてなブックマークに追加    --:--:-- | スポンサー広告  | 
□ Comment

 [コメント記入欄はこちら]


□ コメントを投稿する

   

□ Trackback
この記事のトラックバックURL
□ この記事へのトラックバック

 何となくはてなブックマークボタンをこのブログに設置してみようかなと思って設置してみました。とは言ってもどうせほとんどの記事でブックマーク数が0だろうなと試したらやっぱりそうだったw 恥ずかしいのでブックマーク数は非表示のシンプルタイプに。設置方法なんて検索したら詳しく書いてあるのはいくらでも出てくるのであくまでも備忘録。
 JavaScriptは先頭の<head>部分に置いておいてもいいみたいなので、

<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" class="hatena-bookmark-button" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border:none; vertical-align:top;" /></a>

って感じのをFC2ブログなら<!--topentry-->ブロックに入れればいいです。太字はFC2ブログ独自タグです。最後の「vertical-align:top;」は文字と並べた時の見た目がいいからで、同じ行に文字がなければ指定する必要はないです。タイトルはなくても動くみたい。


 これを機に、Tweet Buttonも変更してみることに。去年ツイートボタンをブログに設置した時はTwitterを使っていたけど、もうこの画像(favicon)は削除されていたけど「ツイートする」っていう表示は無駄に横に広いので英語表記の「Tweet」の方のボタンにしてみました。あと、JavaScriptではなく何となくインラインフレーム(iframe)でも同等のボタンができるのでそっちを使ってみることに。

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url=<%topentry_enc_link>&amp;text=<%topentry_enc_utftitle>%20-%20<%enc_blogname>&amp;count=none" width="55" height="20" style="vertical-align:top;">
<a href="http://twitter.com/share?url=<%topentry_enc_link>&amp;text=<%topentry_enc_utftitle>%20-%20<%enc_blogname>&amp;lang=ja" target="_blank" title="ツイートする"><img src="http://blog-imgs-30.fc2.com/d/r/i/driftwood/tweet_button.gif" alt="Tweet" width="55" height="20" border="0" style="vertical-align:top;" /></a>
</iframe>

設置場所や太字ははてブのと同様です。<iframe>に対応していないブラウザのために以前使用していたJavaScriptも<iframe>も使わない<a>タグのみのものを中へ入れておきました。これもツイート数を表示してないので55x20ピクセルを指定していますが、count=horizontalなら横幅を増やさないといけないでしょうね。


 ついでに、Facebook「いいね!」ボタンも設置してみたけど、アカウント作ってないしこれでいいのか分からないw これも何人が「いいね!」と言っているのか非表示にしようとしたらそんなオプションはないみたい。これのせいでボタンの横に不自然なスペースができてしまう…。Widthをいくつにすればいいんだろうと思っていたら、いいねボタンの仕様に「button_count:トータルのカウントを表示。幅90pxが最小。高さは20px」と書いてありました。でもジェネレーターのだとなぜかheight:21pxなんだよなぁ…w

<iframe src="http://www.facebook.com/plugins/like.php?href=<%topentry_enc_link>&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;colorscheme=light&amp;height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:20px; vertical-align:top;" allowTransparency="true"></iframe>


このエントリーをはてなブックマークに追加    23:58:09 | デジタル  | Trackback (0)  | Comment (0)  | 
□ Comment

 [コメント記入欄はこちら]


□ コメントを投稿する

   

□ Trackback
この記事のトラックバックURL
□ この記事へのトラックバック
Base template by Sun&Moon.  
Copyright © 2005-2017 Feelings deep inside. All Rights Reserved. Powered by FC2 BLOG.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。