こんにちは、パソコンワンポイントレッスン!
PCインストラクターの川上です。
最近、私のブログを見ていただくと、このようにブログ記事をご紹介していたりします。
色んなブログのご紹介方法ってあると思うのですが・・・
その方のブログサムネール(左側の画像のこと)とブログタイトルと記事タイトルを同時に表示してリンクする方法もあったりします。
やっぱり、読んでいる人によっては、なんか強制的に飛ばされた~、と思う方もいらっしゃるかもしれませんし・・・^^;
で、そうさせたくないな~、なんて思う場合は、このようなブログ記事のご紹介方法をしてみてはいかがでしょうか?
(もちろん、他の方法がダメ、なんてことは1ミリもありません^^;)
さて、ではどうするのか、というと・・・
まず、パソコン版で私のブログを見ている方は、左側のサイドバー内に、
■ブログ記事紹介ジェネレータ
というリンクを張っています。
ですので、そちらをクリックしていただきます。
(2014年10月27日より、リンク先を『アメブロ記事紹介タグ作成』に変更しております。新しいタグ作成の記事はこちら→『【New!・・・超おススメ!】アメブロの記事を綺麗に紹介したい時には』)
もちろん、直接「ブログ記事紹介ジェネレータ」のURLでもOKです。
http://otatin.com/widget/introgen/
すると、『はてなブログ記事紹介ジェネレータ』という画面が表示されます。
そして、紹介したいブログを開いて、記事タイトルをクリックします。
左上にそのブログ記事の記事URLが表示されますので、選択して右クリックして「コピー」を選択します。
(記事URLって?という方はこちらの記事『どうすれば、記事URL(アドレス)がわかるの?』をご参照くださいませ。)
記事URLをコピーしておいたら、先ほどの「はてなブログ記事紹介ジェネレータ」を再度開いて、
「記事URLを入力してください」
という欄内を右クリックして、「貼り付け」を選択します。
記事URLが貼り付けられます。
記事URLの右側に、「冒頭を取得」の先頭にチェックマークがついていますので、そのチェックマークを外します。(クリックすると外れます。)
そして、「コード出力」をクリックします。
すると、下の方に、コードが生成されます。
その生成されたコードを選択して、右クリックして「コピー」をクリックします。
あとは、アメブロの「ブログを書く」で貼り付けてあげます。
ただし、標準エディタと新エディタの方は、HTMLタグの画面で貼り付けてあげます。
(タグ編集エディタの方は、そのまま貼り付けてOKです。)
<div class="intro-article-wrapper" style="width: 100%; overflow: auto;"><a class="intro-article-img" href="http://ameblo.jp/job-rescue/entry-11927227957.html" target="_blank" style="float:left;" rel="nofollow"><img src="http://capture.heartrails.com/150x130/shadow?http://ameblo.jp/job-rescue/entry-11927227957.html" align="left" width="150" height="130" alt="コーチング受講|転職・再就職の不安と悩みを自信に変えて期間短縮させる『転職の相談室』ジョブレスキュー"></a><a class="intro-article-title" href="http://ameblo.jp/job-rescue/entry-11927227957.html" target="_blank" style="font-size:110%;" rel="nofollow">コーチング受講|転職・再就職の不安と悩みを自信に変えて期間短縮させる『転職の相談室』ジョブレスキュー</a> <img src="http://b.hatena.ne.jp/entry/image/http://ameblo.jp/job-rescue/entry-11927227957.html" style="opacity:0.8;"><span style="clear: both;"></span></div>
すると、このようにリンクができます。
<※補足>このとき、できれば、 rel="nofollow" は2か所とも削除するとよいです。そもそも「nofollow」とは検索エンジンのクローラーにリンクを辿らないように伝える手段です。やはり、クローラーに知らせたいですので、さっくりと削除されるとよいですね。
(よくわからない・・・という方は、そのままでも大丈夫です~!)
貼り付けたばかりのときは、チェックしても「Now Captring・・・」とサムネール画像がなりますが、大丈夫ですので^^!
↓ほら、大丈夫でしょう^^
(ご紹介いただきまして、ありがとうございました!)
あ、それから・・・
ママブロガーの空条れいれいさんからご紹介されていましたので、その記事ご紹介いたしますね~!
最後に・・・
実は、この紹介方法は、いつもお世話になっている剣さんからいただいたものなのです~^^
以上、ご紹介についてでした。
LIDS札幌・ライフデザインスクール
川上 雄大