Bloggerの全ての記事に
ボタンや定型文を追加する

Webデザイン ガイド

すくーれ

Googleのブログ『Blogger』で、同じ文やボタンを毎回入力しないようにすませる方法

掲載:2016.3.7

同じ内容は1回で済ます

投稿記事の全てに同じ記述を入れたいなら、テンプレートを編集します。

例えば、ブログ ランキングのボタンは、本文直後においた方がクリックしてもらいやすいでしょう。

ブログ ランキングとは

ブログ ランキングとはブログを登録できる「電話帳」のようなサイトで、複数あります。

自分のブログに、このサービスが提供するボタンを掲載して、それを閲覧者がクリックすると、ランクアップします。

にほんブログ村 教育ブログ 情報科教育へ

テンプレートに挿入する方法

投稿記事(mainガジェット)に毎回表示したい内容を挿入するには、テンプレートのHTMLを編集する必要があります。HTMLを知らない人には難しいと思います。

選んでいるテンプレート デザインによっては、HTMLを編集できないことがあります。

加える場所は2つ

パソコン用とモバイル用の表示に分かれているので、どちらにも表示させたいなら2カ所に加筆します。

編集はブラウザ上でなく、エディターにペーストして行うことをお勧めします。

以下を検索してください。
ほとんどのソフトでは、キーボード[Ctrl]+[F]で探せます。

<data:post.body/>

ページ内に3つあります。
1つ目がモバイル用、2つ目がパソコン用です。

加える文字列

「<data:post.body/>」の後に、次の<b>で挟むと、全ての個々の記事の下に表示されます。

尚、トップページの記事下には表示されません

<b:if cond='data:blog.pageType == &quot;item&quot;'>
この位置に表示させたいソースを入れる
</b:if>

参考

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p>クリックすると、ランキング投票になります。<br />
よろしくお願いします!</p>
<a href="http://blog.with2.net/link.php?1721727:1205"><img src="http://blog.with2.net/img/banner/c/banner_1/br_c_1205_1.gif" width="110" height="31" alt="散歩・ウォーキング ブログランキングへ" /></a> <a href="http://photo.blogmura.com/p_spot/ranking.html"><img src="http://photo.blogmura.com/p_spot/img/p_spot88_31.gif" width="88" height="31" alt="にほんブログ村 写真ブログ 撮影スポットへ" /></a>
</b:if>

恵比寿のWebデザイン学校 受講生募集中