ウェブログ・ココログ関連

2015年3月 1日 (日)

ココログ広場から特定の新着記事(ブログ)を見えなくする

 ココログ広場で、自分の参加しているカテゴリの中に、そのカテゴリとは関係ない記事ばかり投稿するブロガーっていますよね?そういったブロガーの記事を見えなくする設定を紹介します。

○ココログ広場のカテゴリで、見えなくしたい人のハンドルネームをクリック>「ユーザーページ」をクリック(以下参照)。

Image00

○ブラウザのアドレスバーを確認して、末尾に書かれている数字を控えておく(ここでは866)(以下参照)。

Image01

○自分のマイページを開いて、「設定」をクリック(以下参照)。

Image1

○遷移した画面の下の方に「見えなくする」という欄があるので、「見えなくする設定(一覧)ページへ」をクリック(以下参照)。

Image2

○また画面が遷移するので、右上の「見えなくする設定を新規に追加する」をクリック(以下参照)。

Image3

○また画面が遷移します。「見えなくしたい相手のユーザーページID」に先に控えておいた数字を入力して、「確認する」をクリック(以下参照)。

Image4

○確認画面に遷移するので、「登録する」をクリック。これで完了です(以下参照)。

Image5

| |

2014年3月12日 (水)

エクセルのグラフやPDFファイルをブログに貼り付けたい

まず、貼り付けたい表やグラフを含むファイルを開いて、プリントスクリーンキー(うちのパソコンではPrtSc、パソコンによってはFnやAltと同時押しだったりします)を押下します。これで画像がコピーされた状態になります(以下参照)。
※エクセルの表など、範囲指定できる場合は、範囲指定して「コピー」でもOKです(2014.6.11)。


Image1


「ペイント」を開きます。まず、スタート>Windowsアクセサリ>ペイントを押下。


「ペイント」が起動しました(以下参照)。


Image4


左上の「貼り付け」>「貼り付け」をクリックします。するとコピーした画像が表示されます(以下参照)。


Image5_2


このまま貼り付けたのでは見栄えが悪いので、「トリミング」をクリックして、必要な表やグラフだけを選択します。選択したら「コピー」をクリックします(以下参照)。


Image6


左上の「選択」>「すべて選択」をクリックして、Deleteキーを押下します。これで邪魔になった元の画像が削除されます(以下参照)。


Image7


画像が削除されました(以下参照)。


Image8


再び左上の「貼り付け」>「貼り付け」をクリックします。すると三つ前でコピーした画像が表示されます(以下参照)。


Image9


「ファイル」>「名前を付けて保存」で「PNG」か「JPEG」ファイルで保存します(以下参照)。


Image10


名前を付けて保存してください(以下参照)。


Image11


以上で終わりです。ここでできたファイルは写真と全く同じものなので、写真のアップロードと同じようにアップロードしてください(1MBのアップロード制限は変わりません。1MBを超えるようなら写真と同じようにリサイズしてください)。

| |

2013年10月 7日 (月)

過去ログを読んでもらいたい(バックナンバー機能)

 ココログにログイン>「デザイン」をクリック(以下参照)。

Image1

 「表示項目を選択」をクリック(以下参照)。

Image2

 「バックナンバー」にチェックして「変更を保存」をクリック(以下参照)。

Image3

 「デザイン」に戻って、「並べ方を変更」をクリック(以下参照)。

Image4

 「バックナンバー」を好きな場所にドラッグして「変更を保存」をクリック(以下参照)。

Image5

 「デザイン」に戻って、「設定」>「バックナンバー」をクリック(以下参照)。

Image6

 必須チェック:個別
 どれか一つをチェック:日別・週別・月別
 カテゴリ機能を使っているなら:カテゴリー
 チェックを入れ終わったら「変更を保存」をクリック(以下参照)。

Image7

 「サイトに反映」をクリック(以下参照)。

Image8

 「すべてのファイル」で「反映」をクリック(以下参照)。

Image9

 反映が終わったらブログを確認。キーボードのF5キーを押してから確認してください。

 過去ログを読むには、直近分はサイドバーの表示から。それより前の場合は「バックナンバー」の文字をクリック(以下参照)。
※右側の画像は無視してください。

Image10

 ブログ開設からの過去ログページに移行します(以下参照)。

Image11

 以上です。

| |

2013年7月28日 (日)

YouTubeの動画をブログで紹介(貼り付け)する

まず、紹介したい動画を再生します。下の方にある「共有」をクリック(以下参照)。

Image1

「埋め込みコード」をクリック(以下参照)。

Image2

「もっと見る」をクリック(2014.12.17)。

「動画のサイズ」を「カスタムサイズ」にする(以下参照)。

Image3

Blogのデザインが3列なら350、2列なら450くらいが適正サイズです※大きすぎると表示できません(以下参照)。

Image4

文字列をコピー(以下参照)。

Image5

ココログで投稿を始めます。動画を貼り付けたい箇所で「HTMLの編集」をクリック(以下参照)。

