Seesaa手芸部もサムネイル導入

スポンサーリンク


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

Seesaaで公開中のブログ「手芸部」でも、コメント欄にサムネイルを表示するスクリプトを
導入しました。

コメント欄
手芸部
投稿者名の右横にサムネイル画像を表示しています

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

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

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

ソースコードは下に貼っておきますが、これはファンブログで配布している
サムネイル表示モジュール」や「サムネイルforライブドアブログ」のように、ただ貼るだけでは
使えるようにはなりません。

使っているスキンに合わせて、3ヵ所書き換える必要があります。
書き換える箇所は、下のソースの色の変わっている行です。

これに関しては、ソースの参考に公開するだけで、使う方はいないと思っています。
ですが万が一、使いたいと言う方がいましたら、ご自分でソースを修正するか、コメント欄で
ご相談ください。

ご自分で修正する場合も、使用する旨コメント欄に残してください。

ソースコード

<!-- コメントサムネイルここから -->
<script type="text/javascript">
(function(width,flag){
	var css=document.createElement('style');
	css.setAttribute('type','text/css');
	var str='div.comments-post a img{border:none;margin:0;vertical-align:bottom;}';
	
	if(css.styleSheet){
		css.styleSheet.cssText=str;
	}else{
		var text=document.createTextNode(str);
		css.appendChild(text);
	}
	
	var head=document.getElementsByTagName('head');
	head[0].appendChild(css);

	var func1=function(atag,img,link1,link2){
atag.innerHTML=atag.innerHTML.replace(/at/,link1+'<img src="'+img+'" width="'+width+'"/>'+link2);
}; var func2=function(atag,img,link1,link2){ if(img){ func1(atag,img,link1,link2); } }; var set=func1; var imgBase='/dwm/wp-content/uploads/2013/08/384_2.gif'; var ettan='http://ettan.up.seesaa.net/image/images-thumbnail2.jpg'; var freezeTom='/dwm/wp-content/uploads/2013/08/384_3.jpg'; var naru='http://image.profile.livedoor.jp/icon/keywordchoice_60.jpg'; if(!flag){ set=func2; imgBase=null; } var commentsRoot=document.getElementById('comments'); if(!commentsRoot){return;} var comments=commentsRoot.getElementsByTagName('DIV'); if(!comments||!comments.length){return;} for(var i=0;i<comments.length;i++){ if(comments[i].className=='comments-post'){ var link1=''; var link2=' at'; var img=imgBase; var addr=comments[i].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> at'; } set(comments[i],img,link1,link2); } } })(32,true); </script> <!-- コメントサムネイルここまで -->

関連コンテンツ

スポンサーリンク

「Seesaa手芸部もサムネイル導入」への20件のフィードバック

  1. 今、長男がかわいいーって叫んだのでぽちっときました。
    プロフィール画像、入れないの?

  2. 手芸部本体じゃなくって、ひとり手芸部ランキングの方。
    あれ、あったほうが読みに来てくれそう。

    今、11位のフワフワさん。かわいい~♪

  3. くまの下のえったんです。のマゼンタ、悪目立ち。

    あと、くま、もちょっと小さいサイズの方が可愛いと思う。

  4. >あれ、あったほうが読みに来てくれそう。
    なるほど。さすが気がつくな。
    そんなことは全然気にしてなかった。

    すばらしいブレーンがいてよかった。

    ブログのほうは、浮いてる気がするのではずしてみた。

  5. あげは、ありがとう。
    コメントのときだけ出るようにする。
    右脇のは記事よりも目立ちすぎるから、はずす。

  6. あんまりランキング見て、ブログ見に行ったりしたことないですけど、
    画像がかわいいと、見に行く気分になりますね。

    手芸部のほう、URL入れるの忘れちゃった。

  7. 投稿者:Tom|13:02 |ふつうのブログ記事 |コメント(13) |トラックバック(0) | 手芸部
    記事下のここに隠しリンクが笑。

    手芸部リンク、ちゃんと作った方がいいのかな?

  8. TomさんとJonesさんは別人。

    ブログ村は1つのIDで3個までしかブログを登録できなくて
    手芸部をTomさんで登録できなかった。

    だからJonesさんが誕生した。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください