ポチポチ祭り設置方法(アメブロCSS編集)
(-∀-管)『管理人Xです!』
井口ブログ、
読者さんのネット関連の
質問に答えます。
井口ブログにある、
ポチポチ祭りの
動く画像
コレ↑の設置方法は、
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つ目で説明した内容を
編集します。
貼り付けしたままだと、
井口達也ブログへ
画像を押すと、
リンクで飛びますが、
変更したい場合などは、
の箇所を、
お好きなURLへ変更して下さい。
違う画像を使用する場合は、
http://stat.ameba.jp/user_images/20090509/12/x-lecture/43/3f/g/t00800075_0080007510178126688.gif
の箇所を、
画像のURLに変更すれば、
変更可能です。
ただし、
背景を、透過させないと、
ブログ上に画像が
かぶってしまいます。
png画像は、
ブラウザIE8以下だと、
透過させて
作成した画像でも、
透過箇所が、
薄いグレーに表示されるので、
ご注意下さい。
井口達也ブログの
ロゴでは、
閲覧者が多く、
多くの人に
綺麗に表示させる為、
バナーは画像1枚で作成してます。
私Xのブログの
ロゴは、
1枚の画像の上に、
もう1枚の画像がある形となります。
サンプル、
このように、
2枚の画像によって、
バナーにしています。
CSSでpng画像を
呼び出して、
立体的に表示されてますが、
ブラウザのバージョンが
古い場合、
一部の人は、
四角いグレーが表示されてしまいます。
なので、
井口ブログでは、
辞めました。
(書籍化発表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