アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦! -61ページ目

あれ?トラックバックの管理・・

先ほどからトラックバックの承認をしていて・・
承認が遅くなって申し訳ありません・・m(_ _)m
なんせ気が付かないものですから・・


だから~

アメブロさま~
トラックバックも付いたよ~ってマイページに表示してもらえませんかぁ~



で・・・



以前・・トラックバックには「スパム報告をして削除」なんてボタンありましたよね・・
今日見たらなくなっているのですが・・?



スパムフィルターを強化してスパムが付かなくなったから廃止したのでしょうか?
まだまだスパムは付いていますから・・そんなことはないですよね~

じゃあ・・スパム通報されても手に負えないってあきらめたのでしょうか?



確かにアメブロの仕組み上・・
他のブログと違ってトラックバックがそれほど重要な位置にありません
(コメントや読者登録などで簡単にバックリンクできてしまうから)



だからといってボタンをなくすのはど~なんでしょ?

トラックバックだけでなくコメントの管理にもスパム通報して削除ボタンがほしいくらいです
がんばってくださいアメブロさま~




ついでに・・
トラックバックをするときは記事中で紹介するだけでなくリンクも貼ってくださいね
一応・・それがネット上のマナーです






追記・・・・


トラックバックとは・・
http://ameblo.jp/exlink/entry-10173730782.html
この記事中でわたしの考え方を書いています


トラックバックは「このような記事からリンクを貼りましたよ~」ってリンク元に通知する仕組み
(このような記事を書いた・・だけではダメです・・リンクを貼ってください)
これが本来の意味です


でも本当に重要なのはバックリンクです


私のブログに貼られたトラックバックのリンクをクリックすればあなたのブログに飛ぶことが出来ますが・・

ほかのブログではアメブロのように簡単にコメントしたり読者登録したりペタしたり(名前があなたのブログにリンクされています)のような仕組みになっていません


なのでトラックバックは重要なんですが・・
アメブロでは上のように簡単にバックリンクできてしまいますからトラックバックはそれほど重要な位置にないのが実情だとおもいます




ついでにトラックバックのやり方・・



相手の記事について記事を書いて相手にリンクを貼ってから・・

相手の記事下を見るとなんかおかしなURLがありますからコピーします


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

※この記事のトラックバック Ping-URLをクリックすればこの記事について新規で記事を書くことができます



コピーしたら・・・記事を書くにいって下にあるトラックバックURLをクリックします

すると・・枠がでますのでその中に貼り付けて「全員に公開」でOKです
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


例えば記事にいくつものブログの記事を書いてそれぞれにリンクを貼った場合は・・

枠の中にそれぞれのURLを貼り付ければOKです

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!
改行すればいくつでも貼ることができます




注意!

トラックバックURLを貼って全員に公開をしても・・

なんの変化もありません

とくに相手が承認後公開設定にしてある場合は・・まったくなんの変化もないです


トラックバックURLをクリックしても枠の中になにも表示されていなかったり・・

トラックバックしましたってメッセージすら表示されませんので不安になるかとは思いますが・・

送られていますので大丈夫です

承認されるまで待っていましょう



また・・

別に新規で書いたときだけできるわけではありません・・

すでに公開済みの記事からでもトラックバックすることは出来ます

記事の編集で開いてからトラックバックURLをクリックして枠内にトラックバックURLを貼ってから全員に公開でOKです





8/22までトラックバックの設定をすぐに公開にしてあります

(それ以降は承認後表示になります)

トラックバックについて記事を書いてこの記事にリンクを貼ってから

トラックバックを試してみてください

スパム以外は削除しませんので気軽にトラックバックがどうなるのかトライしてみてください

CSS ピグの部屋

前よりアナウンスがありましたが「ピグの部屋」リンクが付きましたね


ピグの設定で消すことは出来るのですが・・

そうすると誰も来ることができなくなってしまいます


ブログとかルームにこんなのはいらない!って~方



ブログのプロフィールの方は・・

|こんなのがCSSではなくて実際にHTMLで入れられちゃっていますので・・

全部消すしかないと思います


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


CSSの最後に・・


#profile .profLink{
display:none;
}



※ピグのプロフ画を使っている場合はプロフ画がピグの部屋へリンクされちゃっています




ルームのほうならCSSなので何とかなります・・
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


このままルームのフリースペースに・・


