★ 

便利情報タイトル

 ★
★ 

情報秘密基地

 ★

管理者のメモ帳的便利情報サイト

 RSS XML
  • 玄関口
  • 占い診断
  • 萌え辞典
  • オタク遊戯
  • ネット小説
  • 秘密基地
  • プチ図鑑
  • 川柳ノ歌
--☆INFORMATION☆--
2017年2月25日【土】11時14分06秒
【(゚∀゚)】フリー写真館を狛犬画像室にリニューアルしました♪
2016年11月20日【日】17時13分49秒
【(*´ω`*)】インターネット声優養成所
2014年11月6日【木】13時44分35秒
【(*´ω`*)】確率収束診断スクリプトできました!
2013年11月25日【月】21時33分57秒
【(*´∇`*)】いくつかの記事をNEWSYUKAに移動しました。
2013年10月26日【土】18時58分54秒
【(*´∀`)b】秋華の川柳アップしました♪
2013年1月3日【木】15時42分24秒
【(*´∇`*)】情報秘密基地をリニューアルしました♪
--☆HOTLINK NOW☆--
【Kindle】電子書籍販売★秋華★
【楽天kobo】電子書籍販売★秋華★
【パブー】電子書籍販売★秋華★
秋華エントランス

【便利情報】各種共有ボタンに記事のアドレス(URL)を関連付ける方法

2013年1月3日【木】15時59分39秒
過去に、【Google+ボタン】【facebookいいねボタン】【twitterツイートボタン】【はてなブックマークボタン】の設置方法を書いてきました。
今日はその4種類のボタンに、記事(URL)を関連付ける方法を書きたいと思います。

<g:plusone size="medium"></g:plusone>

<div class="fb-like" data-send="false" data-layout="button_count" data-width="60" data-show-faces="true"></div>

<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja">ツイート</a>

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

上から、G+ボタン、いいねボタン、ツイートボタン、はてブボタンです。
上記は比較的シンプルな形です。
これを以下のように書き換えれば、記事のアドレスを関連づけられます。
URLは、【http://blog.syuka.com/article/post26673090.html】で、ツイート用の記事タイトルは【ボタンにURLを関連づける方法】です。

<g:plusone size="medium" href="http://blog.syuka.com/article/post26673090.html"></g:plusone>

<div class="fb-like" data-href="http://blog.syuka.com/article/post26673090.html" data-send="false" data-layout="button_count" data-width="60" data-show-faces="true"></div>

<a href="https://twitter.com/share" class="twitter-share-button" data-text="ボタンにURLを関連づける方法" data-url="http://blog.syuka.com/article/post26673090.html" data-lang="ja">ツイート</a>

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

これをさくらのブログで関連づけるには、以下のように書き換えます。
【デザイン】>【コンテンツ】>【記事】から、【コンテンツHTML編集】をクリックして、追記してください。

<g:plusone size="medium" href="<% article.page_url %>"></g:plusone>

<div class="fb-like" data-href="<% article.page_url %>" data-send="false" data-layout="button_count" data-width="60" data-show-faces="true"></div>

<a href="https://twitter.com/share" class="twitter-share-button" data-text="<% article.subject %>" data-url="<% article.page_url %>" data-lang="ja">ツイート</a>

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

最後に【保存する】をクリックして完了です。
これをブロガーブログで関連づけるには、以下のように書き換えます。
はてなブックマークの対応方法は分かりません。
【テンプレート】>【HTMLの編集】>【続行】から、【ウィジェットのテンプレートを展開】に印を入れて追記してください。

<g:plusone size='medium' expr:href='data:post.url'></g:plusone>

<div class='fb-like' expr:data-href='data:post.url' data-send='false' data-layout='button_count' data-width='60' data-show-faces='true'></div>

<a href='https://twitter.com/share' class='twitter-share-button' expr:data-text='data:post.title' expr:data-url='data:post.url' data-lang='ja'>ツイート</a>

最後に【テンプレートを保存】をクリックして完了です。
これで私は関連付けられる事を確認しました。
ただし、ブロガーブログでは、サブドメインの設定をしていない場合、jpドメインの方に関連づけられますので、comに関連づけたい場合は、シンプルなボタンを付けるしかないようです。
テンプレートはバックアップをとってから編集する事をお勧めします。
【<┃】 【┃┃】 【┃>】
このエントリーをはてなブックマークに追加
ドクダミ
Ver.5.00 CGIフリー配布サイト