忍者ブログ

とちにすいはら式+

痒いところに手が届かない雑記ブログ。お金とDTMの話が多め

近未来的音楽素材屋3104式
↑音楽素材はこっち↑

とちにすいはら式+

忍者ブログでグーグル+1ボタンを貼る方法の覚書

忍者ブログでソーシャルボタンをキレイに並べて貼る方法の覚書の続きです。
前回はツイート、いいね、ポケットボタンの3種類を貼ってみました。
せっかくなので、グーグルの+1ボタンも貼ってみます。

1.+1ボタンの何が厄介なのか


+1ボタンのコード取得ページでコードを取得すると、
次のコメントが気になります。

+1 ボタン を表示したい位置に次のタグを貼り付けてください。
最後の +1 ボタン タグの後に次のタグを貼り付けてください。

とな。

つまり2つ以上のボタンを貼るときは、コードを2箇所に分けて貼れと言っているのですが、
どうやって分けて貼りましょうかというお話です。

当然ですが、まとめて「共通タグの設定」の記事下にコピペすると、
困った感じになります。

2.+1ボタンをどのようにはるか


コードのコメントを参考に貼る場所を検討します。

まず、

+1 ボタン を表示したい位置に次のタグを貼り付けてください。

ですが、+1ボタンを表示させたいのは各記事のはず。
ですので、dev classのコードは「共通タグの設定」の記事下にコピペします。

次に、

最後の +1 ボタン タグの後に次のタグを貼り付けてください。

は、+1ボタンが出尽くした後に貼れと書いています。
各記事は全てbodyタグの中にいます。
ので、このコードを貼る場所は「共通タグの設定」の/bodyの項目です。

3.これで出来上がり


これで+1ボタンも貼れました。

実際の現在の記事を見ていただければわかりますが、
5つのボタンを貼って、それを角丸の線で囲んでいます。
ここまでやるにはテンプレートのCSSをいじる必要があるので、
そちらはまた次の機会に紹介します。

忍者ブログのカスタマイズ。とちにすいはら式+の場合に記述しました。

関連記事

ブログのレイアウトを変更したいけど出来ない理由
忍者ブログにタグ付けをしてみる
忍者ブログで自作最新記事リストを作る方法

忍者ブログのカスタマイズ。とちにすいはら式+の場合

忍者ブログでソーシャルボタンをキレイに並べて貼る方法の覚書
忍者ホームページとお名前.comでドメインをあれこれした話

 

拍手[1回]

コメント

お名前
タイトル
文字色
メールアドレス
URL
コメント

トラックバック

スポンサーリンク

PR

ブログ内検索

記事書いてる人

運営者:
さいれほ@planet_f108
30代個人事業主のDTMerで3104式の中の人。

音楽以外にはお金の話が好き。株式投資や投資信託もやってるよ。
マイクロ法人立ち上げを目指し、脱雇われ人の道を模索中。

活動域は青森県八戸市周辺。一緒にお仕事しましょう。

プロフィール詳細はとちにすいはら式+についてをご覧ください。

バトルモード3

2016年春M3の企画はバトルモード3!!


ついったー

お問い合わせフォーム

筆者の知識や経験であなたの力になれますか?

必要事項をご記入の上、送信ボタンをクリックすると、運営者宛にメールが送信されます。

ブログ内リンク

レビュー・改造系記事まとめリンク レビュー・改造系記事まとめリンク
PC・トイカメラなどのレビュー記事リストです。

DTM機材レビュー記事まとめリンク DTM機材レビュー記事まとめリンク
DTM機材に関するレビュー記事リストです。

クラブ関連記事まとめリンク集 クラブ関連記事まとめリンク集
音楽を流すクラブにいってきた話まとめ。

トラブル・お悩み解決系記事まとめリンク トラブル・お悩み解決系記事まとめリンク
ソフトのインストールなどで躓いた記事リストです。

サイト作り系まとめリンク サイト作り系まとめリンク
サイトのアクセス増、ユーザビリティに関する記事リストです。

忍者ブログカスタマイズまとめリンク 忍者ブログ運用術から収益化まで
忍者ブログ運用術から収益化までをまとめた記事リストです。

雅楽の舞改めポーチュラカリア成長記事まとめリンク 雅楽の舞改めポーチュラカリア成長記事まとめリンク
2011年から育てている雅楽の舞に関する記事リストです。

とちにすいはら式+アクセスアップ経過記録まとめリンク とちにすいはら式+アクセスアップ経過記録まとめリンク
本ブログのアクセス推移を記録した記事リストです。

お金持ち本まとめリンク お金持ち本まとめリンク
筆者が読んだお金持ち本あれこれまとめリンク。

無職関連の記事まとめリンク 無職関連の記事まとめリンク
無職関連の記事リストです。

スマホでUSENの記事まとめリンク スマホでUSENの記事まとめリンク
スマホで使える有線放送まとめ。データ量も測ってみました。

最新コメント

[01/20 かんりにん]
[01/20 シモハチ]
[04/03 かんりにん]
[04/01 シン]
[04/01 かんりにん]

フリーエリア

QRコード

とちにすいはら式+

サイトご利用上の注意

ブログ記事の著作権はとちにすいはら式+にあります。 引用される際には、必ず引用元として弊ブログのURLも記載していただくようお願いいたします。 記事の一部もしくは全ての無断転載はご遠慮ください。

記事を参考にされる際には、自己責任にてお願いいたします。