カスタマイズ記事フッターにあるソーシャルボタンを見直しました。今までは、Zenbackであなたのブログに全てのフィードバックを。zenbackを使って、ソーシャルボタンも表示させていたのですが、zenbackは結構長さが出るので、記事自体の下が少し長い印象になるのと、Adblockなどで、広告非表示をするとzenbackは表示されない事が多いので、記事下のソーシャルボタンがなくなってしまうのが理由です。実際には、blogger付属の「共有ボタン」でgoogle+1あたりは付けることが出来ますが、これは使わないだろうって機能(メール添付とか)があって、なんとなくあれな気分なので、この際並べてしまうことにしました。コード!あくまで自分流ってことで少し変則的です。「忍者おまとめボタン」になっています。これは表示用コードだけで、スクリプトがありませんので、これだけだと表示されません。忍者おまとめボタンだけは表示されますけどね。class='social-footer'>」終わりに[</div>」を入れて、1つの箱にまとめています。私は、[blogger]ソーシャルボタンのスクリプト非同期コードを使って、整理する。...にて、4つのスクリプト呼び出しの非同期コードをすでに「</head>」直上に挿入しています。'facebook-jssdk'));</script>このスクリプト用のを「</head>直上か</body>直上」に入れて下さい。「google+1」は日本語。「いいねボタン」も日本語、そして、HTML5版を使う場合です。忍者おまとめボタンフッターに忍者おまとめボタンを使う理由は、フッターには、livedoorクリップやYahooブックマークなども欲しかったんですが、一つ一つ置くと煩雑になる。おまとめボタンはすでにトップページで使っていてアカウントもあるので、楽。全てをおまとめボタンにしなかった理由は並びが綺麗にならない!これに尽きますwどうしても、横に余白が出来る部分ができたんですよね・・。整えるこうして並べたボタンをCSSで調整します。「ツイートボタン」の右側にボタンが並ぶように。横幅を固定して右のボタンとの余白を埋める。「Google+1ボタン」も同様に。「いいねボタン」も同様に左詰め。「おまとめボタン」は、思い切って右詰めで配置。最後に、全体の背景に色を入れて少し区切りになるようにして。margin、paddingで中央寄りに配置。ある程度綺麗に並んで、機能も「忍者おまとめボタン」で補えてると思いませんか?総括そうとう自分好みの設定なので、万人向けとはかけ離れてしまっている感がありますが、フッター部分にはブックマーク系も付けたい。いいねボタンは、HTML5版あたりで、クリックしたときにコメント出来るようにしたい。大きさを揃えて綺麗に。いう部分はできたかな?と思っています。以上、こんな感じになりました。利用サイト[blogger]ソーシャルボタンのスクリプト非同期コードを使って、整理する。TwitterボタンTwitter、Facebookボタンなどをまとめて簡単設置|忍者おまとめボタンありがとうございました!参考になった方はシェアしてくださると嬉しいです!https://www.sunabox.net/2012/05/blogger_7893.html[blogger]忍者おまとめボタン「も」利用して、記事の下にソーシャルボタンを付ける!Twitterのフォローはこちらから!■Twitterによる更新情報などのつぶやきもおこなっております。12:56:00はじめまして。最近Bloggerを始めた者です。すなふさんのカスタマイズTipsがとても分かりやすくて、毎日相当助けられております。AdSenseコード)〜というコードを入れています。Adsenseしか表示されません。16:56:00初めまして!コメント有難うございます。したら、記事で紹介している並びと、今現在使っている並びが少し違うので、混乱させてしまっているのかもしれません。class="ninja_onebutton">とおまとめ用のスクリプトコード部分がアドセンスのスクリプト部分に内包されてしまっています。&quot;item&quot;'>となっていれば問題ないはずです。11:38:00すなふさん、こんにちは。ご解説してくださってありがとうございます。このすぐ後の<script>が</script>となっていないため、...この部分に関しては確認したところちゃんと</script>になっていました(?)。手探りでやっていて、コードが煩雑になっていたのでどこかで不具合が起きていたようです。すなふさんのコードを参考に、もう一度冷静になって組み立ててみたところ解決されたのでとても助かりました。(コードで余計なところまで「<」や「>」を「<」「>」に変換していたようなので、その辺りも含めてすなふさんのコードを参考にスッキリまとめ直しました(^^;。T)画像、とても分かりやすかったです。22:29:00うまくいったようで良かったです。Twitterでもコメント頂きましたけど、スッと好転すると嬉しいものです。Scriptについては、Chromeの要素の検証で見た結果なので、Chromeなりに何か解釈があったのかもですね。13:03:00度々すみません...!(汗)先日からかなりお世話になっております。AdSense忍者おまとめボタンと記述している部分がページ上で表示されなくなってしまいました。「検索向け説明」を入力していない個別記事は、問題なくこれらが表示されます。description)を入力されているようでしたので質問させて頂きました。HomeSocialProfileすなふここは、GoogleChromeの事やbloggerの事等を軸としながら、気になった事を、何も気にせずに書いていこう、そんなブログです。Twitterアカウントのフォロー、ブログについてのコメント、メール等いつでも待ってます。30days)綿向山登山!すっかり登山者気分に浸れる雰囲気と、歩きやすい道が気持ちよかった![Windows7]ゴミ箱をタスクバーに移動する方法!デスクトップにアイコンを置きたくない人に最適です。【ほぼ滋賀県】去年の秋から登山を始めた私がご紹介したい7つの山。miniも新しく!2011モデルとの比較表。Tweetbotや他のアプリの通知が表示されない!そんな時の対処法の1つをご紹介。[blogger]下から上まで一気に飛ぼう!「ページトップに戻る」ボタンを付ける。