sylvaniantedukuriのブログ

シルバニアの世界にハマること2年。家にある物や100均グッズで素敵な小物をお金を掛けずに作りたい✨日々の出来事や趣味の事を書いています⭐

〈パソコン・スマホ〉ランキングバナー デザイン・表示位置の変更 メリットはある? 読者登録バナー・ツイッターフォローバナーの追加!

こんにちは👩🏻

 

以前から、バナーのデザインを変更したいと思ってはいましたが、初めに頑張って設定した以来、変更していないので、どこでどうやったら変更出来るものか、自信がなくほったらかしになっていました。

 

知識がないので、このブログデザインも色々調べて更新してなんとか辿り着きました💧

 

ダンママさんが、ブログパーツを新しくした!という記事を見て私も頑張ってみようと思いました✨

あみぐるみの技術が光ってます💡

普段は、お子さんのダンスの記事がメインです💛

ブログ歴も近い、お仲間です🎵

 

 

気合を入れてバナー作成✨

 

にほんブログ村は、シルバニアの写真を利用して作成。

以前だったら写真をパソコン用メールアドレスへ送って〜ってやってただろうけど、グーグルフォトを使うようになってから、とっても便利になりました。

スマホの写真がパソコンで見られる!

2カ月前に気付いたんです💦

遅すぎですよね💧

 

人気ブログランキングは、ボタンを大きく、デザインを変更。

でも、毎月変更しないといけなさそう💦

変更方法も覚えておかないと!!

 

変更して貼り付けてみたものの、なんだか縦長で変だ!

色々試しているうちに、トップページの記事下にはランキングバナーが表示されないことに気付き、どうせなら記事の下に貼ろう!!

サイドバーだけだと、気付いてもらえないかもしれない。

私自身、初めてのブログ訪問だとボタン探しに時間が掛かってしまうことがあります。

デザインボタンがあるのも知らず、ただの写真だと思っていたことも💦

 

 

 

 

簡単な貼り方を考えたので、メモ!

当たり前かもしれませんが、私みたいに知らない方の参考になったら嬉しいです💛

 

①初めに貼ってあったバナーを丸ごとコピー

デザイン設定→カスタマイズ→記事→記事下→コピー

(私の場合、記事下に貼っていたので)

 

②定型文を作成

記事を書く→定型文貼り付け→定型文を作成する→貼り付け→タイトル付けて保存

 

③バナー位置調整

定型文一覧から選んで記事に貼り付け→好きな配置位置を決める→HTML編集→対象部分コピー→定型文貼り付けのタイトルを選んで・・・から編集する→全てDelete→貼り付け→保存

(パソコン詳しくないのでHTMLとか編集できない💦ので、見たままモードを普段使っています)

 

④確認

定型文貼り付けから選ぶ→選択した定型文を貼り付け→確認

 

こんな感じになりました✨

f:id:sylvaniantedukuri:20201006100312p:plain

 

イイ感じ! だけど・・・

スマホから見たら、バナーが大きいせいで縦長になって迫力が凄いので、結局ボタンを減らすことにしました💧

 

 

位置変更メリット

記事を読み終わってすぐ押せるように、記事内にバナー設置

はてなブログの無料版を使用しているので、記事と記事下の間に広告が入ります。(はてなブログProは有料)

なので、クリックしてもらうには、更にスクロールしてもらわないといけなく、ホント一手間なんですが、面倒に感じられるかもしれない。

押そうと思っていても、「まぁイイヤ!」なんてことを防げる

 

トップページには、記事下にランキングバナーは表示されない(方法はあるかも)ので、サイドバーに気付いてもらえなかったら押してもらえないのを防げる

 

トップページでも、記事ごとにバナーが表示される。

スクロールしてるついでにポチッとしてくれるかも(笑)

 

最近、アクセス数が伸び悩んでいる?落ちている?ので、ランキングで攻めてみようと思っています✨

 

可愛いバナーにしてみたので、ポチッとして頂けると嬉しいです💛

 

ツイッターも登録しました!と報告しましたが、

「フォロー出来ないよ」と教えていただき、合わせてサイドバーにフォローボタン設置しました✨

 

色々アドバイス頂き、ありがとうございます👩🏻

にゃんぷんさんの記事がとっても分かりやすかったです💡

 

その後、スマホで見ると読者登録バナーツイッターフォローバナーもなかったため、同じように記事内の最後に追加してみました。

 

一年以上も読者登録バナー付けていなかったと気付いてショックを受けてます💦

 

 

最後まで、読んで頂きありがとうございます!

はてブもよろしくお願いします✨

 

にほんブログ村 にほんブログ村へ