★　Smiley　Power　★ -4ページ目
AmebaAmeba 20th Anniv.ホームピグアメブロ
芸能人ブログ人気ブログ
新規登録
ログイン

ブログ画像一覧を見る

このブログをフォローする

<< 前のページへ最新 | 1 | 2 | 3 | 4

ログログシール

クリック ログログシール を貼りました。


up アクセスアップup にもなるかもしれないし・・・。

訪問者リストも見えるので、お互いのブログに行けるかなはてな


≡≡ヾ(￣〇￣)┌ο足跡♪残しみたいなものかなぁラブ

壁紙画像変更

クリック CCSでカスタマイズ


デザインと機能のスキンの中からグリーン・ブルー･ピーチ・グレイ のどれかを選択

すまはピーチでやりました（メインブログ メインブログはブルーです）


まずは画像を変更してみますおばけ

p(・∩・)qガンバレ! デザインと機能→CCS編集


チェック ブログタイトル位置変更


/* ----------------------- header ----------------------- */
#header{ /* ブログタイトル背景 */
height: 250px;　/:*Topタイトル画像の高さ　幅を調節したい場合はwidth: 数字px;を追加*/
}
#header h1 { /* ブログタイトル位置 */
padding-top: 100px;　/*タイトル上からの表示位置*/
margin-left: 250px;　　/*タイトル左からの表示位置*/
}
#header h2{ /* サブタイトル位置 */
padding-top: 15px;　　/*サブタイトル・タイトルから下へ表示位置*/
margin-left: 400px;　　/*サブタイトル左からの表示位置*/
}


赤字部分を変更

位置などは、変更して必ずプレビューしながらなおしてね☆彡



/* ----------------------- background-color-control ----------------------- */
body {
background-color: #FFFFFF;
background-image: url(サイド画像のURL);
background-attachment: fixed;　/*背景の固定*/
background-position:100% 100%;
background-repeat: repeat;　　　/*背景を繰り返す*/
background-position: center top;
}
#frame {
background-color: #FFFFFF;
}
#subFrame {
}
#header {
background-image: url(Top画像のURL);
background-attachment: fixed;　/*背景の固定*/
background-position:0% 0%;
background-repeat: no-repeat;　/*背景を繰り返さない*/
background-position: left top;　/*左に表示*/
}
#wrap {
}
#main {
}
#sub_main{
}
#firstContentsArea {
}
#subFirstContentsArea {
}


チェック タイトルの文字色変更

/* ----------------------- footArea ----------------------- */
/* ----------------------- font-information ----------------------- */

body{
color:#666666;　/*基本文字色*/
font-size:12px;　/*基本文字サイズ*/
}
.list{
font-size:10px;
}
#header h1,
#header h1 a{
color: #FFFFFF;　/*タイトル文字色*/
font-size: 25px;　　/*タイトル文字サイズ*/
font-weight: bold;　/*タイトル文字太さ*/
line-height: 1.15;
}
#header h2{
color: #FFFFFF;　/*サブタイトル文字色*/
font-size:11px;　　/*サブタイトル文字サイズ*/
font-weight: normal;　/*サブタイトル文字太さ*/
line-height:1.15;
}


ライン


背景を
繰り返す時 repeat
繰り返さない時 no-repeat
縦に繰り返す時 repeat-y
横に繰り返す時 repeat-x
画像の位置指定
真ん中 center
右 right
左 left
文字の太さ
太い bold
標準 normal

　　
すま おまけだよぉ・・・


メインブログ→すまのブログ では・・・


/* ----------------------- header ----------------------- */
#header{
height: 150px;
}
#header h1 {
background-image : url("画像のURL");
background-repeat:no-repeat;
background-position:right;
padding-top: 120px;
}
#header h2{
padding-top: 10px;
margin-left: 60px;
}

こうなってます。これでも表示されます。

(○￣ ～ ￣○;)ウーン・・・


基本説明

クリック 基本説明

スキン　ピーチCCSです。


