管理人X(-∀-管)のブログ -27ページ目

ポチポチ祭り設置方法(アメブロCSS編集)

(-∀-管)『管理人Xです!』


井口ブログ、

読者さんのネット関連の

質問に答えます。


井口ブログにある、

ポチポチ祭りの

動く画像


管理人X(-∀-管)のブログ-igu

コレ↑の設置方法は、

2つの作業が必要です。


1つ目。

アメブロの管理画面の、

タブ・・・マイページ、ブログ、ブログネタ・・・

の、【ブログ】をクリックすると、

さらに、もう1階層タブが表示されるので、

タブ・・・アメブロを書く、読者とコメント、デザインの変更・・・

【デザインの変更】を押します。


すると、スキンCSSの編集が出てきます。

【ブログのスキンによって編集できない場合もあります】


スキンCSSの編集を押すと、

スクロールバーで、

下まで下がれるので、

1番下まで下がり、

(※既存のCSS【文字】は消さないように注意。追加する形にして下さい)

そこへ、

下記内容を、貼り付け保存します。

グレーの箇所、全てコピーして

貼り付けして構いません。



/*■ポチポチ追加箇所CSS■*/

#frame { position: relative; }

div#igu{ position:absolute; top:290px; left:-50px; z-index:110; }

/*■ここまで■*/



2つ目は、

上記のCSSを機能させる、

指令を出すタグを

設置する必要があります。


デザイン変更がある

同じタブの、

サイドバーより、

フリースペースの編集をクリック。

その中に、

下記を貼り付けます。


<div id="igu"><a href="http://ameblo.jp/iguchi-blog">

<img src="http://stat.ameba.jp/user_images/20090509/12/x-lecture/43/3f/g/t00800075_0080007510178126688.gif">

</a></div>


これで、表示されます。




位置の調整は、

1つ目の箇所を

いじればOKです。


top:290px;
left:-50px;


ここの数字を変更します。

以下、それぞれ、

左右、

上下の動かし方。


左右を動かす場合。


left:-50px;

の数字のみを、

半角数字で変更します。


もっと左にしたい場合は、

-100に

もっと右にしたい場合は、

-(マイナス)を省き、

0にしてから、

プレビュー確認しながら、

10

50

100

など、好きな位置に調整してください。

数値が増えれば、

右に画像は移動します。


-(マイナス)は

消しても構いませんが、

前後の

left:  px; は消さないで下さい。


上下を動かす場合、


top:290px;

の数値を変更します。


上から下へ

画像をずらす数値となるので、

数値が大きければ、

より下へ、

少なければ、

上へ画像は移動します。


0なら、1番上にいきます。


390に変更すれば、

もっと下へいきます。


100にすれば、

上にいきます。



リンク先を変更する場合。


1つ目ではなく、

2つ目で説明した内容を

編集します。


貼り付けしたままだと、

井口達也ブログへ

画像を押すと、

リンクで飛びますが、

変更したい場合などは、


http://ameblo.jp/iguchi-blog


の箇所を、

お好きなURLへ変更して下さい。



違う画像を使用する場合は、


http://stat.ameba.jp/user_images/20090509/12/x-lecture/43/3f/g/t00800075_0080007510178126688.gif


の箇所を、

画像のURLに変更すれば、

変更可能です。


ただし、

背景を、透過させないと、

ブログ上に画像が

かぶってしまいます。


png画像は、

ブラウザIE8以下だと、

透過させて

作成した画像でも、

透過箇所が、

薄いグレーに表示されるので、

ご注意下さい。


井口達也ブログの

ロゴでは、

閲覧者が多く、

多くの人に

綺麗に表示させる為、

バナーは画像1枚で作成してます。

サンプルです。

管理人X(-∀-管)のブログ-igutitop


私Xのブログの

ロゴは、

1枚の画像の上に、

もう1枚の画像がある形となります。

サンプル、


管理人X(-∀-管)のブログ-x


この画像の上に


管理人X(-∀-管)のブログ-透過
この画像が、左に表示されています。


このように、

2枚の画像によって、

バナーにしています。


CSSでpng画像を

呼び出して、

立体的に表示されてますが、

ブラウザのバージョンが

古い場合、

一部の人は、

四角いグレーが表示されてしまいます。


管理人X(-∀-管)のブログ-rogo
こんなイメージです。


なので、

井口ブログでは、

辞めました。

(書籍化発表12時の時点では立体的でしたw)


と言うわけで、

今回、

笑いがありませんが・・・

説明を終わります。


x-lecture

をレスキューと勘違いしてる

空気をパンチしちゃう子・・・

