シンプルにアメブロを極める!ブログパーツ/解析ツール/Webサイト活用術! -3ページ目

アメブロ 記事へ画像を貼り付けたい!【画像の追加・設定・貼り付け】

アメブロ 記事へ画像を貼り付けたい!【画像の追加・設定・貼り付け】


こんにちは。サポート団長です。


画像を記事に貼り付けるためには、サーバーに保存しなけらばなりません。容量制限や拡張子も考慮くなけらればなりませんので画像の解像度を保ちブログへ貼り付ける方法! をお読み頂くと、なるほどと言って貰える?かと思います。


思わない内容でしたらすみません(笑)。。。そんなはずはないです!

1.以下の手順で画面展開します。

ブログを書く

アメブロを書く

画像フォルダの順番で図の様に一覧で記事が表示される。
シンプルにアメブロを極める!ブログパーツ/解析ツール/Webサイト活用術!

④【参照】ボタンをクリックして、画像を選択します(一度に5枚まで可能)。


⑤【アップロード】ボタンをクリックしてアップロード(サーバーへ保存)します。


⑥【記事に追加】をクリックすると記事本文へ画像が追加されます。


2.【記事に追加】のボタンを押す前に、画像の設定でサイズ・配置等が変更出来ます。

   また、画像を一括貼り付けをする場合、タイトル部分のチェックボタンを選択して

   【チェックした画像を使う】ボタンをクリックして下さい。
シンプルにアメブロを極める!ブログパーツ/解析ツール/Webサイト活用術!

以上で記事に画像の投稿が完了致します。



最後までお付き合いありがとうございました。


>>この記事をtwitterへRTする


<<関連記事>>

矢印◆アメブロで記事を書いてみよう!【+αリンクを本文に作成する方法】

矢印◆アメブロ 投稿記事を編集したい!【追加・修正・再投稿】

矢印☆アメブロ 本文のmax(横幅)サイズで記事に画像を貼り付ける方法!【図解あり】

矢印☆アメブロ 解像度を維持して記事に画像を貼り付ける方法!



ブログトップ  | 目次  | 用語集

HTMLタグの活用【モバイル投稿編】②_再

HTMLタグの活用【モバイル投稿編】②

こんにちは!サポート団長です。


モバイルからのHTMLタグを使用したテキストリンクを作成する方法についてご説明致します。

◆HTMLタグの活用【モバイル投稿編】マニュアル の続きです。



モバイルで取得したURLはパソコンでは使用できません。


以下はモバイルより取得したURLです(私のブログで説明します)。


「ブログ」

http://m.ameba.jp/m/blogTop.do?unm=sapotomanual


「ルーム」

http://m.profile.ameba.jp/pub/roomTop?targetAmebaId=sapotomanual


「記事」

http://m.ameba.jp/m/blogArticle.do?unm=sapotomanual&articleId=10412484927


お気付きの通り、パソコンで見るURLとモバイルとでは違います。

そこで、必要な部分だけ抜き出して使用する対応が必要です。


◆HTMLタグの活用【モバイル投稿偏】 で説明した4つの基本パターンで作成すれば、両用出きるテキストリンクとなります。


●例題

モバイルから取得した「記事」のURL

http://m.ameba.jp/m/blogArticle.do?unm=sapotomanual&articleId=10412484927 より必要な部分を抜き出します。

IDは==間に存在します


上記では=sapotomanual&articleId=となり =ID&○○=です


即ちsapotomanualIDとなる。


記事の11桁番号は=10412484927で末尾に記載されています。


後はIDと記事の11桁番号を下記の部分に置き換えるだけです。


1.記事のリンク

<a_/strong>href="http://ameblo.mom/

ここにIDを入れる/

entry-記事の11桁番号.html" target="_blank">表示したい文字</a>



補足)「_ 」アンダーバーはスペースのへ英数字は全て半角で使用します!改行部分は全て繋げる。


☆例題を置き換えると☆

<a_href="http://ameblo.mom/

sapotomanual

entry-10412484927.html" target="_blank">例題を置き換えると</a> 


というタグとなります。


☆URLの取得方法(ちなみに私の携帯はsoftbankです)☆

 1.アメブロにログイン

 2.取得したいリンク先まで移動

 3.メニューのURL入力を選択
 4.現在のURLが表示される

 5.コピーすれば完了




<<関連記事>>

矢印☆HTMLタグの活用【モバイル投稿編】
矢印☆スタイルシートを記事に貼り付けると危険です!




ブログトップ  | 目次  | 用語集

アメブロ機能!HTMLタグの活用【モバイル投稿編】

アメブロ機能!HTMLタグの活用【モバイル投稿編】


こんにちは!サポート団長です。


◆モバイルからのHTMLタグを使用したテキストリンクを作成する方法


1.通常パソコンで「アメブロを書く」-「記事を書く」で新規の記事を書く場合、タグの非表示の画面に入力します。

初心者向けサポートマニュアル!モバイル・パソコンの些細な疑問解決します!


2.そして隣のタグにHTMLタグを表示というのがあります。

初心者向けサポートマニュアル!モバイル・パソコンの些細な疑問解決します!


3.文字の装飾やテキストリンク等を作成をする場合、対象の文字を選択して装飾用アイコンで編集します。例えばテキストリンクを作成する場合はリンクアイコンにて行います。

初心者向けサポートマニュアル!モバイル・パソコンの些細な疑問解決します!


4.リンクの追加ウィンドウが出ますのでURLにリンク先、リンク先の表示方法を選択します。その下のリンクをクリックするとテキストリンクが作成されます。

初心者向けサポートマニュアル!モバイル・パソコンの些細な疑問解決します!

補足)リンク先の表示方法

■新しいウィンドウ:テキストリンクをクリックした際に新しいウィンドウにて表示させる

■同じウインドウ:テキストリンクをクリックした際に同じウィンドウにて表示させる


●モバイルでは直接入力となりますので、基本パターンを以下に表記しています。


1.記事のリンク

a_href="http://ameblo.mom/

ここにIDを入れる/

entry-記事の11桁番号.html" target="_blank">表示したい文字</a>

2.ブログのリンク
a_href="
http://ameblo.mom/

ここにIDを入れる/" target="_blank">表示したい文字</a>

3.ルームのリンク
a_href="
http://profile.ameba.jp/

ここにIDを入れる/" target="_blank">表示したい文字</a>

4.アメブロ以外のリンクする
a_href="ここにリンク先URLを入れる/
" target="_blank">表示したい文字</a>


補足)「_ 」アンダーバーはスペースのへ英数字は全て半角で使用します!改行部分は全て繋げる。



以上の4つの基本パターンを知っておけば、モバイルからタグを使用した投稿が可能です。



最後までお付き合いありがとうございました。


<<関連記事>>

矢印☆HTMLタグの活用【モバイル投稿編】②
矢印☆スタイルシートを記事に貼り付けると危険です!



ブログトップ  | 目次  | 用語集