TEST_02

アドオンの設定

※画像にある以外の部分はデフォルトのまま（だったと思う）

NoScript の設定

BlockSite Plus の設定

参考までに、このBlockSite Plus のリスト

【リストのインポート】
サイトリストのTextファイルを一旦PCに保存、BlockSite Plus の
設定画面から [Import] を押してこのTextを指定、[Append]（追加）か
[Replase]（置き換え）を押して読み込み

背景画像

意味無く記事更新

背景画像ぐるぐる

久々にこのブログ更新

試しにココにも左カラムに『楽天クジ』のリンク設定してみた。
（※注：さらさんのブログからソースをコピっただけ）

左カラム1番上：フリーエリア使用
リンクタグをベタ貼り
改行＜ｂｒ＞タグが1つづつなので上下の間隔が無い。

左カラム2番目：『リンク』プラグイン使用
「リンク編集」からリンクタイトルとURLを1つづつ挿入

リンクプラグインって、複数設置しても全部同じになるなぁ。
初めて知ったわ。

＞ソースは問題ないのに・・・

　　　　　　A Href=”https

　[ ” ] 全角↑

　タグは[ " ]半角で

関係無いけど、ようつべ貼り付けボタン使ってみた。

そうか、佐藤さんは…

　返信は割愛↓

フッターに広告用エリアを増設する

#%V:249%#記事中のタグが発動して#%V:348%#上部になんか出てきてるけど気にせずに。

概要：
　フッターエリアの直前にもう１つ「フッター 0」を追加し、二段構えにする

　赤文字が追加した部分#%V:391%#

テンプレ編集　上段のHTML部にタグ追加

・
　　・
　　・




<div id="FooterBlock_0">

　ここに広告タグを入れる

</div>



<div id="Footer Block">

　　・
　　・
　　・

テンプレ編集　下段のCSS部にタグ追加

　　・
　　・
　　・

/*右プラグイン*/
#PluginBlockRight {
width: 200px;
float: right;
overflow: hidden;/*はみ出した部分を隠す*/
}

/*フッター 0　（広告用エリア）*/
#FooterBlock_0 {
clear: both;
height: 90px;
background-color:#FF0000; /* フッター0の背景色です*/
text-align: center;
color: #000000;
font-size: 80%;
padding-top: 15px;
margin-top: 10px;

background-image:url('');
background-repeat:no-repeat;
}

