携帯でバナーやテキストリンクを貼る方法 | 超初心者のためのアメブロ作成講座

超初心者のためのアメブロ作成講座

これからブログを始めてみようという人のために

アメブロの基本操作をわかりやすく説明します☆

携帯のみで投稿しているユーザーさんに、

テキストリンクのかけ方やバナーの貼り方を、

よく質問されるので、記事にしておきたいと思います。

 

携帯でメール投稿した場合、

 

本文にURLをコピペして、記事を投稿すると、

こんなふうに表示されてしまいます★



http://hama-sush-jp.pro/muryo-blog/
 

 

URLが、単なる文字列として認識され、

リンクが有効にならないんですよね^^;

 

 

では、パソコンの場合はというと。。

 

 

 

(1)マイページ→「ブログを書く」→「記事を書く」

 

(「クイックリンク」→「記事を書く」でも同じ)

 


超初心者のためのアメブロ作成講座-ブログを書く→記事を書く
 

 

(2)新規記事投稿画面に、URLをコピー&ペーストすると。。

 


超初心者のためのアメブロ作成講座-新規記事投稿画面にURLを貼付

 

 

 

http://hama-sush-jp.pro/muryo-blog/

 

 

↑

このように、リンクがかかった状態で、

ブログには、表示されるわけです。

 

 

「HTMLタグを表示」に切り替えみると…

 

 




超初心者のためのアメブロ作成講座-HTMLタグを表示

HTMLタグでは、実際は、こういうふうに記述してあるわけ☆

 

<a href="http://hama-sush-jp.pro/muryo-blog/">http://hama-sush-jp.pro/muryo-blog/</a >

 

 

 

(こういう構造になってます)

 

 

 

<a href="リンク先のURL">表示される文字</a>

 

 

 

 

だから、携帯から投稿する場合は、

 

 

 

新規記事投稿画面に、このタグを入力しないと、

リンクがかかった状態にならないのです。

 

 

携帯の「マイページ」→「ブログ」→「ブログを書く」の本文に

 

 

 

<a href="リンク先のURL">表示される文字</a>

 

 

…ってゆーふうに入力すれば、

 

携帯でも、リンクをかけた文字を表示することができます。

 

 

 

(このタグをコピーして貼り付けると…)

 

 

 

 

<a href="http://hama-sush-jp.pro/muryo-blog/ " target="_blank">超初心者のためのアメブロ作成講座</a>

 

 

(公開されたブログ記事には、こんなふうに表示)


超初心者のためのアメブロ作成講座

 

 

ちなみに、バナーのHTMLタグは、

 

 

<a href="リンク先のURL " target="_blank"><img src="画像のURL " ></a>

…という構造になってまして、下記のタグをコピペすると。。

 

 

<a href="http://hama-sush-jp.pro/muryo-blog/ " target="_blank"><img src="http://stat.ameba.jp/user_images/71/78/10089097869_s.gif " border="0" alt="超初心者のためのアメブロ作成講座" /></a>

 

 

 



こんなふうに、携帯の記事編集画面でも、

 

バナーを貼りつけることができます♪


超初心者のためのアメブロ作成講座

 

 

既に投稿した過去記事を、携帯で編集する場合は、

 

 

「マイページ」→「ブログ」→「記事一覧・編集」で

編集したい過去記事のタイトルを選んで、編集すれば、

後で、テキストリンクを追加して、再アップも可能ですよ^^

 

 

【関連記事】

 

 

ペタおねだりボタンを設置する方法

バナーが貼り付けられる位置
ブログにバナーを貼り付ける方法
バナーのHTMLタグについて
バナーのHTMLタグ
シンプルで簡単なバナーを作ってみよう!(1)
シンプルで簡単なバナーを作ってみよう!(2)

テキストリンクのかけ方【新しい記事編集ボタン使用】
超カンタンに目次作成&文字色・太さ変更
テキストリンクをかける方法(アメブロ編)
ブログ記事は長尺でつながっている(トップページのURL)
個別ページ・テキストリンクのURL確認方法
目次をトップページ上部(メッセージボード)に、作成する方法

顔文字一覧と顔文字の使い方
絵文字311種類全一覧と絵文字の使い方
文字の色を変える方法(1)基本色12色

文字の色を変える方法(2)216色の中間色バリエーション
文字の大きさ(フォントサイズ変更)とHTML
太字・斜体・下線・打消線で、文字を装飾する方法

 

 

しもまゆのメルマガ

まぐまぐ『ブログ×SNS活用術 』

 

無料メール講座【月間10万PV超ブログ作成の秘訣7ステップ】
 

 

超初心者のためのアメブロ作成講座
ブログにバナーを貼り付ける方法
目次【アメブロ関連記事一覧】
初心者向けブログ関連本・書籍一覧
「超初心者のためのアメブロ作成講座」トップページ