お気に入りブログが更新したら通知するアプリ (続)

ブログの更新があった時にスマホに通知されると便利が良いです。

3665.jpg

上から
① iphone 「Simple RSS Reader」 アプリ からの通知
② IFTTT の RSS で LINE へ通知 (表示内容は変更できる)
③ Arduino 自作 RSS アプリ から LINE へ通知

今後は③のみの運用を考えている

お気に入りブログが更新したら通知するアプリ

ブログの更新があった時にスマホに通知されると便利が良いです。

以前調べた時には見つからなかったのだが・・・
今日調べたら(Androidには有るらしい・・・・だったらiphoneにもあるだろう)
愛読ブログが更新したら通知してくれるiPhoneアプリ「Simple RSS Reader」
早速URLの登録をしてテストです。

今までは「Feed2Mail」 を使ったり、自作ソフトでチェックしてましたけど・・・・・
これで思うように通知が届けばPCが1台24時間稼働しなくて済むのです

おお!テストOK ちゃんと通知音→ブログ表示できました

使って便利 動画→GIFアニメ変換Tool

GIFアニメで短い動画を掲載しているサイトが有って

原理は分かるけど面倒だな! と思っていたら

動画をキャプチャリングしてGIFアニメへ変換する便利なツールが有るのですね。

動画→GIFアニメ変換Tool
動画ファイル(avi/mpeg/wmv/flv/mp4など)をGIFアニメ(アニメーションGIf)に変換するソフト
というか、Windowsの画面に表示されてる物なら、なんでもGIFアニメに(簡単に)変換できます

私でも使えました。簡単でした。
喜んでUPしようと思ったら・・・・ファイルサイズが大きすぎます!・・・2MB以内でした。

という事はFC動画かYouTubeになるのでしょうか!

折角だから画像を間引いて縮めました。
taki.gif

やっぱ動きが有るといいですね。

FC2ブログのデータバックアップについて

ブログの突然の閉鎖やサーバー故障、ミスによるブログの消失に備えて
日頃からブログデータのバックアップをしておいた方が何かと安心です。
その方法について図解入りで簡単に解説します。

ブログの管理者メニューの中にデーターバックアップが用意されています。
今回はサンプルで3件の記事が作成されています。
公開記事・パスワード記事・下書記事を各1件ずつ用意しました。
結果的に下書記事を含めて全ての記事が保存できました。

手順的には記事の文字データと写真データを個別に保存する必要があります。
それ以外にスタイルシートが有りますが今回は解説しません。

b01.png

ツールのデータバックアップ

b02.png

エクスポートの全ての記事のダウンロード
(個別指定もできます)

b03.png

保存場所を指定して保存

b04.png

次に写真などのファイルバックアップ
リストを開くで別ウィンドウが作成されます

b05.png b09.png

写真がずらずらと表示されていると思います。

ファイル 名前を付けて保存
で別ウィンドウが出てきます

b06.png

保存場所を指定した後に

ファイルの種類をWebページ完全を選択

保存を行う

※写真が大量にある場合は複数回行なう


そうすると下記のように2つのファイルと1つのフォルダーが作成されます。

b07.png

フォルダーの中に写真データが保存されていると思います。


b08.png

記事の文字データはこの様に保存されます。


FC2に入れ直す時はこのまま使えると思いますが
他のサービスを利用する場合は必要な個所をカット&ペーストして
写真の保存場所を再度指定し直す必要があります

原本さえあれば、なんとか成るでしょう。

気になるブログはこうしてチェック

ブログを読んでいると

お気に入りのブログが出来てくる。

しかし、常にブログの新着チェックをしている訳にはいかない。

書込みが行われたら携帯やスマホにメールが届いたら・・・どんなに楽だろうか!

1.超お気に入りはメールで受信
  更新が有ったらメールで知らせてくれる(無料)サービス 「Feed2Mail」 を使っている。
  更新・即ではないが、ほぼ遅滞なくメールが届く
  あまり登録数を増やすとメールだらけになるから数件を登録している。
  サイトの更新情報をメールで受け取れる「Feed2Mail」

2.パソコンのブラウザーを使う方法
  WEbブラウザー Sleipnir を使っている バージョンアップで使えなくなったから
  今は kinza 

  これのRSS機能を使ってグループ毎の管理をしている。
  一定間隔で更新チェックする機能もある
  私は調べたいときにボタンをポチっとしてます。
  最新順に表示したり、グループ毎に見れるので楽ちんです。

ブログ画像の考察 (まとめ)

今まで解説した設定内容のまとめ

<<< 1. HTML編集 で 追加変更する内容 >>>
基本編のみ使用する場合は bodyのみ変更で良い
h0.png

<<< 2. スタイルシート編集 で 追加する内容 >>>
基本2は背景画像として表示する方法で必要なだけ定義する
(使わない場合は基本1までの設定で良い)ファイル名の指定は間違わないように!
h1x2.png

<<< 3. ブログ記事 で 追加する内容 >>>
必要なのは、最初と最後の行
ブログ記事の全体をプロテクトする場合は、ブログの最初と最後に指定すれば良い。
h2x.png