レクチャーに、

今回のでなったかな・・・汗


次回は、

バナー上の、

タイトルと、

タイトル下のブログ説明文の、

文字サイズ変更方法と、

設置場所の指定方法を

予定してます。

(-∀-管)



(ろ^-^ず)うっふーんなブログにウッフーンな三人

(-∀-管)『管理人Xです!』


いつも、
井口達也ブログに
コメントくれる読者さんの、
全員のブログを
リンクから
読んでいる私達。


井口戦隊(井口組)に
任命されている、
(ろ^-^ず)ちゃんの
ブログを読むと、
私の記事が
紹介されましたw


その際の会話、ご覧あれ!


毎日のように

ROSEちゃんの

ブログ閲覧中・・・


(^井^)『うっおぉぉぉ!!!ぽちぽちぽちぽち・・・ジー・・・ポッ』


(・∀・弟)『うっおぉぉぉ!!!クリッククリッククリック・・ジー・・・ポッ』


(-∀-管)『・・・汗』


すると・・・


(^井^)『うっふ~ん・・・ぽっ・・・??あ~~~!恐怖のエックスブログが出てる』


(・∀・弟)『ウッフーン・・・ぽっ・・・??なにぃ~~~アニキが紹介されてる!』


(-∀-管)『・・・ニヤリw』


