遊びに満ちる

いいなとおもったものをなんでも配信していってます。

はてなブログのスターが表示されない

f:id:ericosblog:20201025125200j:plain


今朝 
メールが来ました
はてなブログにスターがつけられましたとのこと


今見にきたんですが・・・

スターの存在が消えてる!

スターをもらっていたはずのページも
スターの表示が消えていました。

調べてみたら こういうことよくあるみたいなんですね

解決法を読みましたが

サイドバーをいじった場合
ドメイン関連の問題
など・・・

どれも 今回の自分に思い当たるものがなく・・・

とりあえず 私が試した方法書いておきます。
よかったら参考にしてみてください

○ ページの再読み込み リロードですね それを何度かやってみる
  (「強制再読み込み (PCならCtrl+F5)」ができれば一番いいかも )
  これで解決することが多いそうです
  (ちなみに 私はこれでも だめでした)

○ cookie (クッキー) を削除する
  クッキーを拒否してる人は 受け入れる に設定してください
  サードパーティのクッキーも受け入れるようにしてください
  私はこれであっさり元に戻りました

○ その他
  上記でもだめなら ブラウザを変えてみる
  私はPCでVIVALDIというブラウザを使っていますが 
  これでスターが表示されなかったので 
  chromeで見てみたら 表示されていました
  でも VIVALDI を使いたいので色々頑張りました 笑

皆さんのスターの問題 解決しますように♪
  

覚書 LastPass マスターパスワードを1つ前のに戻す

LastPass 
PCでもモバイルでも
パスワード管理をしてくれるとても優秀な拡張機能
使われている方 多いようですね

ただ・・・
スターパスワードを忘れると
もう大変

なぜかというと
スターパスワードは
LastPassに保管されてないから・・・

これはね
すごいことだと思うんです
それは わかるんです・・・

もちろん
最悪アカウントを取得しなおしたらいいのですが
それをすると
保存していたパスワードがすべて消えます・・・

ここ数日
LastPassの担当の方とやりとりしていて
もう アカウント作り直すしかないのかなあ
というところまできていたのですが・・・
もう一度 検索してみよう!
と思って調べてみたら
なんと!
古いパスワードを変更してから30日以内なら元に戻せる
という記事をアップしてくださってる方がいて
その記事に従ってやったら
なんと!
古いパスワードに戻せましたー!!!!
保管していたパスワードも復活!

もう この方 素晴らしすぎる!

というわけで 覚書として シェアさせてもらいますね

それと
私みたいにならないように
ワンタイムパスワード
を保管する手もあるようです
一番いいのは やっぱりアナログ?
書いて保管かな? 笑

また
パスワード生成もしてくれるので
それも 人によっては 助かるかもですね

とにかく
すべてのパスワードを保管してたので
復活してよかったーーーーーー!!!

strategy777.com

貼り付けた画像の角に丸みをつけてみる

こちらが さきほど もうひとつのブログにアップした角丸なしの画像です

f:id:ericosblog:20200718222059p:plain

 ブログに画像を貼り付けた時点で
<p><img /></p>
というタグが生成され
imgタグ の中に画像の情報が入っています。

実際のソースコード

<p>
<img src="https://cdn-ak.f.st-hatena.com/images/fotolife/e/ericosblog/20200718/20200718222059.png" alt="f:id:ericosblog:20200718222059p:plain" title="f:id:ericosblog:20200718222059p:plain" class="hatena-fotolife" itemprop="image"  />
</p>


このimgタグの中に 角丸にするための情報を追加します

今回は角に20pxのRをつけてみました
コードは
style="border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;"

border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;"

最初のが一般的なブラウザ用コード
あとの2つが 古いブラウザに対応するためのコードです

最初のコードに角丸情報を追加したのが下記のコードです

<p>
<img src="https://cdn-ak.f.st-hatena.com/images/fotolife/e/ericosblog/20200718/20200718222059.png" style="border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;" alt="f:id:ericosblog:20200718222059p:plain" title="f:id:ericosblog:20200718222059p:plain" class="hatena-fotolife" itemprop="image"  />
</p>


で完成がこちらです

f:id:ericosblog:20200718222059p:plain


ブログ全体に反映させることもできますが
その場合は やり方が変わりますので
今回は この画像のみ角丸にするということで書いてみました。

20pxをおっきくしたり ちっさくしたりして
遊んでみてください

こちらが 50%にした場合の画像です
円形になります
画像も正方形のものを使ってくださいね
長方形だと楕円になります
それもまた いいですけどね 笑

f:id:ericosblog:20200614223343j:plain