古いままのはてなブックマークボタンになっていませんか?新しいはてなブックマークボタンはSSLにも対応しているので、セキュリティーの警告が出ないため、どのページにも安心して設置できます。http・https両対応のコードも紹介します。会社のサイトを見ていて、自分のブログとなにか表示が違うな...と思ったら、はてなブックマークボタンが違うのだった。画像出典:たった1文字ファイル名を変更するだけでPhotoshopを高速化させる方法(DTP・印刷に役立つメールマガジン)別に動作に問題は全くないのですが、他のバルーン型のソーシャルメディアのボタンと並べると、高さが違うので凸凹の印象を与え、気になります。気になりますよね?(笑)有名なブログなどでも、このはてなブックマークボタンを使用していて、凸凹が気になります。このままではあまり気持ちが良くないので、直しちゃいましょう。あと、知らないうちにはてなブックマークボタンがSSL(httpsのアドレス)のページにも対応していたので、ついでに対応してしまいましょう。●はてなブックマークボタンのページをチェック早速はてなブックマークボタンを作るページを見てみます。はてなブックマークボタンの作成・設置について(はてなブックマーク)1のボタンのタイプは右の文字があるタイプにします。2のページのアドレス・ページのタイトルを入力します。ブックマーク数は「表示(バーティカル)」、表示言語は「日本語」にします。あとは右側のHTML部分をコピーして貼り付ければOKです。新しいはてなブックマークボタンのHTMLコードにすると他のソーシャルメディアのボタンとだいたい同じ高さになって揃っているように見えます。(厳密に言えば他のソーシャルメディアのボタンもそれぞれサイズが違いますが)●SSL対応について以前ははてなブックマークボタンはSSLのページに対応していなくて、SSLのページに設置してしまうと、ブラウザーによってはセキュリティーの警告が表示されていました。知らないうちに(といっても昨年の6月なのですが)こんな告知が。設置に正式に対応しました。はてなブックマーク開発ブログというわけで「ページのアドレス」にhttpsから始まるアドレスを入力すれば、SSLも対応したHTMLコードが表示されます。CMSでサイトを作成していると、ページによってhttpだったり、httpsだったりするページ構成をすることがあるかと思います。した場合は次のコードを使うと良いでしょう。async="async"></script>基本をSSLのコードにして、httpsを削除して「//」から始めるように書き換えています。することで開いているページのアドレスがhttp・httpsいずれかのプロトコルでも、ブラウザーが自動的に補完して読み込むので便利です。以前ブログに書いた「はてなブックマークボタン表示のわずかな高速化をしてみる」みたいにスクリプトが読み込まれるまで使用される画像のロードもしないのなら、次のコードになります。async="async"></script>まだ、新しいはてなブックマークボタンにしていなかった方は新しいコードに切り替えてみてはいかがでしょうか。それでは、よいはてなブックマークライフを。純一・jdash2000ケータイ好き。ガジェットが好きでiPhoneやらAndroidなどを所有。サーバー管理などをしています(前はDTPオペもやっていました)。要は何でも屋さんです。最近は印刷関連より、自社のウェブサイトを制作するお仕事がほとんど。Typeで構築されています)。Reserved.RSSフィードプライバシーポリシ。