ミルクレープのホームページ制作ブログ

rarecheese.comから魔界村のサブドメインにブログ移転しました

ランキングバナー貼り付け講座【初級編】

 

 

 

ランキング参加者のブログからミルクレープのHPにアクセスがあった場合、INポイントが加算されます

・・・が、ここで注意点が一つ

 

ミルクレープの稼働日記や、ここ運営ブログにアクセスがあっても、INポイントは加算されません

 

例)

期待値太郎の期待値ブログ(仮) → ミルクレープのHP = INポイント獲得!

期待値太郎の期待値ブログ(仮) → ミルクレープの稼働日記 = アカン

 

なのでミルクレープの稼働日記へのリンクは外して、HPのリンクのみにしてもらった方がINポイントは入り易くなります

 

※ガラケー民はミルクレープのHPが正しく表示されないと思うので、

ガラケー用ページのみ稼働日記へのリンクを残してもらえれば幸いです

(やり方が分からなければ無理に設定しなくても大丈夫です)

 

さらに言えば、文字よりも目にとまり易い画像をリンク(バナー)にした方がINポイントは稼げます

 

 

 

 

そんな事を言われても、リンクの貼り方なんて分からないパトォ・・・

tp3

 

はい、そんな人達の為に、今回はミルクレープのHP(以下魔界村)へのリンクの貼り方を解説していきます

ちなみにPC、スマホをお持ちの、ライブドア、FC2ブロガーを対象として説明を進めていきますがご了承ください

 

 

まずは最も簡単なリンク欄に魔界村リンクを追加する方法です

 

スマホユーザーの方はまずブログの管理画面をPC表示に切り替えてください

PC表示でないと出来ない操作もあるので、ここから先は全てPC表示での説明となります

 

 

wp50-1

FC2ブログの場合は歯車マークをタッチすると【PC表示】切り替えボタンが出てきます

 

 

wp50-2

ライブドアブログの場合は管理画面下部に表示切り替えボタンがあるのでそこをタッチ

 

 

それではブログ管理画面をPC表示に切り替えたものとして説明していきます

 

 

 

FC2ブログでリンク欄に魔界村リンクを追加する

 

1. 設定欄にある【リンクの編集】を選択

2.サイト名に ブログ魔界村 、URLに http://millcreape.com/ と入力

※サイト名はお好みで変えてもらって構いません

3.挿入位置は空欄のままでOK

※魔界村リンクを一番上に表示させたい場合は、挿入位置に「1」を入力

4.【追加】ボタンを押す

 

 

 

ライブドアブログでリンク欄に魔界村リンクを追加する

 

ライブドアブログはデフォルト設定だとリンク欄が無いかも分かりません

なので、まずはブログにリンク欄を設置します

 

PC表示の管理画面から、【ブログ設定】 → 【ブログパーツ】と選択します

 

 

wpp15

PCからはドラッグ操作で簡単にリンク集が追加出来ましたが、

私のスマホからだと、【リンク集】タッチ → 【?】ボタンタッチ → 【追加】ボタンタッチ

・・・というような操作を行わないとリンク集が追加出来ませんでした

 

 

wpp16

さておき、リンク集が追加出来たら、【リンク集】タッチ→【設定】ボタンタッチで入力欄を開きます

 

後はタイトルに ブログ魔界村 、URLに http://millcreape.com/ と入力して、

【リンクを追加する】を押すだけです

※サイト名はお好みで変えてもらって構いません

 

 

以上がリンク欄に魔界村リンクを追加する方法になります

 

 

 

 

ここからはお好みの画像を魔界村バナーとして記事に挿入する方法をご紹介します

 

<a href="http://millcreape.com/"><img src="なんたら~" alt="ブログ魔界村入口" width="横幅" height="高さ" /></a>

 

まずは上のコードをコピーして、メモ帳などに貼り付けておいてください

 

 

 

wpp20

次にバナーとして使いたい画像をブログにアップロードして、適当な記事に挿入します

挿入したら図の赤枠と緑枠で囲った部分をメモ帳にコピペしましょう

 

 

 

wpp21

ライブドアブログの場合も使いたい画像をブログにアップロードして、適当な記事に挿入します

 

 

wpp22

 

挿入し終わったら【HTMLタグ編集】ボタンで記事の本文を切り替えます

切り替えたら図の赤枠と緑枠で囲った部分をメモ帳にコピペしましょう

 

コピペが終わったら画像を挿入した記事は閉じてもらって構いません

 

 

では最初にコピーしたコードを、今さっきコピペした情報を元に書き換えていきます

 

まずimg srcに続く “なんたら~” という部分を、画像のURLに置き換えます

図で言う所の赤枠で囲っていた部分がそれにあたります

 

次にwidth(画像の横幅)、height(画像の高さ)に続く部分も書き換えましょう

書き込む数字は必ず半角数字で書き込んでください

例で言うたらwidthは400に、heightは300に設定するのが正解です

 

