アメブロ向上企画書ノート -22ページ目

サイドバー 編



サイドバーについてのよくある質問です

バナーを貼りたい

バナーといってもそれはただの画像です
画像を貼ったりリンクを貼ったりと・・
特別なことをするわけではありません
バナーを貼れる場所はフリースペースフリープラグインの2ヶ所です

基本的なタグは
<a href="ブログのURL"><img src="バナー画像のURL"></a>

リンクの貼り方

自分のバナーを配布したい

マウスを乗せるだけでバナーのタグを選択できるようにします

バナーを配布したい・・

読者になるボタンとブログを作るボタン

CSS 読者になるボタンのロールオーバー CSS ブログを作るボタンのロールオーバー

サイドバーの中の項目にアイコンをつけたい

サイドバーの中の項目はHTMLは ul li のリスト形式で書かれています
その頭につけるマークなんで・・・リストマーク
CSS リストマーク

るーむ・きやく・りんく

サイドバーにこのようなメニュを作りたいのですが・・

るーむ・きやく・りんく

サイドバーのメニュータイトルを画像(英語)にしたい

すでにサイドのメニュが英語になっているスキンを利用するか
CSSでメニュを画像に変更します

オリジナルスキンCSSの編集 サイドメニュータイトル3

カレンダーのカスタマイズ

CSS カレンダーに画像をつけてカレンダーらしく? CSS カレンダーをかわいく CSSだけでやってみます・・2~8+αまであります CSS カレンダーをかわいく 2

サイドバーにyou Tubeを貼り付けたい

コチラの記事の中にサイドバーに貼り付ける方法があります

YouTubeのパラメータ 音楽がいきなり鳴り出すのはすごく迷惑です!
自動演奏は行わないようにしてください

ブーシュカをサイドバーに貼りたい

サイドバーに貼り付けたら
いつでも・・   どのページでも・・
あなたのかわいいブーシュカを見てもらうことが出来ます

ブーシュカをサイドバーに・・・

サイドバーの背景を下までのばしたい

単色の場合・・・ CSS サイドバーの背景を下まで
柄の場合・・・ CSS サイドバーの背景を下まで2
※注意です
#main,
#sub_a,
#sub_b{
margin-bottom: -32768px;
padding-bottom: 32768px;
}
#frame{
overflow:hidden;
}
このCSSは画像を作らなくて済みますので便利ですが・・・
アメブロとは相性が悪いので使わないで下さい
http://ameblo.jp/exlink/entry-10146645408.html

プロフィール画像を中央寄せに
/*プロフィール画像を中央*/
#new_profile li.image{
text-align:center;/*真ん中に表示*/
}
広告PRを何とかして・・・

アメブロは広告表示をすることで無料で使えます
サイドのPRが気になる方は・・・
スキンの中にはCSSの編集が出来て、おまけにサイドにPRが付かないスキンがありますからそれを使ってください
それらのスキンは広告関係のCSSは禁止タグで保存できない場合があります

または・・ナイショですが?これでガマン下さい・・・ JavaScript お下がりください?






サイドバー 編