/*
-----------------------------------------------------
ameblo CSS Skin Settings
FileName: common.css
Version: 2005.04/22
Skin for: all_skin
-----------------------------------------------------
*/
.menu_frame select{
width:88%;
}
.page a{
text-align: center;
padding: 5px;
}
.page .now{
padding: 5px;
font-weight:bold;
}
.entry .contents{
line-height:1.5;
}
.entry .contents img{
margin-right:5px;
margin-left: 5px;
}
#message .contents:after,
.entry .contents:after,
#profile .contents:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#message .contents,
.entry .contents,
#profile .contents{
display: inline-table;
}
/* Hides from IE-mac \*/
* html #message .contents,
* html .entry .contents,
* html #profile .contents{height: 1%;}
#message .contents,
.entry .contents,
#profile .contents {display: block;}
/* End hide from IE-mac *//*
-----------------------------------------------------
ameblo ucs CSS Basic Settings
FileName: common.css
Version: 2005.04.20
Skin for: peach
-----------------------------------------------------
*/
/* ----------------------- common ----------------------- */
* {
margin: 0;
padding: 0;
}
body#mainIndex {
margin: 0;
padding: 0;
text-align:center;
}
#frame{
text-align:left;
}
#sub_a,#sub_b,#main{
padding-top:15px;
}
img {
border: 0;
}
a {
}
a:link {text-decoration: none}　/* リンク先色表示 */
a:visited {text-decoration: none}　/* リンク先訪問後色表示 */
a:hover {text-decoration: underline}　/* マウスを乗せた時表示 */
input,textarea{font-size:12px}
ul,ol,dl,li,dt,dd{
list-style-type:none;
}
/* ----------------------- header ----------------------- */
#header{　/* ブログタイトル背景 */
height:115px;
background-color: #FF6766;
}
#header h1 {　/* ブログタイトル位置 */
padding-top: 15px;
margin-left: 10px;
text-decoration: none;
}
#header h2{　/* サブタイトル位置 */
margin-left: 10px;
}
/* ----------------------- footArea ----------------------- */
/* ----------------------- font-information ----------------------- */
body{ 　

color:#666666;　/*基本文字色*/
font-size:12px;　/*基本文字サイズ*/
}
.list{　/*一覧を見る*/
font-size:10px;
}
#header h1,
#header h1 a{　/*ブログタイトル*/
color: #FFFFFF;
font-size: 25px;
font-weight: bold;
line-height: 1.15;　
}
#header h2{　/*サブタイトル*/
color: #FFFFFF;
font-size:11px;
font-weight: normal;
line-height:1.15;　
}
.menu_title {　/*メニュータイトル*/
color: #FF6766;
font-size:12px;
font-weight: bold;
}
.mainMenu {　/*メニュー欄内*/
font-size: 11px;
line-height: 1.3;
}
#profile,
#reader {
color:#666666;
}
#reader dd {
}
#calendar table {　/*カレンダー*/
font-size:11px;
line-height:1.3;
color:#666666;
}
#ranking *{　/*ランキング*/
font-size: 12px;
line-height: 1.4;
}
#ranking .rank_ttl{　/*総合ランキング・ジャンルランキング*/
font-weight:bold;
color:#666666;
}
#ranking .rank{　
color: #000000;
}
#ameblo{　/*登録無料ですぐにブログがつくれます～*/
font-size: 10px;
color: #000000;
}
#ameblo p{　/*アメーバブログトップ*/
line-height: 1.25;
}
#rss {　/*Syndicate this site (XML) */


