こんにちわ。
今回はAmazonアソシエイトをやってみる その２です。
Amazonではホームページやブログにあわせて
様々な大きさ、形、動きのバナーを用意してくれてます。
今回は当ブログにの中央にあるAmazonのバナーを作ってみます。
Amazonアソシエイトのアカウントを作成したら、
サインインして中に入ります。
左の方に初めての方へとか表示されているのでクリック。
あとは指示にしたがってコードを取得。
例によってコードをコピーしてサイドバーにペースト。
<!-- アマゾンここから -->
コード
<!-- アマゾンここまで -->
コメントアウトを使って分かりやすくしておきましょうね。
今回はここまで。
http://adumaru.com
こんにちわ。
今回はアメブロのヘッダー画像の変更です。
自分のブログなんだからオリジナリティーを出したい！！
と、考えるのが普通ですよね。
早速やり方。
まずは自分で 980×300 のサイズの画像を用意してくださいネ。
当然この画像がヘッダー画像になります。
まずはアメブロのデザインを変更しちゃいます。
ブログを書く→デザイン変更→ブログデザインを探す
ここからが重要！！
→カスタム可能 から選んでください！！
要はcssをいじりたいんです。
cssとはカスケーディングスタイルシートの略。だったかな？
これをいじることで表示の仕方を自由に操作できます。
ここではcss編集用デザインというのをチョイス。
以下上記のデザインを使用するものとして記述します。
他のデザインでも横幅・縦幅が同じくらいで大丈夫だとおもうけど
今回はcss編集用デザインで話をすすめます。
デザインを選んだら適用します。
デザイン変更タブの中の『適用中のデザイン』の項目の中に、
cssの編集というのがあるのでクリック。
んで、下記コードをコピーしてcssへ貼り付け。
/*ヘッダーエリアここから*/
.skinHeaderArea{
width: 980px;/* ヘッダー画像の横幅 */
background-image: url("画像のURL");
background-repeat: no-repeat;
}
.skinTitleArea{
margin:0;
padding:0;
width:980px; /* ヘッダー画像の横幅 */
height:300px; /* ヘッダー画像の高さ */
}
.skinTitleArea a{
display:block;
height:300px;/* ヘッダー画像の高さ */
padding-left:30px;
overflow: hidden;
}
.skinContentsArea{
margin-top:15px;
}
/* ブログの説明部分 */
.skinDescriptionArea {
padding-left: 30px;
position: absolute;
top: 200px;
}
/*ヘッダーエリアここまで*/
貼り付けたら 保存！
自分の選んだ画像にブログタイトルと説明が表示されてると思います。
自己責任でお願いします。
今回は以上。
http://adumaru.com
今回はアメブロのヘッダー画像の変更です。
自分のブログなんだからオリジナリティーを出したい！！
と、考えるのが普通ですよね。
早速やり方。
まずは自分で 980×300 のサイズの画像を用意してくださいネ。
当然この画像がヘッダー画像になります。
まずはアメブロのデザインを変更しちゃいます。
ブログを書く→デザイン変更→ブログデザインを探す
ここからが重要！！
→カスタム可能 から選んでください！！
要はcssをいじりたいんです。
cssとはカスケーディングスタイルシートの略。だったかな？
これをいじることで表示の仕方を自由に操作できます。
ここではcss編集用デザインというのをチョイス。
以下上記のデザインを使用するものとして記述します。
他のデザインでも横幅・縦幅が同じくらいで大丈夫だとおもうけど
今回はcss編集用デザインで話をすすめます。
デザインを選んだら適用します。
デザイン変更タブの中の『適用中のデザイン』の項目の中に、
cssの編集というのがあるのでクリック。
んで、下記コードをコピーしてcssへ貼り付け。
/*ヘッダーエリアここから*/
.skinHeaderArea{
width: 980px;/* ヘッダー画像の横幅 */
background-image: url("画像のURL");
background-repeat: no-repeat;
}
.skinTitleArea{
margin:0;
padding:0;
width:980px; /* ヘッダー画像の横幅 */
height:300px; /* ヘッダー画像の高さ */
}
.skinTitleArea a{
display:block;
height:300px;/* ヘッダー画像の高さ */
padding-left:30px;
overflow: hidden;
}
.skinContentsArea{
margin-top:15px;
}
/* ブログの説明部分 */
.skinDescriptionArea {
padding-left: 30px;
position: absolute;
top: 200px;
}
/*ヘッダーエリアここまで*/
貼り付けたら 保存！
自分の選んだ画像にブログタイトルと説明が表示されてると思います。
自己責任でお願いします。
今回は以上。
http://adumaru.com
こんにちわ。
今回はテーマの階層化についてですョ。
アメブロってタグクラウドがないんですよねー（汗
これだと記事を探すの大変ですし、
訪問してくれた読者がブログ内を回遊してくれません。
んで、タグクラウドできないかなぁと調べてみたら、
結構やり方でてきました。
でもなんかメンドーなので違う方法ないかなーと
再度調べると、
なるほど、アメブロにはテーマというカテゴリー的なものがあるじゃないですか！！
このテーマって最初アメブロつくるとき2つ用意させられたんだよなー。少ないなー。
なんておもってたら、
これ階層化できるんじゃん！！
階層化とはこんなカンジ。
アメブロの下に階層がありますね。
ではやり方。
ブログを書く→アメブロを書く→テーマの編集
と順にタブを開きます。
後はテーマを追加していくだけ。
ポイントは親階層の順番を十の位で設定してあげること。
子階層は親階層の十の位に一の位を加えてあげたらできあがり。
問題点は子階層がある親階層のテーマには記事数０になるってことかな。
これでブログの回遊率をUPしましょう。
今回は以上。
http://adumaru.com
今回はテーマの階層化についてですョ。
アメブロってタグクラウドがないんですよねー（汗
これだと記事を探すの大変ですし、
訪問してくれた読者がブログ内を回遊してくれません。
んで、タグクラウドできないかなぁと調べてみたら、
結構やり方でてきました。
でもなんかメンドーなので違う方法ないかなーと
再度調べると、
なるほど、アメブロにはテーマというカテゴリー的なものがあるじゃないですか！！
このテーマって最初アメブロつくるとき2つ用意させられたんだよなー。少ないなー。
なんておもってたら、
これ階層化できるんじゃん！！
階層化とはこんなカンジ。
アメブロの下に階層がありますね。
ではやり方。
ブログを書く→アメブロを書く→テーマの編集
と順にタブを開きます。
後はテーマを追加していくだけ。
ポイントは親階層の順番を十の位で設定してあげること。
子階層は親階層の十の位に一の位を加えてあげたらできあがり。
問題点は子階層がある親階層のテーマには記事数０になるってことかな。
これでブログの回遊率をUPしましょう。
今回は以上。
http://adumaru.com