2017年03月16日

ブログ「タグ」一括編集出来た!

 私の利用しているさくらのブログは、さくらのレンタルサーバーにオマケに付いていたもので、Seesaaブログと言うそうです。
 ここまで、前回と同じ・・・文章

 さて、最近、カテゴリとタグを纏め直す事にし作業を開始したのですが・・・
 カテゴリは設定と記事一覧で、比較的簡単に直せるのですが・・・
 タグについては、何処にもありません・・・記事を一つ一つ開いて、変更し保存・・・結構大変ヾ(゚Д゚)ノ

 出来ました!
 設定にはありませんでしたが、記事一覧で出来ました。
さくらのブログ タグ一括編集
 検索オプションの設定の中に・・・気が付きませんでした。
 「検索オプションの表示」をクリックすると、
さくらのブログ タグ一括編集

 表示項目が表示されるので、タグにチェックを入れ「検索する」ボタンを押すと下の編集画面にタグが表示されるようになります。
 名称を一括で変更するこたは出来ませんが、記事一覧内に表示が出ているので、ここで編集し下の「保存」ボタンを押すことで表示されて記事を纏めて変更する事が出来ました。
 随分、使っているのに知りませんでした。
 まだまだ知らない事があり勉強になりました。('∀`)
posted by 友墨 一朗 at 14:52 | Comment(0) | さくらのブログデザイン

2017年03月06日

ブログ「タグクラウド」の表示変更

 私の利用しているさくらのブログは、さくらのレンタルサーバーにオマケに付いていたもので、Seesaaブログと言うそうです。
 テンプレートも用意されており簡単に導入できるのですが、細かなデザイン変更が???
 ここまで、前回と同じ・・・文章

 今回は、表示させるとアクセス数に合わせ文字サイズが拡大されたりどうも今一な「タグクラウド」の表示をスマートにしました。
 遣ったことは、文字サイズの統一、文字を枠で囲いマウスオーバー時に背景色を付けるです。

 設定変更は、全体のCSSで行います。
 ブログにログイン後→デザイン→デザイン設定と進みます。
blog20170303_10.png
 表示されたタイトル一覧から適用中のデザインを選択しクリックします。
blog20170303_21.png

 表示されたCSSから「.side-tag a」を探し変更しました。

 変更前は、
 .side-tag a{font-size:12px;}となっていますが、これを.side-tag a{font-size: 14px !important;とにすると文字サイズが変更されなくなります。
 さらに、その下、input{max-width:200px;}を
 border: solid 1px #000080;
 border-radius: 4px;
 display: inline-block;
 padding: 4px;
 margin-bottom: 6px;}
 input{max-width:200px;}に書き換え文字を枠で囲いました。

 マウスオーバー時に背景色を変えるため
 .side-tag a:hover {background-color: #C1D8AC;
 text-decoration: none;
 color: #000;}を追記しました。
blog20170303_31.png
 拡大すると、
blog20170303_32.png
 こんな感じです。
blog20170303_01.png
 自分では随分スッキリしたつもり・・・
posted by 友墨 一朗 at 11:22 | Comment(0) | さくらのブログデザイン

2017年03月04日

ブログ「検索ボックス」のサイズ変更

 私の利用しているさくらのブログは、さくらのレンタルサーバーにオマケに付いていたもので、Seesaaブログと言うそうです。
 テンプレートも用意されており簡単に導入できるのですが、細かなデザイン変更が???

 今回は、少しサイズの短い検索ボックスが何とかならないかとやってみました。
blog20170303_03.png

 もう少し入力ボックスを広げたい・・・

 ブログにログイン後→デザイン→コンテンツ→検索ボックスと進みます。
blog20170303_11.png
 検索ボックスをクリック
blog20170303_12.png
 コンテンツHTML編集をクリック
blog20170303_13.png
 コンテンツHTML編集画面で表示された画面を下にスクロールし、
 .inputkeyword{width:140px;}の青線数値を変更します。
 私の環境では、140pxに変更して保存したところ
blog20170303_02.png
 丁度いい感じになりました。
posted by 友墨 一朗 at 09:08 | Comment(0) | さくらのブログデザイン