font-size: 12px;
}
h3.title {
font-size: 12px;
font-weight: bold;
color:#FF6766;
}
.label {　/*コメント欄投稿タイトル*/
font-weight: bold;
}
.entry .contents,
#message .contents{　/*記事欄*/
font-size: 12px;
line-height: 1.5;
}
.entry .theme{　/*記事テーマ*/
font-size: 10px;
color:#666666;
}
.entry .title{　/*記事タイトル*/
font-size:15px;
font-weight:bold;
color:#FF6766;
}
.entry .foot {　/*この記事のURL・コメント・トラックバック～ */
font-size:10px;
}
#comment_module,　/*コメント欄文字*/
#trackback {　/*トラックバック*/
line-height: 1.5;
}
#comment_module .error{　/*コメント欄エラー表示*/
color:#FF0000;
margin-top: 20px;
padding-bottom: 10px;
}
#comment_module p.list {　/*コメント記入欄はこちら～*/
font-size: 10px;
}
/* ----------------------- background-color-control ----------------------- */
body {
background-color: #FFFFFF;　/*ブログ枠色*/
}
#frame {　/*ブログメッセージ欄・記事欄色*/
background-color:#FFFFFF;
}
#sub_a{　/*メニュー欄左側色*/
background-color:#FFFFFF;
}
#sub_b{　/*メニュー欄右側色*/
background-color:#FFFFFF;
}
/* ----------------------- menu_element_basis ----------------------- */
.mainMenu {　/*メニュー欄全体（広告欄除く）*/
margin-bottom: 15px;
}
.menu_title {　/*メニュータイトル*/
margin: 0px 2px 7px;
padding: 3px 0px 3px 10px;
border-bottom: 1px dashed #666666;
background-image: url(http://nwimg.ameblo.jp/p_skin/peach/img/icon2.gif );
background-repeat: no-repeat;
background-position: 3px 7px;
text-indent: 3px;
}
/* ----------------------- menu_element_background ----------------------- */
/* ----------------------- menu_elements_margin_leftright ----------------------- */
.menu_title,
.mainMenu ul,
.mainMenu dl,
.mainMenu p,
.list,
.link_blog,
#archives select,
#theme_list select,
#search form{
margin-left: 6px;
margin-right: 6px;
}
p.list,
p.link_blog {
padding-top: 5px;
}
/* ----------------------- each menu setting ----------------------- */
/*profile*/　/*プロフィール欄*/
#profile p{　/*記事を作成・編集する*/
display: block;
}
/*readers*/　/*読者登録欄*/
#reader dl {　/*このブログの更新情報が届きます～*/
margin-bottom: 7px;
}
#reader ul {　/*読者数*/
margin-top: 5px;
}
#reader p {　/*一覧を見る～*/
display: inline;
}
/*calendar*/　/*カレンダー*/
#calendar{
}
#calendar .menu_title {　/*メニュータイトル*/
}
#calendar table {　/*テーブル*/
width: 168px;
text-align:center;
}
#calendar caption {　/*月*/
padding:5px 0px;
}
#calendar caption a{　/*全体*/
padding:0px 5px;
}
#calendar .sun {　/*日曜日*/
color:#FF0000;
}
#calendar .sat{　/*土曜日*/
color:#0000CC;
}
#calendar td {　/*文字配置*/
text-align:center;
}
#calendar td a {　/*記事更新済*/
color:#CC0000;
text-decoration: underline;
}
/*theme_list*/　/*ブログテーマリスト*/
/*recent_entries*/　/*最新の記事*/
/*archives*/　/*アーカイブ*/
/*search*/　/*検索*/
#search form{　/*検索フォーム*/
margin-top: 7px;
margin-bottom: 7px;
}
#search .searchbox{　/*検索ボックス*/
width: 100px;
}
#search .searchbtn{　/*検索ボタン*/
width: 40px;
}
/*favorites*/　/*お気に入りブログ*/
/*bookmarks*/　/*ブックマーク*/
/*recent_trackback*/　/*最近のトラックバック*/
/*recent_comment*/　/*最近のコメント*/
/*ranking*/　/*ランキング*/
#ranking .rank_ttl{　/*up・down表示*/
display: block;
}
#ranking .rank{　/*○位･○人中*/　
display: block;
padding-top: 3px;
padding-bottom: 3px;
}
#ranking a{
background-image: url(http://nwimg.ameblo.jp/p_skin/peach/img/icon.gif );
background-repeat: no-repeat;
background-position: left center;
padding-left: 9px;
}
#ranking img{　/*総合ランキング・ジャンルランキング*/
margin-left: 5px;
}
#ranking .rank_all,
#ranking .rank_genre {
margin-bottom: 8px;
}
/* ----------------------- advertising ----------------------- */
#advertising {　/*広告欄設定*/
border: 1px solid #FF9899;
}
#advertising .menu_title {　/*広告欄タイトル*/
background-color: #FF9899;
background-image: none;
color: #FFFFFF;
margin: 1px;
padding-left: 7px;
border-bottom: none;
}
/*ameblo*/　/*アメーバブログを作る～全体設定*/
#ameblo{
border: 1px solid #666666;
text-align: center;
padding-top: 7px;
}
#ameblo p{　/*文字、リンクバナー*/
text-align: left;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
}
#ameblo li {　/*アメーバブログトップへ */
display: block;
margin-bottom: 5px;
}
/*RSS*/　/*Syndicate this site (XML) */
#rss{
margin-top: -3px;
margin-right: auto;
margin-left: auto;
border: none;
background-image: none;
text-align: center;
}
/*plugin*/　/*プラグイン*/
.plugin{
margin-bottom:15px;
text-align: center;
}
/* ----------------------- MainColumn ----------------------- */
#main {　/*タイトル画面*/
padding-bottom: 10px;
}
/*message*/　/*メッセージ欄編集*/
#message{
width:99%;
margin-bottom: 15px;
border-top: 1px dashed #FF6766;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #FF6766;
}
#message .contents{　/*メッセージ欄文字*/
margin-top: 10px;
margin-bottom: 10px;
}
/*entries*/　/*記事設定*/
.entry{　/*記事欄*/
width: 99%;
margin-bottom: 20px;
}
.entry .date{　/*記事日付*/
width:99%;
background-color: #FF6766;
padding: 5px 0px 2px 5px;
border-bottom: 1px solid #993400;
border-right: 1px solid #993400;
display: block;
color: #FFFFFF;
}
.entry .name{　/**/
margin-top: 5px;
display: block;
}
.entry .theme{　/*記事テーマ*/
margin-bottom: 10px;
display: block;
}
.entry .title{　/*記事タイトル*/
margin-top: 10px;
margin-bottom: 10px;
}
.entry .contents{　/*記事*/
margin-top: 15px;
margin-bottom: 15px;
}
.entry .foot{　/*この記事のURL・コメント・トラックバック*/
text-align: right;
padding-top: 5px;
padding-right: 20px;
border-top: 1px dashed #666666;
}
/*page*/　/*ページ*/
.page{
margin-right: auto;
margin-left: auto;
text-align: center;
margin-top: 7px;
margin-bottom: 10px;
}
#footer_ad{　/*あなたもアメーバブログでブログをつくりませんか？ */
margin-right: auto;
margin-left: auto;
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
}
h3.title {　/*お気に入り・読者・ブックマーク・コメント・トラックバックタイトル*/
margin-bottom: 10px;
margin-top: 5px;
}
/*trackback*/　/*トラックバック一覧*/
#trackback{
border-top: 1px solid #FF6766;
margin-top: 25px;
margin-bottom: 10px;
padding-top: 5px;
}
#trackback p.tr_URL {　/*トラックバックURL*/
margin-bottom: 10px;
}
#trackback ul {
margin-bottom: 10px;
}
/*comment_module*/　/*コメント*/
#comment_module h3.title {
margin-bottom: 0px;
}
#comment_module p.list {　/*コメント記入欄はこちら～*/
margin: 0px 0px 10px 0px;
padding: 0px;
}
#comment_module{　/*コメント欄全体*/
border-top: 1px solid #FF6766;
padding-top: 5px;
}
#comment_module .each_comment {　/*コメント内容*/
margin-bottom: 10px;
}
#comment_module .comment_footer {　/*投稿者*/
margin-top: 5px;
padding-top: 5px;
border-top: 1px dashed #000000;
}
#comment_module .error{　/*エラー*/
margin-top: 20px;
padding-bottom: 10px;
}
#comment_module label{　/*書き込み部分*/
display: block;
float: left;
width: 70px;
text-align: right;
}
#f_name,#f_url,#f_title,#f_com{
display:inline;
width: 250px;
margin-bottom: 3px;
margin-left: 6px;
}
#comment_module form ul {　/*投稿者URL*/
width: 340px;
margin-left: auto;
margin-right: auto;
}
#comment_module form li {
display: block;
width: 340px;
margin-bottom: 5px;
}
#comment_module li.lastItem {　/*利用規約 */
display: block;
width: 330px;
margin-bottom: 5px;
text-align: right;
}
#comment_module .button {　/*投稿するボタン*/
margin-left: 5px;
font-size: 11px;
width: 80px;
}
/*reader_list*/　/*読者登録リスト*/
#reader_list ul{
width:100%;
}
#reader_list li{　/*読者登録ブロガー*/
padding-bottom: 2px;
margin-bottom: 8px;
border-bottom: 1px solid #333333;
}
#reader_list .reader_blog {　
display:block;
margin-top:2px;
}
/*favorite_list*/　/*お気に入りブログリスト*/
#favorite_list ul{
width:100%;
}
#favorite_list li{　
padding-bottom: 2px;
margin-bottom: 8px;
border-bottom: 1px solid #333333;
}
#favorite_list .favorite_blog {
display:block;
margin-top:2px;
}
/*bookmark_list*/　/*ブックマークリスト*/
#bookmark_list ul{
width: 100%;
}
#bookmark_list li{
margin-bottom: 3px;
}/*
-----------------------------------------------------
ameblo CSS Skin Layout Settings
FileName: type_b.css
Version: 2005.03/03
Skin for: peach
-----------------------------------------------------
*/
#frame:after,
#wrap:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#frame,
#wrap {display: inline-table;}
/* Hides from IE-mac \*/
* html #frame,
* html #wrap {height: 1%;}
#frame,
#wrap {display: block;}
/* End hide from IE-mac */
#frame {
width: 760px;
margin-left: auto;
margin-right: auto;
}
#wrap {
position: relative;
width: 100%;
}
#main {
width: 570px;
float: left;
padding-right: 10px;
padding-left:10px;
}
#sub_main{
width:100%;
overflow:hidden;
}
#sub_a{
width:170px;
float: right;
z-index: 1;
}
#sub_b{
display: none;
}

