大事なことだと知りました。Bloggerにはラベルから取得する「関連記事」のガジェットもありません。サムネイル入りで綺麗にリンクを貼りたいですよね。表示されてるのが「LinkWithin」ですがせっかく取り入れたのに関係ない記事ばかり表示するので本当に合わせて一緒に読んで頂きたい記事を表示する方法をずっと考えてました。他のサイトやブログを画像付きでリンクを貼れます。内部リンクなのにページ全体の画像をサムネイル化してしまう。内部リンクなのに新窓で開いてしまう。内部リンクを貼る上で大きく3つの不満がありました。↑こんな感じに手動で表示したい記事のみにしてサムネイルはアイキャッチ(記事の最初の画像)にしています。これから紹介しますね。(^^)一番参考になったのがこちらのサイトでした。ブログ記事を紹介するブックマークレット「ShareHTML」を改造。コピペで使えるサンプルコードを公開します。みんなの扉を開くカギでも、なぜか紹介してるコードでは登録してもShareHtmlが動作しないためクラス名を外すことにしました。私のコードは↓こちら。/>難しい説明はいらない方は↓は読み飛ばして下さい。テンプレートによってはアイキャッチ画像が長方形の方が多いと思います。正方形では縦横比が狂って変だと思う方はwidthで横幅を決めてheightでは無指示height=""にして下さい。内部リンク用なのでデフォルトでは3つあるtarget=”_blank”を2つ消しています。ページ全体をサムネイル化せず好きな画像を選択できるようにコメント部分へ、画像URLを入力してサムネイル化するため「コメント」は書けません。登録して使ってみましょう。上記の「私のコードは↓こちら。」のコードをコピーして「ShareHtmlメーカー」へ行きます。デフォルトではコメント欄にタグが書かれてるので消します。上記のコードをペースト。生成されたコードをコピー。デモおよびPC登録用をクリックすることでブックマークへ登録できるのですがブラウザによっては自動で動かないため手動で登録します。Chromeで解説するとブラウザの「設定」ボタンからこのページをブックマークする。開いた画面から編集をクリック。名前を自分が分かりやすいものへ変更します。URL部分を消して、先ほど生成されたコードを貼付けます。これで内部リンク用のプログラムをブックマークへ登録できました。画像URLをコピーをクリック。先ほど登録したブックマークをクリック。Memoという画面があらわれます。記入欄へ先ほどコピーした画像URLをペースト。すると画面最上部へ↓このような画面が現れます。コードをコピーして下さい。お疲れ様でした♪(^^)コピーしたコードを記事作成画面のHTMLからペーストすれば記事内へ貼り付きます。猫の爪切り(動画あり)サムネイルが小さいのでシャドウは似合わなかったので入れませんでしたが入れることもできます。その場合は上記「参考になったサイト」で解説してますが<div>でクラス名を付けてから、CSSで影を適用します。クラス名>を追加してやればOKです。アナログな手法が多く手間はかかりますがテキストだけで内部リンクへ誘導するよりは見栄えがよくなったかな?と思います。ありがとうございました。この記事が役に立ったと思った方はシェアして頂けると嬉しいです。(^^)この記事が気に入ったらいいねをお願いします。Carreonテスト訪問ありがとうございました。お知らせスパムが多いため、コメントは承認制になっています。確認次第、承認と返信をいたしますね。猫の爪切り(動画あり)ジレット、シック。コメントをキャンセルメールアドレスが公開されることはありません。最安値のサプリSHOPで深海鮫スクアレンを買ってみた。お手軽♪ペットボトル加湿器オーブの良い点・悪い点au解約前に要確認!溜まったポイントをギフト券に換金する方法。views冷凍アカムシは水を汚す?汚さない与え方。検索キーワードが指定されていません。最近の項目を表示しています。検索もしくは上下矢印キーを使って項目を選択してください。