みてみてみんな達〜〜!リンクを見やすくしてみたよ!
![プロフィール & 影織文庫について](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWnrnZ-T3-0HeX9uP7extYfgzfcNFr5dwrgevLc_NclBWMOjkTcJcCBI3FY6PiTp8r9GvuSqGmQPX6GG9mOx3oGc953yQ9_IOyvYRi7dp7pFslQYzS7YmOKOLldta3brvMotx7-GyGhegkh1idBFIK_WaMd_sQlFLGowr2OHO2xuHLNIRrLjZGU9xgHA/w400-h225-rw/galileo.jpg)
プロフィール & 影織文庫について
繊細さや感受性を活かし、創作活動を楽しんで自由に生きるヒントや、ARを中心とした技術Tipsを紹介します。
![Kageori Lab](https://kageori.pythonanywhere.com/static/img/top.png?1)
Kageori Lab
This is Kageori's portfolio site.
導入
こちらの記事の、ブログカード作成ブックマークレットを使わせていただきました。
こういう見せ方、「ブログカード」って呼ぶのか。知らなかったなぁ( 'ω')
![ブログカード作成ブックマークレットをアップデートしました](https://blog-imgs-148.fc2.com/v/a/n/vanillaice000/time-for-a-change-4499734_1280.jpg)
ブログカード作成ブックマークレットをアップデートしました
FC2ブログのみならず汎くお使い頂いているようで甲斐があったなぁ、と思っております ブログカード なんですが、アップデート、というか少しhtml内容を変更しました。...
いくつか類似のブログカード生成ツールを見かけたのですが、このブックマークレットは、
ブログカードの有名どころ「はてなブログカード」「Embedly」と大きく違う点は APIやJSを利用していないです。
とのことで、描画が早く、カスタマイズがしやすいというメリットに惹かれて使ってみることにしました。
ブックマークレットを保存しておき、CSSをテンプレートに追加するだけで、すぐに使い始められます。
![]() |
このような感じで、ブックマーク登録しておきます |
使い方
引用しようとしているページを開いた状態で、ブックマークレットをクリックして、出てきたコードをコピーします。
これをBloggerのエディタでHTMLビューにして貼り付ければOKです!
まとめ
これまで掲載してきたリンクを差し替えようかな〜?と一瞬思ったのですが、Search Consoleで確認したところ、内部リンクの数がものすごい数になっていたので、諦めました笑
今後の見せ方に期待しててくれ( ˘ω˘ )
リンクを見せる時、こうしてカード状になっていると目を引きますよね。
今後積極的に使ってみようと思います。
0 コメント