♥その他♥ 記事上の読者になるを画像に



.readerMainLink p{
text-indent:-9999px;
background-image:none;
}
.readerMainLink p a{
display: block;
padding:0;
margin:0 auto;
width:画像の横幅px;/*画像の横*/
height:画像の縦幅px;/*画像の縦*/
background-image : url(画像のURL);
background-repeat : no-repeat ;
}

=================================================
.readerMainLink a:hover {
background-image : url(マウスがのったときの画像のURL);
background-repeat : no-repeat ;
}

マウスがのった時、

画像変わらなくてもいいって人は

=======からしたのところは貼らなくてOKですо(ж>▽<)y ☆
 

 CSSへ貼りましょう



♥その他♥ アイフレ 2個以上の付け方も...



#frame{
position:relative;/*frameの右上(左上)を基準に*/
}
#aifure{
position:absolute;
top:上からpx;/*上から A*/
right:右からpx;/*右から B ※注*/
width:横幅px;/*枠の横 C*/
height:縦幅px;/*枠の縦 D*/
overflow:auto;/*スクロールをつける*/
padding:文字と枠の隙間px;/*中のスキマ E*/
background-color:背景色;/*枠内の背景色*/
z-index:300;/*重なりの順序を一番上に*/
filter:alpha(opacity=70); /*★背景色を半透明*/
-moz-opacity: 0.7;/*★背景色を半透明*/
opacity: 0.7;/*★背景色を半透明*/

border:太さpx solid 枠色;/*☆枠 太さ・線種・色*/
}

CSSに貼ってね
数字やコードは変えようね
そのあと
<div id="aifure">ここに好きな文字等を</div>
をフリースペースに貼ってね


背景を透かせたくない人は★の部分は要らないよ
枠がいらない人は☆の部分要らないよ

2個付けたい人は
CSSの#aifure{ を#aifure02{ にしてから
フリースペースの<div id="aifure">を<div id="aifure02">にするよ
3個からも03にしたりしてね

2個目からは
#frame{
position:relative;/*frameの右上(左上)を基準に*/
}

この部分 いらないよ

♥コピー  ブログ♥このタグ、1つだけで今流行ってるブログに...



初心者様やCSSの操作が苦手な方にオススメするよ♪
~~~~~~~~~    ~~~~
↓をコピってCSSに貼ってね☆↓

body{
background-image:url(背景のURL);/*背景に画像*/
}
.entry .contents {
height: 250px; /* 300px を越えたら */
overflow: auto; /* スクロールする */
scrollbar-***-color: #abcdef;
}
.entry{
width:350px;
}
#frame{/*全体の横幅*/
width:500px;
float:center;
}
.entry .contents{
padding:10px 15px 0 15px;
background-image:url()
}
.contents #advertising2{
margin:0 -15px !important;
padding:0 10px;
background:#ffffff !important;
}
#advertising2 a,
#advertising2 p{
font-size: 0.4em !important;
}
/*記事枠*/
.entry{
border:3px solid #FFCCFF
}

#header {
background-image: url(スキンのURL);
}

#header {
height: 250px;
}

#header {
background-repeat:repeat-x;
}
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(MaxSquare='50', percent='1',duration=8)">
/*広告消す*/
#advertising2{
text-indent:-2000px;
display:block;
overflow:hidden;
width:0;
height:0;
}
#ameblo{
text-indent:-2000px;
display:block;
overflow:hidden;
width:0;
height:0;
}
#defaultAd{
text-indent:-2000px;
display:block;
overflow:hidden;
width:0;
height:0;
}
/*広告消す終わり*/
#message {
height:200px; 
overflow:auto;
}
body {
background-color: #FFFFFF;
}
/*記事下広告消す*/
#footer_ad{
text-indent:-2000px;
display:block;
overflow:hidden;
width:0;
height:0;
}
/*新ピグ広告消す*/
body{
margin-top:-100px !important;
}
#frame{
margin-top:100px;
}
/*新ピグ広告消す*/
#overHeader #userNaviArea{
display:none !important;
}
/*ブログタイトル消す*/
#header h1{
display:none;
}
/*ブログの説明消す*/
#header h2{
display:none;
}
/* ● アメーバ会員登録を非表示にします ● */
#amebaBar li a.barRegist{display:none;}
#amebaBar{
border-bottom:none !important;
}
ul#amebaBar{
background-color:transparent;
border:none;
}
#amebaBar li a.menuRank{
display:none;
}
#barAd {
display:none;
}
#frame{/*全体の横幅*/
border:15px solid #FFCCFF;/*枠 太さ・線種・色*/
}
#frame{
background-image:url(背景のURL);
}
#sub_a{
background-image:url(背景のURL);
}
#message {
width:300px; 
}
/*記事日付*/
.entry .date {
color: #FFCCFF;/*文字色*/
font-size: 30px;/*文字サイズ*/
font-family: 'arial black',Impact;/*文字書体*/
background-color: transparent;/*背景色を消す*/
border: none;/*線(影)を消す*/
text-align: center;/*中央に*/
float:none;/*ベーシックスキン用*/
}
/*ベーシックスキンの場合はこれも必要です-IE7でタイトルと重なります*/
.entry h3.title{
margin-top:20px;
}
/*アメーババー消す*/ 
#barAd {
display:none;
}
#amebaBar li a.menuRank{
display:none;
}
#barLogoTop img{
visibility : hidden ;
}
#barLogoTop li{
display:none;
}
ul#amebaBar{
background-color:transparent;
border:none;
}
ul#amebaBar{
margin:0 auto !important;
min-width:0px !important;
width: 0.1px;
border:none;
position:static !important;
}
#advertising2{
text-indent:-2000px;
display:block;
overflow:hidden;
width:0;
height:0;
}
 
