So-net無料ブログ作成
検索選択

サイドバーにポラロイド風アルバム [▼ブログ管理]

現在、サイドバーには「ポラロイド写真風アルバム」を載せてます。
実はこれ、So-netブログの教室で紹介された「簡単便利!写真レイアウトの技
を参考に作ってみたんです。写真をクリックすると過去の関連記事に飛ぶようにしてます。
おかげで、埋もれてしまった昔の記事を読んでもらえるキッカケになってます。
今日はその作り方をご紹介しましょう。簡単です。 

【できあがったものがこちら】

出港しちまった

マリアナの夕日


… … … … … … …

【作り方】

1) まずこれからメモを取りますので、メモ帳を開いておきます。ワードパッドでもかまいません。

2) 自分の記事の中から、気に入った写真入りの記事を探して、記事のアドレスをコピーしてメモ帳にペーストしていきます。また写真のアドレスもコピーしてメモ帳にペーストしておきます。
※他人の記事の写真を勝手に使うと怒られるのでやめましょう。
※写真や画像のアドレスの調べ方はブログ「はじめてのヤフーBlog」さんでも解説されています。
 http://blogs.yahoo.co.jp/net75301/11964049.html

3) カスタムペインを使用します。
※So-netブログ教室の「サイドバーのカスタマイズと整理整頓」もみてください。
まずサイドバーの設定画面までたどりつきましょう。
「管理ページ」→「設定」→「サイドバー」とクリックしていってください。

4) 「カスタムペイン」の右隣の「編集」ボタンをクリックして、「本文」のところに以下の呪文をコピー&ペーストします。

コピー&ペーストするときは以下のことに注意してね。
・下記の注1の行には写真の元記事のアドレスを入れてください。メモ帳にコピーしましたよね。
・下記の注2の行には写真のアドレスを入れてください。メモ帳にコピーしたやつです。
・下記の注3:写真が縦長の場合はwidth=80, 横長の場合はwidth=110に数字を調整してね。
・下記の注4:写真の説明です。自由にお書きください。
・下記の「←注○(○枚目)」って文字は不要です。あとで消してくださいね。

<table style="border: 1px solid rgb(153, 153, 153);" bgcolor="white" cellpadding="5" cellspacing="1" align=center><tbody><tr><td align="center"><a href=" http://blog.so-net.ne.jp/goto33/2006-10-30   ←注1(1枚目) " ><img src=" http://blog.so-net.ne.jp/_images/blog/_e3a/goto33/5284116.jpg ←注2(1枚目) " border="0" width=110></a></td></tr><tr><td align="center"> ←注3(1枚目) 出港しちまった     ←注4(1枚目) </td></tr></tbody></table> <p></p> <table style="border: 1px solid rgb(153, 153, 153);" bgcolor="white" cellpadding="5" cellspacing="1" align=center><tbody><tr><td align="center"><a href=" http://blog.so-net.ne.jp/goto33/2006-10-01   ←注1(2枚目) " ><img src=" http://blog.so-net.ne.jp/_images/blog/_e3a/goto33/4932558.jpg ←注2(2枚目) " border="0" width=80></a></td></tr><tr><td align="center"> ←注3(2枚目) マリアナの夕日     ←注4(2枚目) </td></tr></tbody></table>

書き終わったら「保存」をクリックして、サイドバーの設定画面(上記3)に戻ります。
おしまいに、いま変更したカスタムペインの横の「表示」というボタンをクリックします。
すでに表示されているときは「表示」ボタンはないです。そのままでかまいません。

どうでしょう?これでポラロイド写真風アルバムがあなたのブログのサイドバーに表示されているはずです。おためしあれ!

人気ブログランキングへ

手作り感満点といえば聞こえがいいですが、正直めんどくさいですね。
それに引きかえ、「So-net Photoブログパーツ」はいい。「So-net Photo」ってとこにアップした写真をブログ上でスライドショー表示してくれます。どうせならブログにアップした写真も表示してくれて、写真をクリックすると元記事に飛んでくれるといいのにね。


So-net Photoはこちら


nice!(1)  コメント(0)  トラックバック(0) 
共通テーマ:学問

nice! 1

コメント 0

コメントを書く

お名前:[必須]
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

この記事のトラックバックURL:
※言及リンクのないトラックバックは受信されません。
メッセージを送る