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


ブログ妖精 ココロ ココロ

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

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

exciteブログの広告について

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

exciteブログの広告非表示（禁断の技）

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

#im{display: none ! important;}

メモ RSS関連の一時整理のために投稿（内容がないです）

自分用のメモです。

<a href="http://potto-laboratory.blogspot.com/rss.xml" rel="alternate"
title="Subscribe to this feed(RSS 2.0)" type="application/rss+xml">
<img width="91" alt="Subscribe to the Link Building Blog Feed"
style="border: 0;" src="http://zdengfeng.googlepages.com/rss_button.png"
height="17" /></a>

<a href="http://www.google.com/reader/preview/*/feed/http://
potto-laboratory.blogspot.com/atom.xml" rel="alternate" title="Subscribe to this feed"
type="application/rss+xml"><img width="91"
alt="Subscribe to the Link Building Blog Feed" style="border: 0;"
src="http://zdengfeng.googlepages.com/google_button.png" height="17" /></a>

<a href="http://add.my.yahoo.com/content?url=http://
potto-laboratory.blogspot.com/atom.xml"><img border="0" width="91"
alt="Add to My Yahoo!"
src="http://zdengfeng.googlepages.com/addtomyyahoo4.gif" height="17" /></a>

<a href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=
http://potto-laboratory.blogspot.com/atom.xml"><img border="0" width="91"
alt="Subscribe at NewsGator Online"
src="http://zdengfeng.googlepages.com/ngsub1.gif"
height="17" /></a>

<a href="http://www.bloglines.com/sub/http://
potto-laboratory.blogspot.com/atom.xml">
<img border="0" width="91" alt="Subscribe at Bloglines"
src="http://zdengfeng.googlepages.com/bloglinesrss.gif" height="17" /></a>

<a href="http://my.msn.com/addtomymsn.armx?id=rss&ut=http://
potto-laboratory.blogspot.com/atom.xml&ru=http://zdengfeng.blogspot.com/">
<img border="0" width="91" alt="Add to MyMSN"
src="http://zdengfeng.googlepages.com/my_msn.gif" height="17" /></a>

<a href="http://reader.livedoor.com/subscribe/http://
potto-laboratory.blogspot.com/atom.xml"
target="_blank" title="Subscribe with livedoor Reader">
<img border="0" width="91" alt="Add to LiveDoor"
src="http://zdengfeng.googlepages.com/livedoorrssreader.gif" height="17" /></a>

<a href="http://feedpath.jp/feedreader/feeds_add?url=http://
potto-laboratory.blogspot.com/atom.xml" target="_blank"><img border="0" width="91"
src="http://zdengfeng.googlepages.com/sub_feedpath.gif" height="17" title="Add
toFeedpath" /></a>