Image6

先にコピーした文字列を貼り付け(以下参照)。

Image7

「記事の作成」をクリックすると、動画が貼り付けられています(うまくいっていれば)。後は通常通りに文章を書いて、「保存」で完了です(以下参照)。

Image8

※YouTubeはしばしばデザインを変えるので、見た目が上の画像とは異なるかもしれませんが、「共有」>「埋め込みコード」は変わりません。探してみてください。

※あえて書きますが、著作権違反の動画は貼り付けないでください。

| |

2013年7月 2日 (火)

写真いっぱいのブログにしたい方へ(ココログ容量制限対策)※2022/2全面書き換え

 画像いっぱいのブログを作ると、あっという間に容量が減ってしまいますね。この記事では、ココログに画像を保存せずに画像を表示させる方法を書きます(正確にはMicrosoftのOnedriveに画像を保存し、ココログから画像を参照します)。この方法なら、ココログの容量はほとんど減りません。

 まずは画像を保存する場所を作ります(自分は画像フォルダ配下にCocologというサブフォルダを作りました)。この中にある真っ赤なポルシェを表示させます(以下参照)。

 Onedriveを起動します。画面右下の上向き矢印を左クリック→雲のマークを右クリックです(以下参照)。

 表示された画面の下部、「オンラインで表示」を左クリックします(以下参照)。

Image3_20220223115201

 Onedriveが起動します。保存場所を開くと保存された画像が出てくるので、チェックを入れて、「埋め込み」をクリックします(以下参照)。

 右に出てきたページで「画像のサイズは”大”」、「HTMLタグを含める」にチェックを入れます。画面下部に暗号みたいな文字列が出てきます。これを全文コピーしてください。※この文字列がブログから写真を呼び出す呪文になります(以下参照)。

Image5_20220223115201

 ココログを開きます。「通常エディタ」を選択してから先の文字列を貼り付けます(以下参照)。

 文字列の文頭、「 <img src= 」を削除します(以下参照)。

 削除した文頭に
「 <img class="image-full" src= 」
という文字列を貼り付けてください。この文字列は毎回使いますので、メモ帳などにコピーして保存しておくことをおすすめします(以下参照)。

 文末も変更します。「 height="xxx" 」を削除します。最後の「 /> 」は残してください←これ超重要(以下参照)。

 文末を削除しました。先に書いたとおり、「 /> 」は絶対に残してください(以下参照)。

 ココログを閲覧しましょう。この画像は今回の記事で書いた手法で保存しています。

 ※文頭に「 "image-full" 」を入れるのは、今後デザインを変更して横幅が変わっても「常に画面幅最大」で表示するためのものです。

 ※文末の「 height="xxx" 」を削除しないと、画像の縦横比がめちゃくちゃなことになります(なぜかはよくわからないのですが)。

 ※文末の「 /> 」を残すのは、「この呪文はここまでですよ」というのを指定する文字列だからです。これを消してしまうと、ブログのデザインがおかしくなります(サイドバーが下に落ちたりします)。

 この方法では、画像をOnedriveに保存しているので、ココログの容量使用量は無視できる程度のものです(呪文に用いたテキストのみなので、数kb程度です)。慣れてしまえば通常の画像挿入と大差ない程度の手間なので、覚えてしまうとお得です。

| |

2013年7月 1日 (月)

ココログのフォントをメイリオや游ゴシックにしたい(備忘録)

 ココログにログイン>「デザイン」をクリック(以下参照)。

Image1
 
 「カスタムCSSを編集」をクリック(以下参照)。

Image2

 以下の文字列を追加。

body {
font-family: "メイリオ", Meiryo, sans-serif;
}

body {
font-family: "游ゴシック", YuGothic, sans-serif;
}

 下にスクロールして「変更を保存」をクリック(以下参照)。

Image3

 下にスクロールして「反映」をクリック(以下参照)。

Image4

 「すべてのファイル」で「反映」をクリック(以下参照)。

Image5

 ブログを確認する。ブログが表示されたらキーボードの「F5キー」押下。※F5キー押下はおまじないみたいなものです(笑)。

 もしうまくいってないようなら、上記の作業を繰り返し、文字列を以下の文字列に変更。ほかの作業は同じです。

* {
font-family: "メイリオ", Meiryo, sans-serif;
}

* {
font-family: "游ゴシック", YuGothic, sans-serif;
}

※メイリオフォントはWindows Vista以降のOSに標準装備されています。

※Windows8.1には、新フォントとして、游ゴシック、游明朝が追加されました。「メイリオ」か「游ゴシック」のどちらかをおすすめします。文字が大きいのが「メイリオ」、文字間が広いのが「游ゴシック」の特徴です(特にカナの大きさが違います)(2013.10.18)。