#ameblo{
text-indent:-2000px;
display:block;
overflow:hidden;
width:0;
height:0;
}
 
#footer_ad{
text-indent:-2000px;
display:block;
overflow:hidden;
width:0;
height:0;
}
#rss{
margin:-2000px auto 0 auto;
padding-bottom:16px;
border:none;
background-image:none;
text-align:center;
}
div#footerArea{
background-color:transparent !important;
border:none !important;
}
/*メッセージボードに枠線*/
#message{
border:6px solid #FFCCFF;
}
/*フォント変更*/
body{
text-align:center;
font-family:'HGSゴシックE';
}


URLは自分で変えて見てね

♥メニュー♥ 横メニュー/スキン下メニュー



/*横メニューここから始まり*/

#topmenu {
width: 全体の横幅(スキンの幅と同じがオススメ)px;/*スキンの幅A*/
font-size:文字サイズ(10くらいがいい)px;/*文字サイズ*/
line-height:2;
display: block;
}
#topmenu ul{
margin:0;
padding:0;
}
#topmenu li {
width: 1つのメニューの横幅px;/*1つの幅B*/
margin: 0 0px;/*メニューのスキマC*/
border: 0px solid #fff;
background-color:背景色;
text-align: center;/*中央寄せ*/
display:inline;/*IE6対策*/
list-style: none;
float: left;
}
#topmenu li a {
color: 文字色;/*文字色*/
border: 線の太さpx 線の種類 周りの線の色;
margin: 1px;
text-decoration: none;
display: block;
}
#topmenu li a:hover {
color: マウスがのった時の文字色;/*オンマウス時文字色*/
background-color:マウスがのった時の背景色;/*オンマウス時背景色*/
}

#frame {

position: relative;
}
#topmenu{
position: absolute;
top:上からpx;/*上から*/
left:左からpx;/*左から*/
z-index: 100;
}

/*横メニューここで終わり*/

 

をまずCSSに。

 

色を入れる所は  http://www.finitojapan.com/cltable.htmlを参考に

線の種類は  http://majority.bake-neko.net/html/tool/tool_004.htmlを。

 

 

 

その後、フリースペースに↓を。

 

<div id="topmenu">
<ul>
<li>メニュー①の文字</li>
<li>メニュー②の文字</li>
<li>メニュー③の文字</li>
<li>メニュー④の文字</li>
<li>メニュー⑤の文字</li>


</ul>

</div>

 

 

5個じゃ足りない!という人は

<li>文字</li>

を、最後の</ul>の前に付ければOKです。


♥消す♥ 『読者になる』を消す.



<script type="text/javascript">
$(function() {
$(".readerMainLink:eq(0),.page:eq(0)").remove();
})
</script>

 

フリープラグインに



♥音楽♥ アイポッド



これはタグ
ぢゃぁないけど。

  http://www.mixpod.com/
で作る事ができるょ

 

英語が苦手な人には

キツいかもですが(´;ω;`)

Create Playlist

という所で作れるょ



♥記事♥ 横幅を細くする



/*記事横幅*/ 

.entry {
width:好きな横幅px;
}


 

CSSに貼ってね



♥メッセージボード♥ 背景に画像を入れる

.
#message {
border:none;/*上下の点線を消す*/
background-image:url(画像のURL);
background-position:center;/*中央に配置*/
}

CSS



色々作れるサイト紹介するよ♪

①チカ画作れるサイト
  http://www.bannerkoubou.com/chikaga/

②連画作れるサイト
  http://www.bannerkoubou.com/anime/

③文字いれできるサイト(文字を丸くしたりいっぱいできます)
  http://www.bannerkoubou.com/mojiire/big/

④明朝体デコメ作れるとこ
  http://iappli.nipapa.com/mincho/

⑤動く顔文字作れるとこ
  http://iappli.nipapa.com/kaodeco/changeface/c2b3ac8e836d0c2fcd7960eedc8dff72.php


⑥自動再生はこちら!

 http://computernlife.blog.fc2.com/blog-entry-15.html



以上デスッ(σ・∀・)σ
一個でもどれかのサイト飛ぶときゎ
コメントしてくださぃ