« Photo Shopを使い、文字の立ち上がるような変形(遠近法)についてのメモ。 | トップページ | メモ、LANケーブル修理・自作。(フラットケーブルでより線でも難しくないですね) »

2010年6月25日 (金)

7・11天王山決戦に向けバナー追加、「都合悪けりゃ期日前投票」版など4種類&バナーの貼り方を説明します。

 8・30の勝利⇒7・11天王山決戦勝利!
↓植草さんのココログへ、、右バナーはモルダウ(我が祖国)スメタナ。
8・30勝利記念バナー

 

※説明の前提として、環境は、
1、ココログです。ココログは老舗なのでほぼ標準仕様、ほとんどのブログで共通で出来るはずです。ただし、仕様の違いで出来ないブログが若干ある可能性もあります。

2、ブラウザはFirefoxです。

 

◎先ず、エントリー中表示の場合の説明です。(その後でサイド表示のやり方とタグをご説明します。)

(クリックすると拡大します)
20100625_5 20100625_6


1、↑例えば雑談日記に来てバナーをコピーし、記事の作成画面に貼り付けるだけで表示出来ます。

※ブラウザがFirefoxですが、Macで標準のSafariの場合には、1と同じようにやっても、
20100625_4 2、←の様になってバナーは表示されません。テキストベースなので、もし画像を表示させたければ自分でタグを書かなければなりません。ググるとMac利用者の悩みの声などが結構出ますね。(Mac利用者って面白くて、Webデザイナーや映像関係とかプロにも人気がありますが、実はアフターケアが良かったり、使い勝手で初心者が使いやすかったりするので女性ユーザーが意外と多いのです。そう言う初心者の悩みの声です。)

 解決策があります。MacでもMac用のFirefoxを使う、これが答えです(汗)前置きが長くなってご免なさい(汗)実はこのエントリーはMacのFirefoxで入力しています。1でご説明した画像も実はWindowsではなくMacでのFirefoxの画面なのです。窓ではIE(インターネットエクスプローラー)以外のブラウザを知らない初心者がいますが、リンゴでも同じようにSafari以外のブラウザを知らないと言う初心者が結構いますね。

 FirefoxはOS(オペレーティングシステム)の垣根を超えてしまう、これです。自分自身としてはタグの知識もあり書く事は出来ますが、利便性と言う事からFirefoxなしMacでのブログ・メンテナンスは考えられません。

 

◎サイドエリアにバナー設置するやり方です。バナーの下にタグを書いておきましたので、下の方でご説明したやり方で作業すればバナーをサイドに表示させる事が出来ます。

まず、7・11天王山決戦「心を一つにし 断固闘う」標準バナーです。
7・11天王山決戦「心を一つにし 断固闘う」バナー 7・11天王山決戦「心を一つにし 断固闘う」バナー

<p><a title="クリックするとモルダウ(我が祖国)、スメタナ" target="_blank" href="http://www.youtube.com/watch?v=bJJfEfP9JVk&amp;NR=1&amp;fmt=18"><img src="http://soba.txt-nifty.com/zatudan/0anime/jiminwotheend88-15.gif" alt="7・11天王山決戦「心を一つにし 断固闘う」バナー" /></a> </p>

子供達の未来を決めるのは大人たちの1票版です。
「子供達の未来を決めるのは大人たちの1票」バナー 「子供達の未来を決めるのは大人たちの1票」バナー

<p><atitle="クリックすると植草さんの『知られざる真実』" href="http://uekusak.cocolog-nifty.com/blog/" target="_blank"><img src="http://soba.txt-nifty.com/zatudan/0anime/jiminwotheend88-26.gif" alt="「子供達の未来を決めるのは大人たちの1票」バナー" /></a> </p>

君たちの未来を決めるのも君たちの1票版です。
「君たちの未来を決めるのも君たちの1票」バナー 「君たちの未来を決めるのも君たちの1票」バナー

<p><atitle="クリックすると植草さんの『知られざる真実』" href="http://uekusak.cocolog-nifty.com/blog/" target="_blank"><img alt="「君たちの未来を決めるのも君たちの1票」バナー" src="http://soba.txt-nifty.com/zatudan/0anime/jiminwotheend88-26-2.gif" /></a> </p>

「都合悪けりゃ期日前投票」版
都合悪けりゃ期日前投票」バナー 都合悪けりゃ期日前投票」バナー

<p><atitle="クリックすると植草さんの『知られざる真実』" href="http://uekusak.cocolog-nifty.com/blog/" target="_blank"><img src="http://soba.txt-nifty.com/zatudan/0anime/jiminwotheend88-27.gif" alt="都合悪けりゃ期日前投票」バナー" /></a> </p>

「棄権で希望も捨てますか」版
「棄権で希望も捨てますか」版バナー 「棄権で希望も捨てますか」版バナー

<p><atitle="クリックすると植草さんの『知られざる真実』" href="http://uekusak.cocolog-nifty.com/blog/" target="_blank"><img alt="「棄権で希望も捨てますか」版バナー" src="http://soba.txt-nifty.com/zatudan/0anime/jiminwotheend88-28.gif" /></a> </p>

 

※「ココログのサイドに張る方法」です。以下は、TBP(トラックバックピープル)、例えば右サイドにある「民主党政治」TBPのJavaScriptコードを貼り付け、表示させるのを説明する時に作った画像です。説明中、JavaScriptコードの所を「バナーのタグ」と読み替えて頂ければ同じ事で、バナーをサイドに表示させる事が出来ます。

以下の要領ではれば作業完了です。

10 ココログのサイドエリアに張りたい場合だと、マイリストの新規作成で


11 リストのタイプ「リンク」で、リストの名前を適宜入れてから、「リストの作成」ボタンクリックと1、2、3の順でやります。


12 管理タブの所でJavaScriptコードを貼り付け保存クリック。 次に、設定のタブをクリックし


13「表示設定」で「メモをテキストとして表示」を選び、「変更を保存」をクリックすれば作業完了、サイドエリアに表示されるようになります。

|

« Photo Shopを使い、文字の立ち上がるような変形(遠近法)についてのメモ。 | トップページ | メモ、LANケーブル修理・自作。(フラットケーブルでより線でも難しくないですね) »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック


この記事へのトラックバック一覧です: 7・11天王山決戦に向けバナー追加、「都合悪けりゃ期日前投票」版など4種類&バナーの貼り方を説明します。:

« Photo Shopを使い、文字の立ち上がるような変形(遠近法)についてのメモ。 | トップページ | メモ、LANケーブル修理・自作。(フラットケーブルでより線でも難しくないですね) »