ブログの記事を綺麗に紹介したい時には | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

こんにちは、パソコンワンポイントレッスン!

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・・・」とサムネール画像がなりますが、大丈夫ですので^^!


川上雄大のワンポイントレッスン!



↓ほら、大丈夫でしょう^^
(ご紹介いただきまして、ありがとうございました!)



コーチング受講|転職・再就職の不安と悩みを自信に変えて期間短縮させる『転職の相談室』ジョブレスキューコーチング受講|転職・再就職の不安と悩みを自信に変えて期間短縮させる『転職の相談室』ジョブレスキュー



あ、それから・・・

ママブロガーの空条れいれいさんからご紹介されていましたので、その記事ご紹介いたしますね~!


スマホで叶う「1タップの“しあわせ”」|「美しく生きるはイバラの道」好きなことでママ起業!日本一のママブロガースマホで叶う「1タップの“しあわせ”」|「美しく生きるはイバラの道」好きなことでママ起業!日本一のママブロガー




最後に・・・
実は、この紹介方法は、いつもお世話になっている剣さんからいただいたものなのです~^^


ブログ記事紹介ジェネレータ 追記あり|大量被リンクはスパムになるか検証中





以上、ご紹介についてでした。


LIDS札幌・ライフデザインスクール
川上 雄大