< 2025年05月 >
S M T W T F S
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
インフォメーション
【オフィシャルブログ】 社長ブログリーダーズ
お店ブログharimaChic!
ベーシックブログベーシック
神戸・明石・兵庫でホームページ制作なら 兵庫web制作.com


2008年03月29日

バナーの貼り方!!

以前にちくちくママさんから、メールを頂きバナーの貼り方を電話でお教えし・・・

見事にバナーが一つ出現 拍手

今日は、少し時間があったのでバナーの貼り方をブログでご紹介します チョキ

まずは、管理画面で「記事投稿」を開きます

そして、バナーに使用する画像や写真などを選びます ちっ、ちっ、ちっ

バナーの貼り方!!

そうすると、下の写真のように画像が文字で表現され、その画像にリンク先のURLを挿入します OK
バナーの貼り方!!

文字列の一番前で「左クリック」をしたままマウスを動かし、全体を範囲指定してあげますと・・・下の写真のように、文字周辺が「青」になります。

バナーの貼り方!!

「青」の状態のまま、次の「リンクの挿入」の作業へ入ります。
下の写真の部分をクリックしますと・・・

バナーの貼り方!!

別ウィンドウが開きますので、そこにリンク先のURLを入力します。

バナーの貼り方!!

バナーの貼り方!!

※「リンクの挿入」をクリックする前に、リンク先のURLを範囲指定しコピーしていると、※「リンクの挿入」をクリックすれば自動にURLが入ります。

リンク挿入すると、下の写真のように文字列が長くなります OK

バナーの貼り方!!


次に、サイドや記事の中にバナーを入れるときに、中央に配置させるために先ほどと同じ様に文字列全部を範囲指定してから「中央寄せ」をクリック

バナーの貼り方!!

そうすると、「実際の表示をプレビュー」すると下の写真のように記事の中で中央に配置されます。

バナーの貼り方!!

これで、バナーの素材ができあがり 拍手


この様なバナーなどの素材は、いつでも活用できる様に記事として下書き保存しておくと便利ですので good

下の写真の2箇所「タイトル」と「下書き」に注意してくださいね ちっ、ちっ、ちっ

バナーの貼り方!!



そして、いよいよ念願のバナー設置の仕方ですが、文字列全てを範囲指定(左クリックのままマウスを動かすとできます)

バナーの貼り方!!

範囲指定したところで、「右クリック」から「コピー」を選んで「左クリック

※ショートカットキー操作では「Ctrl」+「C」・・・「Ctrl」を押しながら「C」を押す!

バナーの貼り方!!

そして、管理画面の「ブログの設定」の「ブログ環境設定」を選んで、下の方の「カスタムプラグインの登録」の場所に貼り付けをします。

貼り付けは、「右クリック」で「貼り付け」を選びます。

※ショートカットキー操作では「Ctrl」+「V」・・・「Ctrl」を押しながら「V」を押す!

バナーの貼り方!!

そうすると・・・下の写真のようになりますので、一番下で「確認」を押すと完了です 拍手

バナーの貼り方!!

そうすると、ブログのサイドに下のような感じで表示されますので、試してみてくださいね ニコニコ

バナーの貼り方!!

また、実際に操作しながら教えて欲しい方は、いつでもblog cafeに来て下さいね コーヒー


同じカテゴリー(TENKOMORI)の記事画像
てんこもりリニューアル!!
東京の夜は…
てんこもりリニューアルに期待!
スマホでのブログ投稿!
『なんでやねん!』ボタン
てんこもりに新機能搭載!!
同じカテゴリー(TENKOMORI)の記事
 てんこもりリニューアル!! (2016-04-16 20:28)
 東京の夜は… (2015-03-06 00:44)
 てんこもりリニューアルに期待! (2014-05-09 21:33)
 スマホでのブログ投稿! (2012-11-09 21:23)
 『なんでやねん!』ボタン (2012-03-27 21:21)
 てんこもりに新機能搭載!! (2012-03-02 18:18)
Posted by 統括MGふじ at 12:08│Comments(0)TENKOMORI
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。