.left {
text-align: left;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

/*フッター*/
#FooterBlock {
clear: both;

　　・
　　・
　　・

追加する内容としては　/*フッター*/　と同じ物なので、
そのまま　/*フッター*/　の内容をコピペして二段構えにすりゃOK。

　　#FooterBlock_0 {　←指定の名前だけ書き換え
　　背景画像は要らないので、そのURLは削除しておく。
　　ここでは分りやすいように『フッター0』エリアの背景色を赤にしてある。
　　高さ指定 height: 90px; などは適宜調整を。

さらさんが広告タグを挿入した部分は、本来は『指定エリア外』。
タグ的には、右プラグインエリアが終了して次にフッターエリアが開始するのだが、
その両者の狭間に広告タグを入れちゃってる。

これだとIE系のブラウザでは右プラグインのエリア終了のところで
枠線が出てしまうようだ。FirefoxとOperaでは線は出ない。

コメント投稿者URLを別窓で開く

ここではタグ発動しないように『＜』と『＞』は全角で表記

このテンプレの初期状態HTML

＜span class="CommentURL"＞＜!--$comment_homepage_link--＞＜/span＞|

助太刀忍者 [カスタマイズBBS] の方式
　　　（http://csbbs.ninja.co.jp/Thread_View/25622/）

＜span class="CommentURL"＞＜a href="＜!--$comment_url--＞" target="_blank"＞URL＜/a＞＜/span＞|

#%V:348%#これだと、コメント投稿時にURLを入力してない人にもリンク表示が出てしまう。

#%V:303%#完全版

＜span class="CommentURL"＞＜!--if_comment_url--＞＜a href="＜!--$comment_url--＞"" target="_blank"＞URL＜/a＞＜!--/if_comment_url--＞＜!--if_not_comment_url--＞URL無し＜!--/if_not_comment_url--＞＜/span＞|

　　#%V:348%# 『URL無し』は便宜上表示させてるだけなので削除してもいい。

それと、訪問済みリンク色の件
Operaとプニルで確認してみたけど、問題再現せず。
参考#%V:316%#　訪問済みリンクの色が変わらなくなりました。 - 教えて！goo
　　　　　　　　http://oshiete.goo.ne.jp/qa/3159744.html

ブログ本体のスクロールバーも

ブログ本体のスクロールバーにも着色してみた。

CSS部　赤文字部分を追加

/* -------------------------------------------------------
全体の設定
------------------------------------------------------- */
body {
text-align: center;
background-color:#DDDDDD;
font-size: 90%;
color: #000000;
font-family: 'MS UI Gothic','Microsoft Sans Serif','Comic Sans MS',Tahoma,sans-serif,Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳＰゴシック';
margin: 0px;
background-repeat:no-repeat;
background-image:url('');

scrollbar-face-color: #ccffff;
scrollbar-highlight-color: #aaccff;
scrollbar-shadow-color: #0000aa;
scrollbar-3dlight-color: #ffcc99;
scrollbar-arrow-color: #ff0000;
scrollbar-track-color: #999999;
scrollbar-darkshadow-color: #000066;

}

/*-------------------------------------------------------
　tdの指定　 text-align: left;
-------------------------------------------------------*/
td {

色の割り当て場所とかは、コチラのサイトさんなどを参考に
　#%V:316%#http://www.tagindex.com/stylesheet/page/scrollbar_color.html

overflowプロパティ

overflowを使ったスクロール窓の件

overflow: auto;
『auto』を指定してると、見え方は各人のPC（OS）の設定に依存します。

窓の中に入るコンテンツの縱・横の大きさが、各個人のPCの
『スクロールバーの太さ』のぶんを差し引いた“表示可能な領域”よりも
大きくて収まりきらない場合に、スクロールバーが出現。

縦の長さ大きいと『縦スクロールバー』が、
横の幅が大きいと『横スクロールバー』が、
どっちも大きければ当然、縱横両方のスクロールバーが出現。

＜＜　OS側の設定による見え方の違い　＞＞

スクロールバーの太さを12に設定
　　

スクロールバーの太さを16に設定
　　

スクロールバーの太さを20に設定
　　

俺のノートPCの場合は（XP Home）、クラシックスタイル＆
ちょいとオリジナルの色設定で、スクロールバーの太さは『16』にしてある。
　　

記事投稿時のエディター

どっちもIE6系ブラウザでスクショ

簡素版エディター
　
慣れてるせいもあるのか、俺はこっちのほうが使いやすい。
ってか、コッチしか使ったこと無い。

高性能版エディター
　

高性能版は、リンクのターゲットで同窓・別窓が指定出来る。
　

GoogleSitemapに登録

『BLOG管理TOP > 検索エンジンに登録』のページ

SiteMapファイル作成のボタンを押すと、下にPing送信ボタンが出てくる。
　※Ping送信ボタンは、1度押すとしばらくは出てこない

　

『事前にGoogleSitemapに登録されている必要があります。』
ということで、GoogleSitemapに登録#%V:191%#

　

余談だが、Gmailのアカウントを作っておくと
ログインはパスワード＆ユーザー名（*****@gmai..comの*****部分）で
ログイン可能。

ログインしたら早速『サイト追加』
　
　　　　　　　　　　　　#%V:391%#
　

続いて、サイト所有者であることの確認。
ここは簡単に、『メタタグ』をブログのテンプレ挿入でいく。
そこに出るメタタグを丸ッとコピペして、ブログのテンプレ編集・右側上部
（HTML部）の中の指定部分に直接貼り付け。
とにかく上の方に挿入すりゃOK#%V:445%#

このブログのテンプレでは上から4行目に挿入。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta name="google-site-verification" content="wPI6OnS0VPxEf1cv1l7cEAy53QBVpgMiGjcJUm1UTMM" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

テンプレ保存したら、さっきの所有権の確認ページ#%V:348%#の
確認ボタンを押して登録完了。

　

プラグイン部、スクロールのテスト

プラグイン　『最新コメント』　のHTML編集で、
もともとあるタグ（下記、青文字部分）を挟むように
赤文字のタグを挿入。

<div style="overflow: auto;
font-size:100%; width:175px; height:120px;
scrollbar-face-color: #fff;">

＜!--plugin_comment--＞
　　・
　　・
　　・
　　・

＜!--/plugin_comment--＞

</div>

ここでは、
　フォントサイズ＝100%
　窓の横幅＝175px
　窓の高さ＝120px
　スクロールバー（表面）の色＝白
にしてあります。

※この記事では不具合出るため青文字部分の一部を全角にしてます