ちなみにaltに続く “ブログ魔界村入口” という部分は、画像の表示に失敗した時、代わりに表示される言葉です

あまり重要な部分ではないので変える必要はありませんが、もちろんお好みで変えてもらっても構いません

 

 

はい、これでもう魔界村バナーの完成となります

 

 

<a href="http://millcreape.com/"><img src="http://blog-imgs-74.fc2.com/m/i/l/millcreape2/makai.jpg" alt="ブログ魔界村入口" width="400" height="300" /></a>

※例で作ったFC2ブログ版魔界村バナー

 

 

<a href="http://millcreape.com/"><img src="http://livedoor.blogimg.jp/stealth5th/imgs/2/9/291b4826.jpg" alt="ブログ魔界村入口" width="400" height="300" /></a>

※例で作ったライブドアブログ版魔界村バナー

 

 

出来上がったコードを記事に貼り付けて、プレビュー表示から画像をクリックしてみましょう

※ライブドアブログの場合は、【HTMLタグ編集】状態で記事にコードを貼り付けてください

 

魔界村に飛ぶ事が出来たら成功です

上手くいかなかった方は、コードの英数字と記号が全て半角になっているかをご確認ください

 

 

バナーを貼る時の注意点として、例で作ったバナーのように画像だけで魔界村入口と分かればいいのですが、

分からないような画像には、直下に「画像クリックで魔界村へ」等と一言付け加えておいてください

 

 

 

 

実は width=”ほにゃらら” height=”ほにゃらら” の部分は省略してもらっても問題ありません

しかし今回そこの部分をいじってもらったのには理由があるのです

 

こちらの画像をご覧ください

 

 

 

wp50-3

これは最も意外なコメント放置系ブロガー、あいりすたんのブログをスマホで表示したものです

何も問題が無いように見えます

 

・・・しかし!あぁ!なんという事でしょう!

 

 

 

wp50-4

PCで見ると画像が凄まじい大きさになっているではありませんか!

 

大抵のスマホブラウザは画像サイズを自動調整して表示してくれますが、

対してほとんどのPCブラウザはそのままのサイズで画像を表示するので、このような事が起こります

 

たまに画面を覆い尽くすレベルの画像をブログに貼っている人が居ますが

つまりはそういう事なのです

 

こちらは先ほど魔界村バナーを作る時に触れた width と height の数値を変える事で対処出来ます

あいりすたんバナーは953*538となっていたので、widthを400、heightを225くらいに変えるのが吉

 

縦横比を考えないと画像を縮小したとき不格好に表示されてしまうので、

よく分からない人は画像リサイズ専門のサイトなどを利用するといいでしょう

参考URL:http://cgi.jp/img/

 

 

 

 

wp52

 

上級編では今回作成した魔界村バナーを使ってなんやかんやします

 

 

 

 

魔界村入口
2015年5月11日 Comment (12)

共有

ランキングバナー貼り付け講座【初級編】

“ランキングバナー貼り付け講座【初級編】” への12件のフィードバック

  1. ラグナ より:

    ブロガーではないですが、何かコメントしようとしたら、ハーデスでゴッド来ました!

    本当にありがとうございます★

  2. みくる より:

    この解説は、ブログ初心者じゃない私から見ても
    分かりやすくてすごく参考になりました。

    ミルクレープさんが紹介した魔界村バナー
    使おうかなw

    • millcreape より:

      みくるさんにそう言ってもらえただけでも、
      この記事を書いた甲斐があるというものです( ´;∀;` )

  3. 姫神 より:

    さすみるクレープさんだぜ!!
    バナーの貼り方わかんなかったので参考になりました!><

  4. あいりすたん より:

    にゃんと?!

    あとで修整いたしますε٩(๑>ω<)۶зだぅー♡♡

  5. より:

    バナーの説明お疲れ様です。
    せっかく猿でもわかるような説明をして頂いたのに恐縮なのですが、単細胞なワタクシにはついていけず
    記事の最後に魔界村リンクを貼る事で落着したのですが、どうもそのリンクからじゃインポが発生しないみたいなんですよねー……。(自分携帯からだから?)

    その原因がいまいち理解できないので、お時間あります時にでも回答頂けたら幸いです。

    • millcreape より:

      ガラケーの場合、「どのブログから飛んできたか」という情報が受け取れない機種があり、
      その場合はもちろんINポイントを集計する事が出来ません

      それかまだ改善版のプログラムを実装出来ていないので、
      単純に同一IPからのポチだからポイント加算されていないだけかも分かりません

  6. 自己満足馬太郎 より:

    あ・・あかん。
    新しい魔界村バナー作成しようと思いましたが…すぐに諦めてしまいます。
    当分ミルさんのバナー使わせて頂きます。

    • millcreape より:

      どうぞどうぞ
      年内にはもうちょっとちゃんとしたランキングバナー用意しますw

コメントを残す

メールアドレスが公開されることはありません。