日曜日, 6月 27, 2010

exciteブログの広告の区別について(禁断の技)

はじめに

exciteのブログの広告を記事と区別したい。広告を消すのはまずいので、記事と広告を明確にするために以下のようにしました。お勧めできる方法ではありません。


CSS編集

背景画像にエキサイトの広告であることを明記し、その画像を表示してみました。

CSS編集
#im{
    background-image:url("画像URL");
    background-repeat:no-repeat;
}

オニオンリングが食べたくて (メモ)

オニオンリングが食べたい

オニオンリングが食べたくなって、レシピを探している。できればモスみたいなのが出来ればよいのだけど、ネットに沢山情報があって、どれが良いのか分からない、とりあえずピックアップした情報をメモのために記述。

土曜日, 6月 26, 2010

exciteブログで”うじゃぴよ”を設置する方法(禁断の技)

はじめに

exceitブログで以下のうじゃぴよを設置する方法です。

うじゃぴよの設置方法

エキサイトブログで”うじゃぴよ”を設置する方法です。以下のコードをメモ帳の編集で設置して下さい。

うじゃぴよ


<embed src="http://www.tsukul.co.jp/parts/piyo/tsukul_piyo2.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="220"

exciteブログでの広告の分離(禁断の技)

はじめに

exciteブログの広告の上に分離のためのボーダを入れる方法です。かなりアウトな気がする禁断の技です。

CSS編集

/*広告の分離*/
#im{ border-top:1px solid #ccc;}

最後に

これはアウトかな。記事のなかにhrを入れなくていいのだけど。やっぱりhrを入れて対処した方がよいのかなぁ。

CSS追加 :: 自分メモ

CSS追加

実は、デザインテンプレートを変えたら消えちゃったので、追加分はメモすることに。

CSS追加
.boxtitle{
 border:1px solid #ccc;
 width:80%;
 background-color:#FFD7FF;
 padding:0.1em 0.5em 0.1em 0.5em ;

 position:relative;
 left:0px;
 top :25px;
 left:20px;
 z-index:1;

}
pre{
  border:1px solid #ccc;
  padding:1em;
  background-color: #ffffcc;
  overflow:auto;
 /*
 word-break:break-all;
 white-space:normal ;
 */
}
.post-body h4{
  border-bottom:1px solid #ccc;
  border-left:10px solid #3399FF;
  padding-left:10px;
}

a.more:after,aprevious:before{
content:"\00BB";
font-wight:boid;
color:#c93;
white-spas:nowrap;
}

#navbar-iframe {
display: none !important;
}

"テンプレート デザイナー"のアドバンスから"CSSを追加"で設定しています。

exciteブログでブログ妖精 ココロ ココロを設置(禁断の技)

はじめに

exciteブログでブログ妖精 ココロ ココロを設置する方法です。うまくできなくても責任をとれない、禁断の技です。メモ帳が使えなくなっても責任とれません。(使えているけど念のために書いています。)
なお、3種類のコードを記述しておきます。


ブログ妖精 ココロ ココロ

ブログ妖精 ココロ ココロの設置方法

exciteブログでメモ帳の最後に以下のコードを入れると設置できます。


<embed src="http://www.cocolog-nifty.com/cocolo/clock/CharacterClock.swf" type="application/x-shockwave-flash" width="120" height="220" quality="high" wmode="transparent" allowScriptAccess="always" 

ブログ妖精 ココロ むーちゃんの設置方法

exciteブログでメモ帳の最後に以下のコードを入れると設置できます。


<embed src="http://www.cocolog-nifty.com/cocolo/clock/CharacterClockMu.swf" type="application/x-shockwave-flash" width="120" height="220" quality="high" wmode="transparent" allowScriptAccess="always"

ブログ妖精 ココロ ココスの設置方法

exciteブログでメモ帳の最後に以下のコードを入れると設置できます。

<embed src="http://www.cocolog-nifty.com/cocolo/clock/CharacterClockCocos.swf" type="application/x-shockwave-flash" width="120" height="220" quality="high" wmode="transparent" allowScriptAccess="always"

最後に

なんだか、exciteの禁断の技を書きたくなったので、勝手に書いています。今まで自粛していましたが、この機会に書いちゃいます。以前は、ブログペットとして使えていたので普通に設置できたのですが、設置できなくなったので・・・

ブログのデザインの変更::Blogger

Bloggerのブログのデザインの変更について

以前はエキサイトのブログを利用していたのですが(今もね)Bloggerでのブログのデザインについて使った印象を書いてみたいと思います。基本的には、ブログのデザインは非常に簡単です。素人でも簡単に綺麗なサイトができちゃいます。

テンプレート デザイナーが便利

 "テンプレート デザイナー"は、素人でも簡単にブログのデザインを作ることができます。従来通りのHTMLの編集も可能ですが、"テンプレート デザイナー"を利用すれば、各部分の配置や、色、などを簡単に変えることができます。"テンプレート デザイナー"のアドバンスから"CSSを追加"を選択すれば、細かな設定もできそうです。

CSSの編集

"テンプレート デザイナー"で大体の骨組みとデザインを設定し、細かい設定を"テンプレート デザイナー"内のCSSの追加を利用することでいろいろ出来そうです。

JavaScriptも利用できる

 当たり前なのだけど、JavaScriptも利用できます。エキサイトでは、自分の思うように編集できなかったので、自由にできる環境がとても楽しいです。

最後に

 Blogger はブログのデザイン関連は"テンプレート デザイナー"を利用することで、比較的簡単にできます。HTMLの編集はBlogger特有のタグを覚える必要がありそうです。でも、"テンプレート デザイナー"を利用することで、標準的なサイトを簡単に構築できそうです。
 エキサイトからBlogger を見たときに、この自由な環境がなんだか気持ちい感じを受けます。広告も表示されませんが、自分の意思で収益のために広告表示も可能なのがいいかもしれませんね。

参考までに

Bloggerのテンプレートがいっぱいです。参考になりますよ。

BTemplates :: Free Blogger Templates for your Blog

金曜日, 6月 25, 2010

exciteブログの広告について

注意:この技は現在対策されており、利用できません。
参考:http://potto-laboratory.blogspot.com/2010/07/blog-post_17.html

exciteブログの広告非表示(禁断の技)

exciteブログに広告が2010年7月1日から表示されるようになる。この広告は次のようにCSSを編集すると表示されなくなる。しかし、この方法はお勧めできない。なぜならば、広告表示を消す行為または、広告をいじると規約違反になる可能性があるからである。広告をいじらずにうまく、デザインに溶け込ませることができればいいのだが,でもそれも怒られそうな気がする。
なにか、よいアイディアがあればよいのだけど・・・

#im{display: none ! important;}