写真付きの過去記事をランダム表示する方法 | 白黒マニア MONO96(モノクロ) 

白黒マニア MONO96(モノクロ) 

モノトーンが大好きな白黒マニアnaoの衣食住物語と
白黒雑貨専門店MONO96(モノクロ)の最新情報をお届けします!

こんにちは、MONO96のnaoです!

本日2回目の更新です(^。^)

久しぶりにアメブロカスタマイズ講座です(笑)

色んな方のブログでよく見かける、
ブログ記事の下部に写真付きの過去記事をランダム表示する方法をご紹介いたしま~す!
毎回記事を更新するたび、自動的に過去記事をランダムに表示してくれます。

写真付きなので、過去記事への誘導も効果的です!

ただし、写真は自動的に正方形にトリミングされるので、たまに傷ってこともあります(^^ゞ



1) まず、Linkwithin というサイト http://www.linkwithin.com/learn?ref=widget  を開きます。

白黒マニア MONO96(モノクロ) 



2) フォームに下記を参照にして入力してください。

白黒マニア MONO96(モノクロ) 



3) すると次の画面に変わりますので、赤で囲われた部分をコピーしてください。

白黒マニア MONO96(モノクロ) 



4) アメブロの管理画面を開き、【デザインの変更】→【サイドーバーの変更】→【プラグインの追加】を選択。

白黒マニア MONO96(モノクロ) 



5) 下記の白いスペースに貼り付けて【保存】ボタンを押して出来上がりです!
   ※他にプラグインがある方は、1番下に貼り付けてください。

白黒マニア MONO96(モノクロ) 


また、【You might also like:】と入ってる部分を別のテキストに置き換えたい場合は、
下記の赤字部分を3行目に追記してください。(私の場合は「過去記事ランダム表示」としました)

<script>
var linkwithin_site_id = ●●●;
linkwithin_text='過去記事ランダム表示'  (←この赤字部分をコピペして追記してください。)
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts with Thumbnails" style="border: 0" /></a>
<SCRIPT LANGUAGE="JavaScript">
<!--

なお、アメブロはカスタマイズできるスキンが決まっているみたいなのでお気をつけ下さい。

カスタマイズはくれぐれも自己責任でお願いいたします。


以上、それらをふまえた上で試してみてください~(*^_^*)

ではまた・・・。






白黒雑貨専門店 MONO96
オンラインショップへはこちらからどうぞ!
白黒雑貨専門店 MONO96(モノクロ) 
http://www.mono96.net/


◆MONO96のツイッター◆
新商品などの情報をつぶやいています
http://twitter.com/mono96_shop

◆nao個人のツイッター◆
http://twitter.com/nao_yasu