トンボのネット販売
2009年末から始めた自社HPによるグランド整備用トンボの
ネット販売がおかげさまで通算1,000本達成いたしました。
思考錯誤を繰り返しようやく販売を開始した2010年は
300本を目標にしてましたが余裕で達成出来ました！
数々のお礼の手紙やメールをいただきトンボSPシリーズ
を購入していただいたお客様には本当に感謝しています。
2011年は500本を目標にしていますがこのペースなら
皆様のおかげで達成出来そうです。
しかし2011年は3か月半しか終わっていません。
これからが勝負です。
気を引き締めて、お客さんに対するフォロー、製品の
品質向上、新製品の開発を行っていきたいと思います。
★グランド整備用トンボのジャパンアイウェア★
www.japan-eyewear.com/shop/
ネット販売がおかげさまで通算1,000本達成いたしました。
思考錯誤を繰り返しようやく販売を開始した2010年は
300本を目標にしてましたが余裕で達成出来ました！
数々のお礼の手紙やメールをいただきトンボSPシリーズ
を購入していただいたお客様には本当に感謝しています。
2011年は500本を目標にしていますがこのペースなら
皆様のおかげで達成出来そうです。
しかし2011年は3か月半しか終わっていません。
これからが勝負です。
気を引き締めて、お客さんに対するフォロー、製品の
品質向上、新製品の開発を行っていきたいと思います。
★グランド整備用トンボのジャパンアイウェア★
www.japan-eyewear.com/shop/
記事枠・内部のデザイン
今回は記事欄のデザインです。
記事を囲むことによって1ページに3記事以上書かれている方には
1つの記事が分かりやすくなると思います。
いつものように
＊ブログタブのデザインの変更→カスタム可能→ＣＳＳ編集です。
【カスタム可能】グリーンをベースに作成しています。
下記のコードをブログデザインCSSで書き変えてください。
ここから↓
/* ---------- entry : 各記事枠 ---------------- */
.entry{
width:390px;
background:url(http://www.japan-eyewear.com/ameblo/base_top.jpg) no-repeat top;
margin-bottom: 10px;
padding:40px 0;
}
.entry .date{
display:block;
text-align:right;
margin:0;
padding: 0 15px 0 0;
background:url(http://www.japan-eyewear.com/ameblo/base_body.jpg) repeat-y top;
}
.entry .name{
width:390px;
display:block;
}
.entry .theme{
padding:10px 0 0 20px;
display:block;
background:url(http://www.japan-eyewear.com/ameblo/base_body.jpg) repeat-y top;
}
.title{
margin-bottom:5px;
}
.entry .contents{
margin:0;
line-height: 1.5;
}
.entry .contents .subContents{
background:url(http://www.japan-eyewear.com/ameblo/base_body.jpg) repeat-y top;
padding:20px 20px 5px;
overflow:hidden;
}
.entry .foot{
text-align:center;
height:30px;
background:url(http://www.japan-eyewear.com/ameblo/base_bottom.jpg) no-repeat bottom;
}
.entry h3.title{
clear:both;
margin:0;
padding:5px 0px 5px 20px;
line-height:1.1
min-height:15px;
letter-spacing:0.1em;
background:url(http://www.japan-eyewear.com/ameblo/base_body.jpg) repeat-y top;
}
↑ここまで
赤字のところをオリジナルの画像・値に変更してください。
画像のサイズは幅が390ピクセル（全ての画像）
高さは
base_top.jpg（記事上部）は40ピクセル
base_body.jpgは（記事中部）repeat-yしてるので1ピクセル
base_bottom.jpg（記事下部）は40ピクセル
にしています。
*注意点
1行に書ける文字数が制限されますのでその際は
画像・記事枠の編集が必要になりますのでご了承ください。
CSSの意味がよくわからない場合は自己責任でお願いします。
上記のURLの画像はそのまま使ってもいいですが都合により変更する
ことがあるのでご了承ください。
記事を囲むことによって1ページに3記事以上書かれている方には
1つの記事が分かりやすくなると思います。
いつものように
＊ブログタブのデザインの変更→カスタム可能→ＣＳＳ編集です。
【カスタム可能】グリーンをベースに作成しています。
下記のコードをブログデザインCSSで書き変えてください。
ここから↓
/* ---------- entry : 各記事枠 ---------------- */
.entry{
width:390px;
background:url(http://www.japan-eyewear.com/ameblo/base_top.jpg) no-repeat top;
margin-bottom: 10px;
padding:40px 0;
}
.entry .date{
display:block;
text-align:right;
margin:0;
padding: 0 15px 0 0;
background:url(http://www.japan-eyewear.com/ameblo/base_body.jpg) repeat-y top;
}
.entry .name{
width:390px;
display:block;
}
.entry .theme{
padding:10px 0 0 20px;
display:block;
background:url(http://www.japan-eyewear.com/ameblo/base_body.jpg) repeat-y top;
}
.title{
margin-bottom:5px;
}
.entry .contents{
margin:0;
line-height: 1.5;
}
.entry .contents .subContents{
background:url(http://www.japan-eyewear.com/ameblo/base_body.jpg) repeat-y top;
padding:20px 20px 5px;
overflow:hidden;
}
.entry .foot{
text-align:center;
height:30px;
background:url(http://www.japan-eyewear.com/ameblo/base_bottom.jpg) no-repeat bottom;
}
.entry h3.title{
clear:both;
margin:0;
padding:5px 0px 5px 20px;
line-height:1.1
min-height:15px;
letter-spacing:0.1em;
background:url(http://www.japan-eyewear.com/ameblo/base_body.jpg) repeat-y top;
}
↑ここまで
赤字のところをオリジナルの画像・値に変更してください。
画像のサイズは幅が390ピクセル（全ての画像）
高さは
base_top.jpg（記事上部）は40ピクセル
base_body.jpgは（記事中部）repeat-yしてるので1ピクセル
base_bottom.jpg（記事下部）は40ピクセル
にしています。
*注意点
1行に書ける文字数が制限されますのでその際は
画像・記事枠の編集が必要になりますのでご了承ください。
CSSの意味がよくわからない場合は自己責任でお願いします。
上記のURLの画像はそのまま使ってもいいですが都合により変更する
ことがあるのでご了承ください。
サイドバーの読者になるオリジナルボタンの設置
今回はサイドバーの読者登録をマウスオンで変わる画像にして、
読者一覧を消します。
通常画像
マウスオン画像
そして、サイドバーの編集で左上に持ってくれば
すぐに読者登録できます
＊ブログタブのデザインの変更→カスタム可能→ＣＳＳ編集です。
下記のコードをブログデザインCSSに貼り付けてください。
ここから↓
/* ----- readers : サイドバー 読者 ------------ */
#reader dl{
margin-bottom:7px;
}
#reader ul{
margin-top:5px;
}
#reader p{
display:inline;
}
#reader h4{
display:none;
}
#readerList li,dd{
margin-left:5px;
display:none;
}
#readerList img,dd{
margin-left:5px;
display:none;
}
#readerList dl a {
display:block;
background-image:url(http://www.japan-eyewear.com/ameblo/reader_off.jpg);
background-repeat:no-repeat;
height:50px;
margin:0;
padding:0;
}
#readerList dt a:hover{
display:block;
background-image:url(http://www.japan-eyewear.com/ameblo/reader_on.jpg);
background-repeat:no-repeat;
height:50px;
margin:0;
padding:0;
}
↑ここまで
赤字のところをオリジナルの画像に変更して
使ってください。
画像のサイズは幅が150～160、高さが50～60ピクセルくらい
がいいかと思います。
そのまま使ってもいいですが都合により変更することがあるので
ご了承ください。
読者一覧を消します。
通常画像
マウスオン画像
そして、サイドバーの編集で左上に持ってくれば
すぐに読者登録できます
＊ブログタブのデザインの変更→カスタム可能→ＣＳＳ編集です。
下記のコードをブログデザインCSSに貼り付けてください。
ここから↓
/* ----- readers : サイドバー 読者 ------------ */
#reader dl{
margin-bottom:7px;
}
#reader ul{
margin-top:5px;
}
#reader p{
display:inline;
}
#reader h4{
display:none;
}
#readerList li,dd{
margin-left:5px;
display:none;
}
#readerList img,dd{
margin-left:5px;
display:none;
}
#readerList dl a {
display:block;
background-image:url(http://www.japan-eyewear.com/ameblo/reader_off.jpg);
background-repeat:no-repeat;
height:50px;
margin:0;
padding:0;
}
#readerList dt a:hover{
display:block;
background-image:url(http://www.japan-eyewear.com/ameblo/reader_on.jpg);
background-repeat:no-repeat;
height:50px;
margin:0;
padding:0;
}
↑ここまで
赤字のところをオリジナルの画像に変更して
使ってください。
画像のサイズは幅が150～160、高さが50～60ピクセルくらい
がいいかと思います。
そのまま使ってもいいですが都合により変更することがあるので
ご了承ください。