絵文字とレタッチは360度(応用編)



はじめる前に「当サイトを利用する前に 」を確認してください。


バナーをブログに貼り付ける



HTMLタグ ※HTMLに、文字列を貼り付けるだけ
バナーは、対象のサイトの物を使うので修正などが反映される
環境によっては、バナー(画像)が表示されない場合がある

バナーにリンク ※画像を自分のサイトに置き、画像にリンクさせる
環境に左右されないので、ほぼ確実にバナー(画像)が表示される


アメブロにバナーを貼り付ける(HTMLタグ編)

※Ameba (アメーバブログ) は、サイバーエージェントのブログサービスです。



いつも通りにブログを書く
バナーの貼り付け方法




「HTMLタグを表示」に切り替える
バナーの貼り付け方法



一番下にリストからコピーした文字列を貼り付ける
バナーの貼り付け方法 バナーの貼り付け方法 

代替テキストとは
画像の表示がされない時に
文字を表示する




「タグの非表示」に切り替える
バナーの貼り付け方法




この状態にてバナーの移動が可能
バナーの貼り付け方法



完了


※サーバーの負荷軽減の為、画像の外部呼出し(直リンク)が出来ないように制限している場合があります。
  ご使用のサービスのヘルプ等で確認してください。






ボタンページ先頭 ボタントップページ ボタンサイトマップ ボタンGreenfish Icon Editor Pro の使い方

アメブロにバナーを貼り付ける(画像にリンク編)



文章の下にバナー(画像)を貼り付ける>「画像」をクリック
画像をアップロードする 1




「参照」で画像を選ぶ>タイトルを入力する
画像をアップロードする 2




デスクトップにバナー(画像)を置いているとして画像ファイル 」をクリック 上の図の「アップロード」をクリック
画像をアップロードする 3




「画像フォルダに戻る」をクリック
画像をアップロードする 4




「この画像を使う」をクリック
画像をアップロードする 5




バナー(画像)をクリック(四角が8個ある枠で囲む)「リンク」をクリック
画像をアップロードする 6




(移動先の)URL を入力」「リンク」をクリック
画像をアップロードする 7



完了





ボタンページ先頭 ボタントップページ ボタンサイトマップ ボタンGreenfish Icon Editor Pro の使い方

公開した記事



左側のフリースペースと上側のメッセージボードにも貼り付けた状態 公開した記事 ※インラインフレームにて表示
バナーの貼り付け方法




 サイドバー(フリースぺース)、メッセージボードに貼りつける場合 


アメブロのサイドバーのフリースペースを使用するには設定が必要

バナーをサイドバーに貼り付ける方法    バナーをサイドバーに貼り付ける方法 
記事を書く時のページの左側にある
「配置設定」で「フリースペース」を使用する機能に移動すると表示されます。
そして、「フリースペース編集」で「ブログに貼り付ける文字列 」を貼り付ける。

「メッセージボード」にもバナーを貼り付ける事が可能です。(青い矢印)
 





ボタンページ先頭 ボタントップページ ボタンサイトマップ ボタンGreenfish Icon Editor Pro の使い方

ブログに貼り付ける文字列



赤色の文字は、「絵文字とレタッチは360度」のトップページです。
特定のページへのダイレクトリンクは、赤色の文字を「リンクさせるページのURL 」に置き換えて使用してください。

※バナー(画像)のダウンロードは、「右クリック>名前を付けて画像を保存」

 赤色の文字  移動先のURL   水色の文字  画像(バナー)のURL   ピンク色の文字  代替テキスト


バナー画像 (88×31) GIF
 「新しいウィンドウ」で開く場合
<a href="http://emoji16x16.omiki.com/" target="_blank"><img src="http://emoji16x16.omiki.com/w/banner.gif" alt="バナー" /></a>
 「同じウィンドウ」で開く場合
<a href="http://emoji16x16.omiki.com/"><img src="http://emoji16x16.omiki.com/w/banner.gif" alt="バナー" /></a>


 バナー画像 (88×31) GIF
 「新しいウィンドウ」で開く場合
<a href="http://emoji16x16.omiki.com/" target="_blank"><img src="http://emoji16x16.omiki.com/b/banner.gif" alt="バナー" /></a>
 「同じウィンドウ」で開く場合
<a href="http://emoji16x16.omiki.com/"><img src="http://emoji16x16.omiki.com/b/banner.gif" alt="バナー" /></a>


 バナー画像 (88×31) GIF
 「新しいウィンドウ」で開く場合
<a href="http://emoji16x16.omiki.com/" target="_blank"><img src="http://emoji16x16.omiki.com/p/banner.gif" alt="バナー" /></a>
 「同じウィンドウ」で開く場合
<a href="http://emoji16x16.omiki.com/"><img src="http://emoji16x16.omiki.com/p/banner.gif" alt="バナー" /></a>


 バナー画像 (150×50) GIF
 「新しいウィンドウ」で開く場合
<a href="http://emoji16x16.omiki.com/" target="_blank"><img src="http://emoji16x16.omiki.com/l/banner.gif" alt="バナー" /></a>
 「同じウィンドウ」で開く場合
<a href="http://emoji16x16.omiki.com/"><img src="http://emoji16x16.omiki.com/l/banner.gif" alt="バナー" /></a>





ボタンページ先頭 ボタントップページ ボタンサイトマップ ボタンGreenfish Icon Editor Pro の使い方

 Copyright © 2021 emoji 16x16 All Rights Reserved.