(^井^)『エックスファンクラブ会長宣言してる・・・(汗』


(・∀・弟)『大好きなエックスさん・・・って書いてある(汗』


(-∀-管)『なんか、スミマセン』


(^井^)『オレの、うっふーんが・・・オレの方が見てるのに』


(・∀・弟)『オレの方がローズちゃんがアニキ好き以上に大好きな・・・ろーずちゃん』


(-∀-管)『自分も、影で読んでます』


(^井^)『オレの、ムッシュームラムラブログが・・・ムッツリンに取られた!』


(・∀・弟)『・・・取られたムッツニイに』


(-∀-管)『ムッツニイ言うな(汗』


と言うわけで、
(ろ^-^ず)ちゃん
記事と紹介ありがとう。


(ろ^-^ず)ちゃんの
ブログ読者さんも、
訪問してくれた方、
ありがとうございます。


ファンクラブ・・
照れますが、
嬉しいですw

でも、

ローズちゃん、

一人しか居ないと、

ファン【クラブ】には

ならないけどそれで良ければw


そんな、
(ろ^-^ず)ちゃんの
ブログですが

ブログ上で、


6割近い方が、
リピーターさんです。


と書かれてます。

そして、
こうも書かれてます。


Roseのブログには、
ずっーと応援
し続けくれている
人がいて、

その為、
いつもいつも
井口ブログのことばかりを
書くわけにはいきません。


そういう記事の時は
いつもの
コメンテーターさん達が
遠慮してくれていることが

わかるから。


どうですか?


井口達也ブログと
同じように、
温かい読者さんと、
ムッシュムラムラな
読者さん(身内含むw)に
支えられている、
(ろ^-^ず)ちゃんのブログ。


ブログという

お互い顔を知らない
見えない
コミュニケーションで、
人を轢きつけ
長い期間、
継続し続けるには、
そのブログと
読者様の
信頼関係があり、
プラス、
その人に魅力があるから、
実現すると思います。


そんな魅力ある
お二人の、ブログ紹介。


うふーんなRoseちゃんねる
↑是非、読んで下さいね。


オレオレ詐欺なんかより、
よっぽど良い、
ノーブラ詐欺w


(・∀・弟)『・・・詐欺に、あいたい・・・』


(-∀-管)『・・・w』


そして、
我らの会長・・・
井口達也ブログ
↑も読んでね。


書籍化発表日には、
読者登録してくれた
アメブロ読者全員に

ペタを返してしまう漢。


オレオレ詐欺なんかより、
よっぽど良い、
ノープラン詐欺w


そして、
エックスブログを
訪れてくれている
読者様。


そろそろ、
このブログの
立上げ理由である、
ブログ編集方法など、
アップしていきます。

(^桃^)待っててねw


最後に、
(ろ^-^ず)ちゃんへ。


この記事のタイトルは、
ろずちゃんの読者様で、
検索エンジンから
検索してる人が居る場合、
【うふーん】
で検索する人も
居るかと思い、
あえて、
【うっふーん】にしています。


ページランクから、

かぶる可能性が今後あり、

間違えてる
訳ではありませんので。


SEOなどの関係から、
リンク紹介の文字は、
タイトルのまま、
うふーんに
してありますw

(・∀・弟)『SE・・・えっ・・・』


(-∀-管)『・・!!言わせないよ』


我が家みたいに

なっちゃいましたが、

井口ブログでは、

中学生なども多いため、

こっちならOKかな・・・w


では、

井口達也ブログへ

戻ります。


書籍化打ち合わせ

パート2・・・

FMで公開に向け準備中。

お楽しみにw

(・∀・弟)君の紹介・・・

(-∀-管)『管理人Xです!』


前回、

番外編が入ってしまい、

弟君に・・・


(・∀・弟)『・・・アニキ~オレって紹介されないのかな・・・ジー』


といわれたので、

弟君の紹介ご覧あれ、


ヒデへ、

紹介を楽しみに

してるみたいだけど、

天然の2人を

紹介な訳だから

それは、

それなりに

なるよ??(-∀-管)

ご覧あれw


ある日、

弟君の家に向かうと

電話がなりました。


その後、すごい光景を

見ることに・・・汗



(・∀・弟)『もし~?アニキ~もう着く感じ?どうな感じ?』


(-∀-管)『いま、車で高速おりたとこだから、もう着くよ!!』


(・∀・弟)『オラお腹空いたから、マック行っちゃうね~』


(-∀-管)『行っちゃうね~って・・・!!ヒデ・・・もう着くんだよ!??(汗』


(・∀・弟)『うん平気!お持ち帰りするから!先に着いたら少し待ってて~ガチャッ・・・ツーツーツー』


(-∀-管)『ヒデ・・・オレも食べたいのに一方的に電話を切るなよな(汗』


そう思いながら、

自分も

アップルパイを

ドライブスルーで

買おうとすると、

ヒデが

ドライブスルーに

居ました・・・

車ではなく・・・



自転車に乗って・・・汗



窓をあけると・・・

自転車は車に比べ

小さいので、

車で後ろにつけると、

モロ、やり取りが聞こえる


(・∀・弟)『ポテトの塩多めと、ビックマックセット!あとナゲット下さい!!』


(^M^)『かしこまりました!!ソースは?』


(・∀・弟)『そ~っす!』


(^M^)『・・・??あの、ナゲットのソースは?』


(・∀・弟)『あ、そーすかって聞かれたのかと思い、そーっす!って言っちゃいました!ナゲットはいります!』


(-∀-管)『ヒデ・・・汗』


(^M^)『・・・お客様、ナゲットは注文されてます、あの・・・ナゲットのソースは?』


(・∀・弟)『マスタード以外で!!』


(^M^)『・・・ケチャップ・・・ですね??(笑)』


(・∀・弟)『そーっす!』


(^M^)『では、お会計~円となります』


(・∀・弟)『え・・・予定外っす』


(^M^)『・・・はい?(笑』


(・∀・弟)『財布に500円位しか無いっぽいです・・・どうしましょう?』


(^M^)『・・・どうなさいましょう?(笑』


(・∀・弟)『ちょっと電話しますね』


(^M^)『・・・はい(笑』


弟君から着信


(・∀・弟)『もし~?アニキ~どうな感じ?もう家に着いちゃったかな?』


(-∀-管)『いま、ヒデの後ろに居るわ・・・』


(・∀・弟)『ア~~ニ~~キ~~~~!!!』


(-∀-管)『・・・汗』


(・∀・弟)『店員さん店員さん!』


(^M^)『・・・はい(笑』


(・∀・弟)『ミラクルが起きました!』


(^M^)『・・・はい?(笑』


(・∀・弟)『お金を発見です!ちょっと待ってて下さい』


(^M^)『・・・はい(笑』


(・∀・弟)『アニキ~お金頂戴・・・(両手)』


(-∀-管)『ヒデ・・・』


(・∀・弟)『早くしないと後ろつかえちゃうよう!』


(-∀-管)『ヒデ・・・オマエが言うな!はい・・・お金』


(・∀・弟)『ワーイ!店員さん!お会計OKっす!』


(^M^)『・・・はい、では前えお進み下さい(笑』


会計場所へ・・・


(・∀・弟)『どもっす!』


(^M^)『・・・!!!自転車でしたか(笑』


(・∀・弟)『チョリッス!』


(^M^)『・・・お気をつけて~』


(-∀-管)『え・・・チャリで注意されないのかよ・・・汗』


と言うわけで、

ドライブスルーに

お金持たず、

チャリで登場してました。


私、その後

他人のフリしてましたが、

会計の際、

店員さんの皆さん、

笑ってました・・・汗


ヒデ・・・

オレは、笑えなかったよ


と言うわけで、

弟君の、紹介でした。


では、

井口達也ブログ

戻りますw