※font-familyについて書かれているサイトで、「フォント名は""で囲め」というサイトと、「フォント名にスペースが含まれている場合は""で囲め」というサイト、「和文フォント(メイリオなど)はスペースなしでも""で囲め」というサイトがあって、どれが正しいのかわかりませんでした。うまくいかない場合は「""」をつけ外ししてみて、うまくいくか試してみてください(安全サイドは「""」付きの方です。なお、sans-serifには「""」はいりません)。

※ココログサポートでのno-name.さんの回答がベースになっています。ありがとうございます。

| |

2013年5月 3日 (金)

自分のブログが勝手に別サイトに飛ばされてしまう。

 最近よく見かける質問です。原因は

○ブログパーツの不具合(提供元がメンテナンス中?障害中?)
○ブログパーツの提供終了

といったところが考えられます(あくまで推測です。当然別の理由もあるでしょう)。

 対応としては、いったんブログパーツを無効にして(削除ではないです。念のため)、再度一件ずつ有効にしていって、別サイトに飛んでしまうブログパーツを見つけて、それを(一時的に)無効にすることで解決します※提供終了の場合、削除するしかありません。

 ブログパーツの無効化は以下の画像の通りです。参考にしてください。最後の画像の「ブログパーツ」と「マイリスト(の一部)」のチェックを外す=無効化です。

Image1_2

Image2_2

Image3_2

| |

2013年4月29日 (月)

「リッチテキストモードに変更できません。HTMLが複雑すぎるかフォーマットが不正です」というメッセージが出る(対処法)

 いつも通りワードで下書きをして、ココログにコピーして保存したら変なメッセージが!これは何でしょうか?以下で説明していきます。解決法も書きます。

 皆さんご存じのワード編集画面です。とりあえず文章を書いてみました(以下参照)。

Image0

 ココログの編集画面にコピーしました。何の問題もないように見えます(以下参照)。

Image1

 でも、画面を「HTMLの編集」にすると、この通り。この<>で囲まれた、書いてもいない文字列は「タグ」と言われ、このタグで改行とか、文字を赤くしたりとかができるわけですが、ワードの場合、付加するタグがご覧の通り多すぎて、ココログがこのタグを解釈できなくなることがあります。これが「HTMLが複雑すぎるかフォーマットが不正」というメッセージの正体です(以下参照)。

Image2

※保存はできても、文字がゴシック体指定なのに明朝体になったり、文字のサイズがおかしくなったりします。原因は上記の「ワードが勝手に付加したタグ」のせいです(2015.4.25)。

 では、どうすればいいか?Windowsに付属している「メモ帳」を使ってください。「メモ帳」で書いてみます(以下参照)。

※Windows10:スタート>Windowsアクセサリ>メモ帳

Image3

 再度ココログの編集画面にコピーしました。今度も何の問題もないように見えます(以下参照)。

Image4

 画面を「HTMLの編集」にすると、今度はこうなります。「タグ」の数がずいぶん減りましたね?文章の編集はここから「記事の作成」に戻って始めます。そうすれば変なメッセージは出ません(以下参照)。

Image5

 どうしてもワードを使いたい場合、ワードで下書きをして、いったんメモ帳にコピーして、再度「メモ帳から」コピーをしてココログに貼り付けます。そうすれば「タグ」を減らすことができます。

※ワードで下書きをして、ココログに貼り付ける際に画面を「HTMLの編集」にして貼り付けても大丈夫なようです(2014.10.7)。

| |

2013年4月 4日 (木)

ココログの画像設定

ページに表示する画像サイズ:画像を本文の幅に合わせて表示する
元画像を縮小する:縮小しない
画像の配置:グレーアウト(左)
画像をクリックしたときの動作:グレーアウト(記事ページ内で拡大画像を表示)

※クリックして拡大します

Porsche06

ページに表示する画像サイズ:サイズを指定する(xxxピクセル)
元画像を縮小する:縮小しない
画像の配置:お好みで(基本は左)
画像をクリックしたときの動作:記事ページ内で拡大画像を表示

※クリックして拡大します

Porsche06_2

ページに表示する画像サイズ:サイズを指定する(xxxピクセル)
元画像を縮小する:縮小しない
画像の配置:お好みで(基本は左)
画像をクリックしたときの動作:別ウインドウで拡大画像をポップアップ

※クリックして拡大します

Porsche06_3

ページに表示する画像サイズ:サイズを指定する(xxxピクセル)
元画像を縮小する:縮小する。横幅をxxxに縮小
画像の配置:お好みで(基本は左)
画像をクリックしたときの動作:なにもしない

※クリックしても拡大しません

Porsche06

 こんな感じになります。下三つは300ピクセルで設定してみました。ちなみに元画像は864*576ピクセルです。

※xxxピクセルは自由に設定可能ですが、あまり大きなピクセル数にすると、画像が一部切れて表示されてしまいます。たとえばこのBlogは横470ピクセルまでしか表示できませんが、ここで横600ピクセルを指定すると、130ピクセル分が表示できなくなります(2013.7.4)。

 ご希望の設定は見つかりましたでしょうか?

| |