<style type="text/css">#navList .last{display:none;}#header li{border:none;margin:0;padding:0}#navList li a{border-left:#666666 1px solid;margin-left:7px; padding-left:7px;}</style>






記事とかフリースペースにリンクを作るのでしたら・・

<a href="http://pigg.ameba.jp/?targetAmebaId=あなたのID">みんな~・・あたしの部屋にきてね~</a>



あるいは・・

【なう】ブログパーツ・・じゃないよ
http://ameblo.jp/exlink/entry-10590525859.html

【ペタ】ブログパーツ・・・じゃないよ?
http://ameblo.jp/exlink/entry-10590819739.html
これらを参考になうボタンのように画面の横に貼り付けちゃってください


<div style="position: fixed; top: 130px; right: 0px; z-index: 2000; "><a href="http://pigg.ameba.jp/?targetAmebaId=あなたのID"><img src="画像のURL"></a></div>






・・・すでに画像を使っている場合が困っています

もう少しお待ち下さい m(_ _)m

CSS ルームのカスタマイズ2

ルームのカスタマイズです・・

CSSを貼るのはルームのフリースペースの最後に加えます

CSSは改行はNGです・・記事のまま貼り付けてください



では・・



ルームの編集→配置の変更 表示する項目以外を使用しない機能にドラッグします


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


色・背景の変更で・・基本的な全体の背景色やボックスの色や文字の色を決定しておきます

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


このようになります↓

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!




中央に1列にしちゃいます


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


フリースペースの最後に・・・

全体の幅を決めてから


<style type="text/css">#header,#contentsArea,#contentsArea #leftArea,#contentsArea #rightArea {width:350px;/*全体の幅*/}</style>





つぎに・・枠をつけてみます

このとき枠と中がくっついていると見辛いので隙間を空けます&枠内に背景色をつけます
(わかりやすく背景色は別の色にしていますが・・ボックスの色に合わせた方が良いと思います)

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


フリースペースの最後に・・・


<style type="text/css">#contentsArea{padding:10px;border:10px solid #0000ff;/*全体の枠*/background:#ff00ff;/*枠内の背景色*/}</style>



枠線については CSS ブログの枠線  を参考にして下さい



つぎは・・フッター部分の背景色を透明にしてアメブロつながり検索を消します

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



フリースペースの最後に・・


<style type="text/css">#footerArea{border:none;/*下線を消す*/background:transparent;}#footerArea #leftSide{display:none;/*アメブロつながり検索消す*/}</style>




プーペガールは消したらまずい・・?


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


フリースペースの最後に・・


<style type="text/css">#headerAd{display:none;/*プーペガール消す*/}</style>





左サイド(配置の変更で消すことの出来ないプロフィール)を消します


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


フリースペースの最後に・・


<style type="text/css">#leftArea{display:none;/*左エリア消す*/}</style>




フリースペースだけにして見ます

配置の変更でフリースペース以外は使用しない機能にドラッグします

で・・・CSSでフリースペースのタイトルを消せば出来上がり


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



フリースペースの最後に・・


<style type="text/css">#freeSpace .subTitle{display:none;/*フリースペースタイトル消す*/}</style>




フリースペースにスクロールをつけてみます


<style type="text/css">#freeSpace{overflow:auto;height:220px;/*スクロールの高さ*/}</style>





背景画像をつけます



アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


フリースペースの最後に・・


<style type="text/css">body{background-image:url(画像のURL);/*背景画像*/}</style>



画像を繰り返さない場合・・・


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


フリースペースの最後に・・


<style type="text/css">body{background-image:url(画像のURL);/*背景画像*/background-position:right bottom;/*表示位置*/background-repeat:no-repeat;/*繰り返さない*/}</style>



background-positionプロパティは背景画像の表示開始位置(画像の左上角)を指定します
最初に横方向 left、center、rightや20%とか95%といった割合で指定・・
つぎに縦方向 top、center、bottomまたは80%といったように・・

例えば 
background-position:right 80%; は画面の右端で上から80%の位置に表示
background-position:right top; は画面の右端で一番上に表示
background-position:center;   は画面のど真ん中に表示




※ユーザーナビ部分は明日変更される可能性がありますので今回はさわりません

     【ブログ/ルーム】管理者のピグのお部屋に行けるようになります

↓この記事の最後にあります

CSS ルームのメニュ2