下記内容を自分の環境に合わせてご使用ください
修正内容のテキスト

※スマートフォン用のテンプレートの設定やスタイルシートの変更も忘れないように!!
公式テンプレートを設定した例
st1.png

スマホ対策の設定例
st2.png


ドラッグコピーで簡単に保存できる状態だと、いくら右クリック無効にしている意味が無い

どうせなら簡単な保存無効をしておいた方が良い

鍵は多い方が開けられない。途中であきらめるから・・・ね。


では楽しいブログライフを!!

ブログ画像の考察(基本編)

ブログの画像は右クリックで保存できますが。

これを禁止したい!

場合には、どうしたらよいか!

簡単に出来る方法

アルバムは使わない

まずはテンプレートの BODY に 赤文字を 追加
<BODY oncontextmenu="alert('右クリック禁止');return false;">

画像を挿入したら
画像の説明

<a href="画像のURL" target="_blank">
<img src="画像のURL" alt="画像の説明" border="枠幅" width="画像の横ドット数" height="画像の縦ドット数" >
</a>

この href は、画像をクリックされた時の動作なので target="_blank" の指定で別ウィンドウが開きます。
(別ウィンドウは右クリックできます)


別ウィンドウを開かない場合の

最少記述は
<img src="画像のURL">

これだと画像の大きさで表示されるので

表示範囲の半分の幅で表示する場合は


<img src="画像のURL" style="width:50%;height:auto;">

表示範囲の幅で表示する場合は


<img src="画像のURL" style="width:100%;height:auto;">


しかし、これだとドラッグコピーできるので・・・(右クリック禁止の意味がありません!!)
簡単にガードを掛けてみましょう。

透明画像を被せる方法 WEB工房きくちゃんを参考に改良しました。



準備:スタイルシート青文字部分を追加
(テンプレートの設定 → スタイルシート編集(最後に記述しても動作しました))

div.imgP{
position:relative;
width:100%;
height:auto;
}
span.P00{
position:absolute;
display:block;
width:100%;
height:100%;
background-image:url(透明画像のURL);
}



正常に動作に無い場合は、上記のスタイルシートの設定を確認して下さい
透明画像のURLは httpから始まるGIF画像を指定

ブログの個別の記事では青文字を追加
<div class="imgP"> <span class="P00"> </span>  

<img src="画像のURL" style="width:50%;height:auto;">

</div>

画像が複数枚ある場合は、imgを複数行定義すれば良い。
通常通り写真挿入しても良い(ただし別画面表示へは進みません)
文字が有っても良いです。
だから
ブログ記事の最初と最後に指示すれば、その記事全体がプロテクトされます。 設定例

また、一旦保存しないと正常に動作しない場合があります。

これで、ドラッグコピー出来ないし、iphoneで画像保存出来ない。

とりあえず、保存禁止ができる。(基本編1)

でもこれではソース保存ができます。

その対策は基本編2で

ブログ記事の一覧表作成について

ブログ記事が多く成ると、最新記事だけでは探し難くなり
全記事一覧表が表示されると便利が良い。(検索機能つき)

共通プラグインの「検索BOX・タグ一覧」が使い勝手が良いので試されたら如何だろうか。

p2.jpgp3.jpgp4.jpg

画面に付けている番号順にクリックおよび文字入力してみて下さい。


ブログ画像の考察(応用編3)

まさか画像が隠れているとは思わないだろう

今回は独自のパスワード設定です。

ハートマークをクリックしたら表示/非表示を切り替えます。(応用編1)

引数を指定してブログを呼び出したら有効(応用編1と同じような使い方)
ハートマークをクリックしたら表示。




表示の切替えは、
同じ表示記述をしている1番目が対象になっている。

ココをクリックして呼出すと表示されます



ブログ画像の考察(応用編2)

まさか画像が隠れているとは思わないだろう
別れて記述した画像も
表示/非表示を切り替えできます。

文章1

文章3



文章4

文章6



ブログ画像の考察(応用編3へ)

ブログ画像の考察(応用編1)

まさか画像が隠れているとは思わないだろう

マークをクリックしたら表示/非表示を切り替えます。

マークにマウスを移動したら表示/非表示を切り替えます。

マークをクリックしていると表示をします。 (動作が不安定で表示が消えない事がある)

マークをクリックしたら表示/非表示を切り替えます。(別Id)

       スマートフォンでは2番目・3番目はマウス機能が正しく動作しない



表示の切替えは、
同じ表示記述をしている1番目が対象になっている。

ブログ画像の考察(応用編2へ)


プロフィール

お気楽どん

Author:お気楽どん

最新記事
最新コメント
ありがとう
気が向いたら
にほんブログ村 ライフスタイルブログへにほんブログ村 その他趣味ブログ 電子工作へ にほんブログ村 環境ブログ 風力発電・太陽光発電へ

DHC DHC DHC 売国議員
天気予報
カテゴリ
検索BOX・タグ一覧
リンク