すなばいじり

はてなブログを使って、トンピーを揃えるまで止めないブログ。ふっくらかわいい。

はてなブログにサイドメニューを追加できるようになりました

サイドメニューを付けたい

はてなダイアリーにもある「ボタンを押すと横からメニューが出て来て、新しいエントリーや人気のエントリー、シェアボタンとか色々ついたやつ」が欲しいよね。
「シェアさせていただきまっす」って言われたりしたい。*1

どうやってやるの?

 

やってみよう、大はてな実験 で。

 

f:id:psne:20150406201813p:plain

 

 

使ってみる

(現在、機能追加を前提として公開しています。)

以下のコードを貼り付けるだけで設置完了です。

設定→詳細設定→「headに要素を追加」に貼り付けます。 
貼り付けた後に「変更する」ボタンを押して導入完了です。

非同期読み込みを行う為、少し量が多く感じますが、これだけで動きます。

 

どうぞご利用ください。

 

<script>
(function(H,T,N,p,s,n,e){H.Htnpsne=H.Htnpsne||{};Htnpsne[s]=Htnpsne[s]||function(){(Htnpsne[s].q=Htnpsne[s].q||[]).push(arguments)};n=T.createElement(N);e=T.getElementsByTagName(N)[0];n.async=1;n.src=p;e.parentNode.insertBefore(n,e)})(window,document,'script','//niyari.github.io/hatenablog-modules/sidemenu.min.js','SideMenu');
</script>

 

メニューのソーシャルボタンを入れ替えたい

(利用状況によって仕様が変更される可能性があります。こちらは変更された際に貼り直しができる方のみご利用ください。)

//上記 導入コードの </script> 直前に置きます。
Htnpsne.SideMenu('create','subscribe','facebook','googleplus','twitter','hatebu','pocket','feedly');

 

どのような感じで表示されるの?

シュッと出てきますよ。

f:id:psne:20150406200521p:plain

 

表示できるメニューの追加や、提案がある

はてブのコメントや、コメント欄をご利用ください。
長くなる場合はコメント欄の方が良いかもしれません。

 

 

 

 この機能について日記を書く

 

大はてな実験ほかの 大はてな実験 を見る

*1:報告無用だけどポチポチ押されたりしたいという人も居る