Big Bang

パソコンの電源を入れた時、メモリー空間に無限の宇宙が拡がる

サムネイルforライブドアブログ

| 21件のコメント

2014年1月22日にA8.netのファンブログはSeesaa Blogのシステムをベースにして生まれ変わりました。よってファンブログ関連の記事は今では当てはまらない可能性があります。新しいファンブログのカスタマイズは別ブログ「ファンブログ テック」で詳しく書いていますので、そちらをご覧ください。

このスクリプトは、ファンブログのサムネイルをライブドアブログ(livedoor blog)の
コメント欄でも表示できるようにしたものです。

基本的には、ファンブログからライブドアブログに移転した方が対象となります。
サムネイルを表示するのは、ファンブログのURLで投稿した場合のみです。

ライブドアブログを含め、ファンブログ以外の方からコメントをもらっても、no image
表示されます。

貼り方

  1. 「ブログの設定」から「デザイン/ブログパーツ」のPCを選択します。
  2. 開いたページで「デザインカスタマイズ」タブをクリックします。
  3. 出てきたページの「個別記事ページ」を編集します。
  4. 「個別記事ページ」の

    この部分の直前にソースを貼りつけます。

<!-- ................ Footer .................. -->
<div class="footer-outer">
<div class="footer-outer-2">
<$BlogFooter$>
</div>
</div>
</body>
</html>

ソース (2012/02/25改定 no-image画像の非表示設定を追加しました)

<!-- コメントサムネイルここから -->
<style type="text/css">#comments-list a img{border:none;}</style>
<script type="text/javascript">
(function(width,flag){
	var bake=document.getElementById('bake');
	if(bake){bake.checked='checked';}

	var commentsRoot=document.getElementById('comments-list');
	if(!commentsRoot){return;}

	var comments=commentsRoot.getElementsByTagName('UL');
	if(!comments.length){return;}
	
	var func1=function(elem,img,link1,link2){
		elem.innerHTML=elem.innerHTML.replace(/\./,link1+'<img src="'+img+'" width="'+width+'"/>'+link2);
	}
	
	var func2=function(elem,img,link1,link2){
		if(img){
			func1(elem,img,link1,link2);
		}
	}
	
	var conv=func1;
	var baseImg='/dwm/wp-content/uploads/2013/08/384_2.gif';
	
	if(!flag){
		conv=func2;
		baseImg=null;
	}

	for(var i=0;i<comments.length;i++){
		var li=comments[i].getElementsByTagName('LI');

		if(li.length==3){
			var img=baseImg;
			var freezeTom='/dwm/wp-content/uploads/2013/08/384_3.jpg';
			var ettan='http://ettan.up.seesaa.net/image/images-thumbnail2.jpg';
			var naru='http://image.profile.livedoor.jp/icon/keywordchoice_60.jpg';
			var link1='.';
			var link2='';
			var addr=li[0].getElementsByTagName('A');

			if(addr.length==1){
				if(addr[0].href.match(/http:\/\/fanblogs\.jp\//)){
					var url=addr[0].href.replace(/ /g,' ').replace(/\s+/g,'').replace(/^http:\/\/fanblogs\.jp\//,'').replace(/\/.*$/,'');

					if(url.length){
						img=url!='ayzfqir5'?'http://fanblogs.jp/'+url+'/file/profile':freezeTom;
					}
				}else if(addr[0].href.match(/http:\/\/ettan\.seesaa\.net\/?/)){
					img=ettan;
				}else if(addr[0].href.match(/http:\/\/blog\.livedoor\.jp\/keywordchoice\/?/)){
					img=naru;
				}
			
				link1='.<a href="'+addr[0].href+'" target="_blank">';
				link2='</a>  ';
			}
		
			conv(li[0],img,link1,link2);
		}
	}
})(40,true);
</script>
<!-- コメントサムネイルここまで -->

画像サイズの変更方法

ソース、下から2行目の40を変更します。
数値を小さくすれば小さな画像、大きくすれば大きな画像になります。

どのくらいの数値がよいかは、テストしながら決めてください。

no-image画像を表示しない

URLが未入力、またはファンブログ以外の場合のno imageを表示させないようにするには
ソース、下から2行目のtrueをfalseに変えます。

trueは、表示する。falseは、表示しないです。

使用する場合は、その旨コメント欄に書き残してください。

21件のコメント

  1. NARUさんへの愛が結晶化してる。

    しかも、NARUさんはファンブログの人からしか
    コメントもらえないって言ってる。

  2. こんばんは。

    これからは、Tomさん、URL入れてコメント下さい(笑)

    僕のため、とは書かれていないので、ぬか喜びはしませんが、

    ありがとうございます(喜)

  3. あっごめんね。NARUさんのための本なのに
    コメント書いて邪魔しちゃった。

    空気読め>私。

  4. おはよ。NARUさんのとこも、勝手にURL入るように
    できないのかなぁ。

    無理か。ライブドアだから。
    No Image 画像を表示しない場合は、どうするの?ってNARUさんが。
    私も大体の場所位はは分かるんだけど。

  5. 上に書いてある。改定した。

  6. おおっありがとう。URL自動記入はさすがに書いてない笑。

  7. 手芸部にも、今サムネイルが出てる。

  8. 手芸部は、出さない方がいいんじゃない?笑。
    なんか雰囲気違う。

  9. えったんはー。ぬいぐるみとかのほうがいいとおもいますぅ。

  10. あー、ひさびさにポチったら、手芸部20位外だ。

    あっここNARUさんのための本なのに、落書きしまくってる笑。

  11. えったんのことか?
    それは考えよう。今はりかちゃんだ。

  12. 5日更新してないからな。

  13. なんか今日は下の子の眠りが浅くって。中断が多い。
    うん。りかちゃんは違うと思います。

  14. 手芸部に新作記事を投稿してきた。
    なんかいい、えったんの画ない?

  15. うっわ。新作かわいすぎる。
    えったんはー。こういうのがいいとおもいますぅ。

    ぬいぐるみ写真で、勝手に使えるの探したら?
    くまとかパンダとかかえるとか。

  16. 手芸部センスあるよな?

  17. ええ。とてもいいと思いますよ。
    新作くまちゃんはうちの子ら&心姫さんちの息子さんを
    わしづかみだと思います。

    わんちゃんよりカンタンそう。

    あげはの失敗コメント消すといいよ笑。

  18. かこが言うならしかたがねぇ。消してきた。

  19. こんにちは。

    いつもながら、手際の良さに感動です。
    涙でソース画像が見えません(笑)

    さっそく使わせていただきます。
    ありがとうございます。

  20. おおっNARUさん手が早い!

コメントを残す

Top