Blogger に Pocket の "pocket" ボタン を 設置、追加する方法を記載します。 各ページ (投稿) に対する ボタン です。 ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。 表示したい位置へ コピー & ペースト して利用してください。 作業手順手としては次の通りです。
※その他の ソーシャルボタン もまとめて追加する方法は こちら。
※ソースコード は ダブルクリック すると、全選択できます。
pocket ボタン の 設置手順
- マイブログ から [テンプレート] → [HTML の編集] を選択します。
- 以下から好きな表示形式を選んで、テンプレート の任意の表示したい場所へ ソースコード を コピー & ペースト します。
テンプレート編集 をしている 以下の画像の場合、投稿記事タイトル の直後に配置するようにしています。
ボタン のみ 表示
<a data-pocket-label='pocket' data-pocket-count='none' expr:data-save-url='data:post.url' class='pocket-btn' data-lang='en'></a> <script type='text/javascript'>!function(d,i){if(!d.getElementById(i)){var j=d.createElement('script');j.id=i;j.src='https://widgets.getpocket.com/v1/j/btn.js?v=1';var w=d.getElementById(i);d.body.appendChild(j);}}(document,'pocket-btn-js');</script>
水平 カウント 表示
<a data-pocket-label='pocket' data-pocket-count='horizontal' expr:data-save-url='data:post.url' class='pocket-btn' data-lang='en'></a> <script type='text/javascript'>!function(d,i){if(!d.getElementById(i)){var j=d.createElement('script');j.id=i;j.src='https://widgets.getpocket.com/v1/j/btn.js?v=1';var w=d.getElementById(i);d.body.appendChild(j);}}(document,'pocket-btn-js');</script>
垂直 カウント 表示
<a data-pocket-label='pocket' data-pocket-count='vertical' expr:data-save-url='data:post.url' class='pocket-btn' data-lang='en'></a> <script type='text/javascript'>!function(d,i){if(!d.getElementById(i)){var j=d.createElement('script');j.id=i;j.src='https://widgets.getpocket.com/v1/j/btn.js?v=1';var w=d.getElementById(i);d.body.appendChild(j);}}(document,'pocket-btn-js');</script>
今回、以下のサイトを参考にしました。
最後に… このブログに興味を持っていただけた方は、 ぜひ 「Facebookページ に いいね!」または 「Twitter の フォロー」 お願いします!!