メロメロパーク

クリック メロメロパーク を始めましたおばけ


登録して、忍者ツールみたいにＨＴＭＬソースを貼り付けるだけ

わからない方は、忍者ツール の所を見てねきらきら


お友達できるんだろうか？

不安だぁ・・・(-"-;A ...アセアセ


名前は「すまちょび」

mero


家 メロリンピックシティ２－１２２－１４２にいます

お友達になってねぇラブ


アクセスﾗﾝｷﾝｸﾞ

クリック アクセスランキングを設置


これはなかなか難しかった(´;ェ;`)ウゥ・・・A SEED のPOTETOさんに、教えていただき

設置することができました.               ありがと~☆ヽ(∇⌒ヽ)(ノ⌒∇)ノ☆


１　　　ACR WEB に登録をしてタグを取得

２　　　MyClip にユーザー登録

３　　　MyClipにログイン「Clip を追加」→ 必要事項記入→ 「追加」→ 「Clip 一覧・編集」で、

　　　　適当なクリップ(記事)を１つ以上追加

４　　　「表示設定」をクリッククリック 「設定方法を Pro に変更」

５　　　Clipフォーマットでの一番最後に表示用タグ２つ追加して変更ボタンクリック。

６　　　アメーバブログにログインして「編集する」 「デザインと機能」「サイドバーの設定」「プラインを追加」

　　　　の順にクリッククリック 「サイドバーの配置」　でMy Clip　を入れたい場所に持って行き保存保存

７　　　ACR　WEBにログイン「環境設定」で背景色や文字色を好きな色に変更・表の幅を160（サイドバー

　　　　のサイズにあわせる）・文字化けする場合は、文字コードの変更

８　　　「置き換えしていないURLをランキングに」を「表示しない」変更する

　　　　(URLをそのまま表示したくない場合)

９　　　「送信ボタン」クリック 上部にある「ランキング手動更新」「全ランキングはこちら」

　　　　開いた画面にリンク元のランキングがURLで表示される。

１０　　URLをクリックし、リンク元のサイト名を調べながら置換設定を行う。


　　　　　　　【例】　　　置き換え前のURL　　（リンク元）　　　　http://blog.majide.org/diary/

　　　　　　　　　　　　　置き換え後のタイトル（サイト名）　　　　人気日記Blog

　　　　　　　　　　　　　置き換え後のURL　　（サイトのURL）　http://blog.majide.org/diary/

　　　　　　　　　　　　　置換方法　　　　　　　　＊.完全一致（URLが同じ場合）

　　　　　　　　　　　　　　　　　　　　　　　　　　　＊.部分一致（1と3のURLが違う場合）


１１　　「ランキング手動更新」ボタンをクリック


 


忍者ツール

クリック 忍者ツール でアクセスカウンターを設置 


１ 　    忍者ツール に登録後管理人室にﾛｸﾞｲﾝログイン

２ 　    ツール作成をクリッククリック

３     　「よろずカウンター」をクリック（すまの場合）

４ 　    ツールの名前&説明（自分がわかりやすい用に書き込み）規約に同意するにチェックチェック２ をいれる。

５ 　    新規作成をクリックビックリマーク

６     　ツール管理モードをクリッククリック して、カウンターの選択

７ 　    カウンターの設置をクリックすると、カウンタ用HTMLソースが出てきます。

　　　 　これを、コピーコピー

８ 　    アメーバブロにログイン してデザインと機能→ サイドバーの設定→ プラグｲﾝを追加

　　　　 忍者ツールアクセスカウンターをクリック

９ 　     HTMLｿｰｽを貼り付けて追加ボタンをクリック

１０ 　サイドバーの配置で、入れたい場所にもっていき保存保存


どうですか？できましたかぁ？

<< 前のページへ最新 | 1 | 2 | 3 | 4

ブログ画像一覧を見る

このブログをフォローする