Blogger：忍者おまとめボタンを記事の先頭に表示させる方法

いつもお世話になっています。

今回はいつもお世話になっている忍者おまとめボタンを記事の最初に配置できたのでその方法をメモしておこうと思います。
※あくまで管理人のテーマでできただけなので、皆様のテーマでも同じ方法でできるとは限らないです。参考程度に。

忍者おまとめボタン
まずはお好みのボタンを作りましょうね。

ちなみに記事の下部にsnsボタンを配置する方法は公式に書かれていますね。
Bloggerの記事下に『忍者おまとめボタン』を設置するにはどうしたらいいですか？》

それではどうぞ。

最初に

htmlをいじるときには、必ずテーマとコンテンツのバックアップを取ろう。
どんなに簡単なことだとしてもhtmlを直接いじるのは怖いですからね。

Blogger:テーマとコンテンツのバックアップ方法

結論：ここにペーストするだけ

ダッシュボードの「テーマ」→「HTMLの編集」と選んで、html編集画面へ。
「ctrl（comand）＋F」で<div class='post-header'>を検索。
ここが記事の先頭はずなので直下におまとめボタンのコードをペースト

ちなみに管理人のテーマにはこの<div class='post-header'>が２カ所あり、両方にペーストしないとちゃんと表示されませんでした。（多分一つはモバイル用？よぐわがんにゃい）



これだけで、記事の最初にボタンを設置することができました。
SNSボタン付きのテンプレートもいいけど、こちらのサービスはボタンの中身を初心者でも簡単に変えることができるので、大変重宝します。

スポンサーリンク

1冊ですべて身につくHTML & CSSとWebデザイン入門講座

posted with amazlet at 19.08.25

Mana
SBクリエイティブ
売り上げランキング: 587

Amazon.co.jpで詳細を見る