2004年11月03日

Blogカスタマイズ54〜「続きを読む」の折りたたみ式を設定〜

以前からちょっと気になっていた、「続きを読む」を折りたたみ式方法で見られるようにするというのを試しにやってみました。
(「地獄変00」さんを参考にさせて頂きました。感謝致します♪)

しかし、私の場合は3カラムの幅や記事の長さによっては見にくくなるかなぁと思い、今までの「続きを読む」を残したまま、
その下に「ここで続きを読む」というのを新たに設定してみました。
(読んで下さる方のお好きな方で見られるようになっています)
一応、正規の方法と私の方法を二つ、記しておきたいと思います。

【追記】3/5
「続きを読む」以降にしたい文章は、記事を書く際に「追記」の部分に書くようにして下さい。


★「続きを読む」の折りたたみ式を設定(前からある「続きを読む」を折りたたみ式にする方法)

「Blogの設定/管理」→「デザインの設定」→「custom」→「 HTMLテンプレート編集」→「トップページ」
(「トップページ」の設定のみを記しますが、「カテゴリー別」「月別」でも同様の設定で出来ます)

●下記を<head>から</head>の間に貼り付けます。(私は</head>の前に貼り付けました)

<script type="text/javascript" language="javascript">
function showMore(id,link){
if(document.getElementById){
if(document.getElementById('more' + id).style.display){
document.getElementById('more' + id).style.display='block';
document.getElementById('show' + id).style.display='none';
document.getElementById('hide' + id).style.display='block';
} else {
document.location.href=link;
return true;
}
} else {
document.location.href=link;
return true;
}
}
function hideMore(id){
if(document.getElementById){
document.getElementById('more' + id).style.display='none';
document.getElementById('show' + id).style.display='block';
document.getElementById('hide' + id).style.display='none';
}
}
</script>

●下記の太文字部分を削除します。

<div class="main">
<$ArticleBody$> <IfArticleBodyMore><span class="main-continues"><a class="acontinues" href="<$ArticlePermalink$>">続きを読む</a></span></IfArticleBodyMore><br clear="all">
</div>

   ↓ (下記のようになります)

<div class="main">
<$ArticleBody$>
</div>

●下記を上記の</div>の後に貼り付け、保存し、「Blogの再構築(トップページ)」をして完了です。
(「カテゴリー別」「月別」もそれぞれの再構築をして下さい)

<IfArticleBodyMore>
<span class="main-continues" id="show<$ArticleId$>">
<a class="acontinues" href="<$ArticlePermalink$>"
onclick="showMore('<$ArticleId$>','<$ArticlePermalink$>');return false;">
続きを読む
</a>
</span>
<div class="main" id="more<$ArticleId$>" style="display:none">
<$ArticleBodyMore$><br clear="all">
</div>
<span class="main-continues" id="hide<$ArticleId$>" style="display:none">
<a class="acontinues" href="#<$ArticleId$>"
onclick="hideMore('<$ArticleId$>');return true;">
続きを隠す
</a>
</span>
</IfArticleBodyMore>
<br clear="all">


★前からある「続きを読む」の下に新たに「ここで続きを読む」の折りたたみ式を設定 (私用カスタマイズ)

※こんな感じで表示されます。

続きを読む
(ここで続きを読む)

「Blogの設定/管理」→「デザインの設定」→「custom」→「 HTMLテンプレート編集」→「トップページ」
(「トップページ」の設定のみを記しますが、「カテゴリー別」「月別」でも同様の設定で出来ます)

●下記を<head>から</head>の間に貼り付けます。(私は</head>の前に貼り付けました)

<script type="text/javascript" language="javascript">
function showMore(id,link){
if(document.getElementById){
if(document.getElementById('more' + id).style.display){
document.getElementById('more' + id).style.display='block';
document.getElementById('show' + id).style.display='none';
document.getElementById('hide' + id).style.display='block';
} else {
document.location.href=link;
return true;
}
} else {
document.location.href=link;
return true;
}
}
function hideMore(id){
if(document.getElementById){
document.getElementById('more' + id).style.display='none';
document.getElementById('show' + id).style.display='block';
document.getElementById('hide' + id).style.display='none';
}
}
</script>

●−−−より上記の</div>の前に−−−より下記を貼り付け、保存し、「Blogの再構築(トップページ)」をして完了です。
(「カテゴリー別」「月別」もそれぞれの再構築をして下さい)

<div class="main">
<$ArticleBody$> <IfArticleBodyMore><span class="main-continues"><a class="acontinues" href="<$ArticlePermalink$>">続きを読む</a></span></IfArticleBodyMore>
←ここに下記のタグを貼り付けます。
<br clear="all">
</div>

−−−−−−−−−ー−−−−−−−−−−−−−−−−−−−−−−−ー−−−−−−−−−−−−−−

<br><IfArticleBodyMore>
<span class="main-continues" id="show<$ArticleId$>">
<a class="acontinues" href="<$ArticlePermalink$>"
onclick="showMore('<$ArticleId$>','<$ArticlePermalink$>');return false;">
(ここで続きを読む)
</a>
</span>
<div class="main" id="more<$ArticleId$>" style="display:none">
<$ArticleBodyMore$><br clear="all">
</div>
<span class="main-continues" id="hide<$ArticleId$>" style="display:none">
<a class="acontinues" href="#<$ArticleId$>"
onclick="hideMore('<$ArticleId$>');return true;">
(続きを隠す)
</a>
</span>
</IfArticleBodyMore>


【追記】4/14
記事後半の(私用カスタマイズ)の内容を一部変更しました。
(今までは(ここで続きを読む)の文字が記事と一緒に載せる画像の下になるような設定でしたが、
元からある「続きを読む」の真下にくるような設定に変更しました)



 ■【堀江貴文・ホリエモンもオススメ!】 パソコン教室!397時間動画パソコン教室DVD4枚組!
   ホームページ作成、オフィス(ワード、エクセル、パワーポイント、アクセス)2003/2007、Photoshop、Illustrator、Dreamweaverなど
   29ジャンルが自宅で学べます!
 ■離婚大全集〜圧倒的有利に離婚する方法〜
   離婚経験者の専門家が、27冊の書籍やテレビでは語れない裏ワザがここに。
 ■運動なし!代謝を高めて無理なくやせるDLダイエットサポート 太らない身体が目標!
 ■【15秒筋トレ】自宅でお金をかけない肉体改造! 目標はゴリマッチョ?細マッチョ?
 ■1,353人のメガネ使用者がわずか3日で視力が1.0に!!見える!驚異の視力回復法 自宅で簡単に視力アップ!
 ■【ホリエモンブログ】で紹介されました!【せどり】でリッチ☆に!最強せどりツール【せどリッチforCD】
 ■ダウンロード販売と人と人をつなぐコミュニティ・コマースのインフォカート
 ■引っ越しを考えている方必見!すごいっ!
  ・全国賃貸情報【アパマンショップ】

  ・引越し一括見積もりサイトの決定版!【引越大手比較.com】

 ■ロリポップサーバーのドメインが65種類 → 85種類に!!初心者でも安心なサービスがあります♪

 ■ ダイエット商品人気ランキング
  この夏はみんなのオススメダイエットにチャレンジ!
 ■ラブコスメティックすごいっ!
  人に言えない身体の悩みをすっきり解決しましょう♪

よろしければ人気blogランキングにご協力を!

この記事へのトラックバックURL

  迷惑トラックバック対策のため、トラックバックはこちらでチェックした後、アップさせて頂いておりますので、ご了承下さい。

この記事へのトラックバック
記事が長文化する時に使う追記機能。「続きを読む」として表示されますが…。実際にクリックすると個別ページに飛んでしまい、結局最初から表示されてしまいますよね?コレってストレス、感じませんか?
「続きを読む」を折りたたみ【Be there Blog】at 2004年11月12日 05:40
某blogとデザインがかぶったため,ちょっとblogのデザインを変えようと思ったが良いのが無く 「ここはデザインを自作しよう!」 と思ったが頭が痛いので断念. そんな折に見つけたのがモダチョキさんという方がつけている「チョキチョキ日記」の『Blogカスタマイズ54〜
『続きを読む』機能の最適化.【Dの側面(仮)】at 2004年11月13日 20:36
前からやってみたかった『続きを読む』の改造をモダチョキさまの、ココを 参考にさせて頂きながら、頑張ってやってみました。...
ブログ改造(続き読むのトコ)【青々日記】at 2004年11月14日 20:06
「続きを読む」の折りたたみ化に成功
ご便利です【initial C】at 2004年11月16日 15:26
「続きを読む」改造成功しました。
続きを読む、のカスタマイズ【子育て その奥深き世界 - Minmei書房】at 2004年11月17日 03:20
最近、記事が長くなることが多くなってきた。 けど、「続きを読む」にすると 誰も読んでくれないような気配だったので 使っていなかったのだ。 だって。 また読み込みをして、 表示されるまでに時間がかかるんだもん! 自分が読む側のとき、 「もっとサクサク表示
続きを読むのカスタマイズ【徒然ぶろぐ】at 2004年11月25日 23:11
参考にさせていただき、無事表示されました。 ありがとうございました♪(*- -)(*_ _)ペコリ
「続きを読む」折りたたみ式【5*Leaves】at 2004年11月26日 10:54
久しぶりにblogのHTMLを触ってみました。 JUGEMさんでは当たり前な、「続きを読む」を同一ページで行うというもの。...
出来たかな?【...carpe diem!】at 2004年11月28日 07:22
以前からやってみたかったんです。 『続きを読む』の折りたたみ。 またまたモダチョキさんのをコピーさせていただいちゃいました。いつもありがとうございます。 ...
お世話になります。【グウタラビヨリ】at 2004年12月09日 15:21
★ チョキチョキ日記 ★「続きを読む」の折りたたみ式を設定 を参考にさせていただきました。...
「続き」を同ページ内に・・・【ちびちび♪>プチつぶやき】at 2005年01月14日 17:43
ずっと試してみようと思って忘れてたので寒くてひきこもってるうちにやってみました。 ソースはいつもの通りモダチョキさんのところからお借りしました。 いつもx2お世話になってます… シーズンオフ中はそんなに書くことも長くないけど、練習見学や試合観戦したらきっと
「続きを読む」の折りたたみ【。・☆゚・A s p i r a t i o n・゚☆・。】at 2005年01月24日 01:49
一人で遊んでる おもちゃはこのブログ。 用意されたもの以外、 一切手を出すまいと最初は思っていたのに。 年下彼が超多忙な日々が続くうち、 ふと、壁紙ひとつ取り替えた。 それが始まりかな。  ↓ 3カラム化で悪戦苦闘 JavaScriptで3カラムにしたんですけどね、
一人遊び【水 鏡 *】at 2005年02月02日 16:50
このBlogのデザインに手を加える楽しさを知ってしまった。 「続きを読む」を別ウィンドウではなく、折りたたみ方式に変更できて、かなりスッキリ! モダチョキさんありがとうございました。皆さんもぜひやってみてください。...
すっきりした〜【いつまでもあると思うな親とコメ】at 2005年03月02日 01:30
もいっこのブログやその前のJUGEM(いろいろやってたり。。)でもこの「続きを読むの折りたたみ」をやってまして。。ラブログでもやりたいかなと思いました。でも、JUGEMの時のやり方ではなく、もいっこのブログの方のやり方を採用したいんだけど、脳内ストップがかかっちゃ
「続きを読む」の折りたたみ【さくら。。咲け!】at 2005年04月06日 17:49
【学名】Astilbe arendsii Hort. ex H.Junge  【科名】ユキノシタ科 Saxifragaceae 【属名】アスチルベ Astilbe  【別名】泡盛草(アワモリソウ) 升麻(ショウマ) 曙升麻(アケボノショウマ) 宿根草なので毎年顔を出してくれる「アスチルベ」。 普通はお
アスチルベの芽【My Garden - お花ダイスキ!】at 2005年04月07日 21:39
以前から先輩のブログにあった (ここで続きを読む) がどうしてもやりたくてモダチョキさんの記事を紹介されて 参考しながらやりました。
ここで続きを読みたいんだ!!【くまのつぶやき】at 2005年06月01日 16:03
以前からブログをやってて「続きを読む」にした時が画面が1記事表示に移行するのがなんとなく面倒でした。
「続きを読む」の話【年中麦茶の「     」】at 2005年09月18日 22:09
以前からブログをやってて「続きを読む」にした時が画面が1記事表示に移行するのがなんとなく面倒でした。
「続きを読む」の話【年中麦茶の「     」】at 2005年09月18日 22:13
ブログカスタマイズの参考にさせて頂きました。大変分かりやすい説明で、容易にカスタマイズが出来ました。どうも有り難うございました。
中途断念!【びば☆青春】at 2005年09月21日 03:56
この記事へのコメント
ふ〜む、いろいろ出来るんですね!
いちいち別ページにとばなくても、こうするとそのまま前後が見られるし、いいかも、でも、この記事をよんでないと二つの続きを読むの意味を理解するのに時間がかかるかな!?
(笑)
でも、また、導入する人いっぱいいるのかしら!?
Posted by りりぃ at 2004年11月03日 07:24
livedoorBlogでも、折り畳みが出来るんですね〜
初めて見たような気がします(違うかな?)
これに私、あこがれてたんですよ。
MovableTypeではやっている人が多くて、カスタマイズもあちこちで
紹介されているので、私も早速やってみましたが、somedayの方でも
やってみようかな♪
Posted by オリーブ at 2004年11月03日 07:59
続きを読んでもらうほど、書かないけど、挑戦したい(>_<)
今日も暇だし^^;
けど、挫折するかも・・・
Posted by 駄目田 at 2004年11月03日 11:15
わぉー、出来ました:*.;".*・;・^;・:\(*^▽^*)/:・;^・;・*.";.*:
取りあえず、トップだけにしました!
月別・分類別は見てもらえないだろうし^^;

トップならすこぶる流れが良い♪
よし、これで無理にでも続きを書かねば(>_<)

毎度毎度、勝手にお世話になっておりますー(^^ゞ
Posted by 駄目田 at 2004年11月03日 11:58
> りりぃさん

内容が短い場合はこれが便利ですよね。
私の場合は長い場合もあるので、折りたたみ式だけでは見にくいかと思って、
一応2つにしてみたのですが、本当はトップページに設定するのはやめようかとも思っていたのです。
でもやってみたかったので…。(あまりにも必要なかったらやめるかも。笑)

> オリーブさん

私もちょくちょく見かけていて、おっこれは!と思っていたものなんです。
でも自分のところでは果たして使えるのか、と思いながらちょっと試して見ました。(笑)

> 駄目田さん

結構簡単に設定出来ちゃいますよね!
(私は今までのものがあまりにも苦戦していたので、今回は簡単すぎて驚いてしまいました。笑)
これからは、続きまで書かなくてはなりませんね。(笑)
Posted by モダチョキ at 2004年11月04日 01:23
や〜っぱ。やっちゃいました(笑)
今日のブログにコピペでつけちゃいました!
どうもありがとうございます☆彡

でも、普通の投稿欄にタグ書くとhtml表示になっちゃうんだけど、モダチョキさんのところは、きちんと表示出来てますね。
どうしてかな?
Posted by りりぃ at 2004年11月05日 08:26
お役に立てて嬉しいです。
ブラウザ上のタグの表示は通常ではタグが実行されて表示されませんので、
私は半角の<>などを実体文字参照を使って表示させています。
そうするとタグが実行されずに表示されます。
【実体文字参照】
http://blog.livedoor.jp/modacyoki/archives/366913.html

私の場合はデザインをしばしば変更しているのでこの方法をとっていますが、
もっと手っ取り早いのはタグをテキストエリアで囲ってしまう方法です。
<textarea>タグ</textarea>
この方法だと、実体文字参照を使わなくてもそのまま表示されます。
下記のように細かな設定も出来ます。ぜひ試してみて下さい!
(上記の実体文字参照のページの【追記】を参考になさって下さい)

Posted by モダチョキ at 2004年11月05日 20:24
こんばんは、ハジメマシテ。
この表示方法、以前にどこかのブログで拝見いたしまして、
やってみたいなぁ、と思いながらも、ブログ内で迷子になってしまいまして・・・

やっとこちらへ辿りつくことができました。
さっそく、トラックバックさせて頂きますー。
よろしくお願いいたします。
Posted by 青々 at 2004年11月14日 19:23
はじめまして、青々さん。
色々探しているうちに分からなくなっちゃう事ってありますよね。(笑)
こちらこそ宜しくお願い致します♪
Posted by モダチョキ at 2004年11月14日 22:18
はじめまして(*´∇`*)
青々さんの所から飛んできました(*´ノェ`)コッソリ
こんなことが出来るなんてっっ!!感激です☆
感動したので、参考にさせていただきました(_ _(--;(_ _(--; ペコペコ。
Posted by Yuka at 2004年11月15日 00:14
はじめまして、Yukaさん。
本当に便利な機能ですよね。
私もこの方法を発見した時はおおっ、と感動してしまいました♪
Posted by モダチョキ at 2004年11月15日 00:41
こんにちは
ワタシも青々さんのとこから来ました♪

自分もカスタマイズしてみました
無事うまくいきました♪

それとトラックバックさせていただきましたm(__)m
Posted by chikashi at 2004年11月16日 15:30
はじめまして、chikashiさん。
上手く設定できたようで良かったです。
ラヴログもlivedoor Blogと同じシステムのようなので、
お互いに情報交換が出来ていいですね♪
Posted by モダチョキ at 2004年11月17日 02:17
青々さまのところからきました。
なんとか形になりました。
ありがとうございました。
Posted by minmei at 2004年11月17日 03:34
はじめまして、minmeiさん。
こちらこそ、お役に立てて幸いです♪
Posted by モダチョキ at 2004年11月17日 22:24
モダチョキさん、はじめまして!
「続きを読む」のたたみ方分からず困ってましたが
やっとこのページにたどり着きました★
コピペで簡単に出来ちゃうなんて!ありがとうございます。
さっそく活用&トラバさせていただきました♪
Posted by nabe at 2004年11月23日 23:11
はじめまして、nabeさん。
私も殆どコピペで実装したので、大変恐縮ではありますが、
お役に立てて幸いです♪
Posted by モダチョキ at 2004年11月24日 01:02
もだちょき様→
またまたお世話になります
こんなに簡単にできたのもモダチョキさまのおかげです。
コピぺで作らせていただきました
カスタマイズつまずきまくってますので、これからもお世話になると思います。
よろしくお願いいたします♪
Posted by はな。 at 2004年11月25日 00:01
いえいえ、私もコピペ組なので、大変恐縮ではありますが、
お役に立てて幸いです♪
カスタマイズ、頑張って下さいね!
Posted by モダチョキ at 2004年11月25日 03:03
はじめまして。
就活日記つけてますかっちゃんといいます。
友達に教えてもらい、折りたたみ使わせていただきました。
なんかすっごいつかいやすくてびっくりしました^^
Posted by かっちゃん at 2004年11月25日 05:14
はじめまして、かっちゃんさん。
(「ちゃん」に「さん」をつけるのはちょっとおかしいですね。笑)
こちらこそ、お役に立てて幸いです♪
Posted by モダチョキ at 2004年11月25日 18:14
いつもいつもお世話になってしまってすいません!
またまたカスタマイズさせてもらっちゃいました。

デザインからカスタマイズも
モダチョキさんのばっかり使わせてもらっちゃって・・・。
これから、ちょっとずつ自分で勉強します。
(難しいけど・・・)
Posted by ちゅん at 2004年11月25日 23:10
お役に立てるのであれば、どんどん利用して下さい!
そういう私も他の方からのパクリが多いのですが。(笑)
Posted by モダチョキ at 2004年11月26日 01:33
初めまして♪ 
巡りめぐって、こちらにたどり着きました。

折りたたみ形式って便利ですね。
早速、私も使わせていただきました。

これからもお世話になります。(o*。_。)oペコッ
*自分で勉強しなさいって。(^^;;
Posted by さや at 2004年12月10日 05:46
はじめまして、さやさん。お役に立てて幸いです♪
ここのでお役に立てるものはどんどん使って下さい!
Posted by モダチョキ at 2004年12月10日 23:31
初めまして!
とても便利な機能なので早速使わせていただきました♪
説明も分かりやすいし簡単にカスタマイズできて感激です。
Posted by miyo at 2004年12月27日 23:51
はじめまして、miyoさん。
お役に立てて幸いです♪(私も人の受け売りですが。笑)
Posted by モダチョキ at 2004年12月28日 01:20
モダチョキさん
はじめまして。

この折りたたみ表示がしたくて、いろいろとやっているのですが
どうしてもできません。

コピペして貼り付けているだけなのですが、みなさんのように表示されないのです・・
(泣)

何がどうまずいのかさえ見えていません。
注意点などがございますでしょうか?

お忙しいところ申し訳ありませんが、お助けください・・・
Posted by kabu_crazy at 2005年01月20日 00:38
はじめまして、kabu_crazyさん。
Blogの方を覗かせて頂きましたところ、
記事を書く時に「本文」の部分に書かれていらっしゃるようですので、
「続きを読む」以降にしたい文章を「追記」の方に書けば表示されると思います。
試してみて下さい!
Posted by モダチョキ at 2005年01月20日 08:51
このたびはお世話になりました。
おかげでこんなにすんなりとできて嬉しいです
(*- -)(*_ _)ペコリ
Posted by 紫苑 at 2005年02月02日 16:50
はじめまして、紫苑さん。
私も他の方の受け売りなので、大変恐縮ですが、
お役に立てて幸いです♪
Posted by モダチョキ at 2005年02月03日 00:13
モダチョキさん、こんばんは。
お忙しいのに、ごめんなさい。

DIONのラブログを使用しています。
私も折りたたみにしたかったので、コピペで頑張ったのですが、
どうしても続きを読む以降の文章に、外枠がくっついてきます。
色々試してみたのですが解決しないんです。

線くらい・・・と最初は思ってたのですが、
やっぱり無い方が見た目にもいいんじゃないかと思いまして。
もし、改善策があればお教え下さい。

あと・・・
『前からある「続きを読む」を折りたたみ式にする方法』も試してみたのですが、
「続きを読む」が本文の枠からはみ出て表示されます。
こちらの解決策もあればお願いします。

本当にすいませんが、どうか宜しくお願い致します。<m(__)m>
Posted by もぐら at 2005年02月24日 00:51
はじめまして、もぐらさん。

外枠とは左右のピンクの線の事でしょうか?
これはCSS内の、div.main{ に設定されている下記のタグの影響のようです。

border:1px solid #f34975;
border-top:none;
border-bottom:none;

デザイン上、他の場所に移動する事が出来ないようなので、左右の線は消す事が出来ないと思われます。
(毎日記タイトルの背景を左に飛び出させるように見せる為の設定のようです)

ちなみに、ノーマルの続きを読む設定の方も上記と同じ理由で
はみ出してしまうようです。
それで、.main-continues{ 内にmargin-left:20px; を設定してみたら、
文字は移動するのですが、左側の線が切れてしまう状態になってしまいました。
もう一つ、通常は</div>の後ろにタグを追加するのですが、それを</div>前に入れてみました。
その場合だと、私用バージョンの時と同じように、左右に線が入ってしまいます。

どちらにしても、もぐらさんのテンプレートの場合は、左右の線が入ってしまうのは避けられないようです。
お力になれず、申し訳ございません!
Posted by モダチョキ at 2005年02月24日 01:52
モダチョキさん。ありがとうございます。
早速試してみました。できました〜〜!嬉しいですー。
これをしたさにLIVEDOORに引越してきたようなものでして(笑)
とてもわかりやすく説明をしてくださっているのでカスタマイズ初心者の私もできたように思います。お世話になりました。
また弄くり倒して壊したらここでまたお勉強やり直しさせていただきますね。

Posted by kuppy at 2005年02月24日 16:30
モダチョキさんへ

原因を教えてくださって有難うございました。
判っているのと、判らないでシブシブ使っているのとでは、
やっぱり気持ちが違います。
スッキリしました\(^o^)/
これからおやつバリバリ食べながらモダチョキさんの所で、
勉強致します。
本当にありがとうございました。

コメントにあった『ミルキー』を見て、とても食べたくなり、
『いちごミルキー』を買ってきました。
やっぱりオイシイですね。
Posted by もぐら at 2005年02月24日 19:41
> kuppyさん

お役に立てて幸いです♪
これの為にlivedoor Blogに来たというのもかなりの愛着ですね。
アップロード出来るファイルの種類が少なくなってしまったので、
カスタマイズの幅が狭くなってしまいましたが、
少しでも参考になる記事があれば幸いです♪
カスタマイズはとにかく弄り倒す事ですよね。(笑)

> もぐらさん

確かに、原因が分からないまま使うのは、ちょっと気持ちが悪いですよね。
お役には立てなかったのですが、次回のお役に立てれば幸いです。(笑)
あ、イチゴミルキーって出ていますか?
季節限定商品かと思っていたのですが、違うのでしょうか。
イチゴも食べたくなってきちゃいました♪
(今はノーマルを食べながらBlogをしてます。笑)
Posted by モダチョキ at 2005年02月25日 00:47
モダチョキさん、ありがとうございました!おかげでスッキリしました。
今度は「トラックバックURLをコピー」に挑戦してみます。
お礼に私のイチ押しツールをご紹介します。
「Browser Assistant(ブラウザー・アシスタント)」ぜひ使ってみてくださいな。
http://sleipnir.pos.to/software/browserassistant/index.html
スタートアップにショートカットを入れたほうが使いよいと思います。
Posted by スマイルネコ at 2005年03月02日 01:34
はじめまして!
別の方のブログをみて、飛んできました。
とても便利な機能なので早速取り入れさせていただきました〜><
ありがとうございますー!
Posted by なぐ at 2005年03月02日 11:13
> はじめまして、スマイルネコさん

上手くいかれたようで良かったです♪
一押しツールのご紹介をありがとうございます!
後で、使ってみたいと思います。

> なぐさん

こちらこそ、お役に立てて幸いです♪
Posted by モダチョキ at 2005年03月03日 00:10
モダチョキさん、再度こんにちはです。
従来の「続きを読む」だとトラックバックやコメント欄が一緒に表示されますが、
「ここで続きを読む」でも、そのようにできないかな〜と思っていろいろ探してみましたが、見つかりません。。。
欲張りすぎですか・・・!(笑)
Posted by スマイルネコ at 2005年03月03日 15:50
調べてみましたが、livedoor Blogではなさそうですね〜。
確かに続きを読むの折りたたみ内にコメントなども表示されれば便利かもしれませんね。
こればかりはjavascriptタグを考えて下さっている方の情報を待つしかないようです。(笑)
もしそのような情報を見つけましたら、カスタマイズにチャレンジしてみますね。
Posted by モダチョキ at 2005年03月04日 00:13
いろいろ参考にさせて頂いております。
まだ初心者なのでよく分からないところがあります。
愚問かもしれませんが質問させてください。
再構築の後は、何をすればよいのでしょうか。
(ここで続きを読む)や(続きを隠す)はどこに記入するのでしょうか?
Posted by m523jp at 2005年03月04日 14:46
はじめまして、m523jpさん。

私でお役に立てる事でしたら、遠慮なく聞いて下さいね。
再構築をした後は、普通にBlogを開いて下さい。
開いている状態の場合は、ブラウザの「更新」をクリックしてみて下さい。
そうすると、「続きを読む」の設定がされていると思います。
尚、記事を書く時に、「続きを読む」以降の文章を「追記」の部分に書かないと、
「続きを読む」の表示はされませんので、ご注意下さい。
後、最後のご質問の意味がちょっと分からないのですが…。
Posted by モダチョキ at 2005年03月05日 00:24
夜分に失礼いたします。
お忙しいのにわざわざご訪問頂き、ありがとうございました。
お蔭様で、完璧にできました。
心から深く感謝申し上げます。
この上は、さらにいろいろと勉強させて頂き、上質のblogに仕上げて行きたいと
考えております。
今後益々のご活躍をお祈り申し上げます。
Posted by m523jp at 2005年03月05日 01:36
上手く設定が出来たようで安心しました。(^ー^)
私のところのショボいカスタマイズが多少なりともお役に立てれば幸いです♪
お互いに楽しいBlog生活を送りましょう!
Posted by モダチョキ at 2005年03月05日 18:30
今までの「続きを読む」だと時間がかかってちょっとイライラ...
だったのですが、これだと表示が早くていいですね。
ウチのブログもうまく設定できました。
あと、お気に入りに登録させていただきました。
これからもちょくちょく寄らせていただきます(*^▽^*)
Posted by まいQ at 2005年03月16日 14:00
ちょっとだけの追記で別ページはちょっと面倒臭い感じはありますよね。
サラッと見られて私も重宝しています。
ご登録をして頂き、ありがとうございます♪
こちらの方でもリンクを貼らせて頂きます!
Posted by モダチョキ at 2005年03月17日 00:26
初めまして♪ちゅんさんのところから飛んできました!
こちらを参考に「続きを読む」の折りたたみ化に成功しました♪
どうもありがとうございました
またいろいろ参考にさせていただきま〜す
Posted by siomikan at 2005年03月19日 13:20
初めまして。siomikanさんのところからやってまいりまして、
勉強させていただきました。
すごく便利!
ありがとうございました。
また来ます。
Posted by こりどらお at 2005年03月19日 15:29
> はじめまして、siomikanさん こりどらおさん

私も他の方の情報のお陰なので、大変恐縮ではありますが、
少しでもお役に立てて幸いです♪
大した情報はないかもしれませんが、参考になるものがあれば、
どんどん利用して下さい。(^ー^)
Posted by モダチョキ at 2005年03月20日 00:23
はじめまして、ライブドアのサイトの『Blogカスタマイズ』からきました。
私もあのリンクに飛んでしまう『続きを読む』が結構めんどくさくてなんとかしたかったんですが、このサイトの『折り畳み式』を導入いたしましてトップページがすっきりいたしました。

また私もいろいろと勉強していきたいと思います。
ありがとうございました!!
Posted by asian_dream at 2005年04月06日 01:39
> はじめまして、asian_dreamさん

ちょっとの記事でも別ページに飛ぶのは面倒ですよね。
私も他の方からの情報なので、恐縮ですが、お役に立てて幸いです。
Posted by モダチョキ at 2005年04月06日 02:15
>モダチョキさん、コメントありがとうございます。

あの「折り畳み式コメント欄」は上に書かれているタグの『続きを隠す』にあたる部分の前に個別記事の『この記事へのトラックバックURL』から『書き込み』までにあたるタグをコピペした感じです。
(カスタムのCSSではなくその上にあるHTMLテンプレート編集のところでタグが見られます)

具体的にタグを書いても大丈夫なんですが、このコメント欄って長く書いても大丈夫なんですかね??
あと、『タグを書くと文字化けしてしまう』とか聞いたことがあるんですがそういったことがわからないので少々ご教授願えますか??
Posted by asian_dream at 2005年04月06日 02:54
はじめまして。
ラブログの徒然ぶろぐ様よりこちらのブログにお邪魔いたしまして、こちらの折りたたみを参照させていただきました。
ラブログの私の利用しているテンプレートで正常な表示ができるようなタグをこちら様の記事を引用させていただき、エントリーしています。事後報告にて申し訳ありません。
もし、ご迷惑でございましたら、すぐに削除いたしますので、おっしゃってくださいませ。
デザインもステキですし、カスタマイズ方法も参考になるものばかりで、またお邪魔させていただきます。
Posted by CB at 2005年04月06日 18:01
> asian_dreamさん

早々にご教授していただき、有難うございます!
早速試してみたところ、コメント欄はちゃんと表示されるのですが、
ご指摘通り、トップページのコメントは再構築しないと表示されないようですね。
後、コメント書き込み後、別ページへ行ってしまうのも微妙に問題かも。
もう少しなのに、何だか歯がゆいです。(笑)
Posted by モダチョキ at 2005年04月06日 23:48
> asian_dreamさん

最近になって、コメント欄に書ける文字数(行?)が決められたらしく、
長い文章は書けなくなってしまっています。(この文章も上のと一緒だと長すぎて書き込めませんでした。苦笑)
後、タグを記事内に書き込むとタグが実行されてしまいます。
(文字化けはしないと思います)
ちなみに、コメント欄へのタグの書き込みはそのままで大丈夫です。
記事内に書く場合は、実体文字参照を使うかテキストエリア(textarea)で囲む方法があります。

●実体文字参照
http://blog.livedoor.jp/modacyoki/archives/366913.html
●textarea
http://blog.livedoor.jp/modacyoki/archives/13048552.html
Posted by モダチョキ at 2005年04月06日 23:49
> はじめまして、CBさん

お役に立てて幸いです♪
ここで役に立つものがありましたら、どんどん利用して下さい!
(大したものはございませんが。笑)
Posted by モダチョキ at 2005年04月07日 00:02
>モダチョキさん
早速のコメント&ご教授ありがとうございます。
実体文字参照とtextareaについてはよくわかりました。

コメント欄、難しいですね。
実際にCSSのタグを理解せずにコピペでニュアンスでやってしまったので、ある意味『ここまで出来ただけでもラッキー』なのですが(笑)

なんかいろいろコメント系のタグにそれっぽいのがありますが(リンク系らしき)、試行錯誤が必要そうです。
他の方のページなども参考にしながら私も頑張ってみたいと思います。
Posted by asian_dream at 2005年04月07日 05:24
モダチョキさん

こんばんは〜 とってもやりたかったのですが、
これまでどんなふうにやるのかさっぱりだったのです。

説明がわかりやすくて大変簡単に導入することが
できました。

ありがとうございました。
Posted by すぅ at 2005年04月07日 22:48
> asian_dreamさん

本当に、ここまで出来ているのはすごいですよね。
私ももう少し頑張ってチャレンジしてみたいと思います♪

> はじめまして、すぅさん

私も他の方のを参考にしたものですので、大変恐縮ですが、お役に立てて幸いです♪
Posted by モダチョキ at 2005年04月08日 00:59
>モダチョキさん
全然解決になってないんですが、
以前「再構築しないとトップページのコメントは表示されない」と書いてしまいましたが、実は違うらしいです。
詳細を私のblogの方に書きましたので、もしよろしかったら読んでみてください。

でも、コメント記入後に『個別記事』に飛ぶのはリンク変更でできるのでは? と考えているのでこちらはチャレンジしたいと思います。
Posted by asian_dream at 2005年04月08日 02:35
はじめまして。
ブログのカスタマイズを探していたら,こちらに辿り着きました。
すっごく参考にさせてもらいました。
これからも,遊びに&参考にさせてもらいたいと思います。
よろしくお願いします。
Posted by さとー at 2005年04月11日 04:09
はじめまして、さとーさん。
ショボい記事ばかりですが、お役に立てて幸いです♪
こちらこそ、今後とも宜しくお願い致します!
Posted by モダチョキ at 2005年04月12日 01:03
はじめまして
初心者です(^_^;)\
(ここで続きを読む)は、便利でいいな〜と思っていたら
ちゅんさんの所に載っていたので、ここへ飛んで来ました(>_<)
さっそくやってみました!
分かりやすかったです(~o~)
また参考にさせてください!
お気に入り登録させていただきました!<(_ _)>
Posted by ちっちマン at 2005年04月13日 07:30
はじめまして、ちっちマンさん。
お役に立てて、幸いです♪
(お気に入りの登録もありがとうございます!)
こちらこそ、今後とも宜しくお願い致します。
Posted by モダチョキ at 2005年04月14日 00:50
はじめまして!
ちゅんさんの所から飛んで来ました。
初心者なもので色々してみたいのですが中々出来なくて・・・(^_^;)
「ここで読む」参考にさせてもらいさっそくやってみました。
私の「ここで読む」少し離れているのですが、仕方ないのでしょうか?
他にも色々あるみたいなので、これからも参考にさせてください。
お気に入りリンクに登録させてもらいます。
これからもよろしくお願いします。
Posted by hicky at 2005年04月14日 07:31
はじめまして、hickyさん。
お役に立てて幸いです♪
ご質問の件ですが、今までは記事と一緒に入れる画像の下に設定してあったのですが、
少し変更して、二つの続きを読むが縦に並ぶようにしてみました。
参考にして頂ければ幸いです。
リンクもして頂き、有難うございます!
こちらの方もリンクさせて頂きます。
こちらこそ、今後とも宜しくお願い致します。
Posted by モダチョキ at 2005年04月14日 16:11
初めまして!モダチョキさん。
ちっちマンさんのところからきました。
色んなブログで見かける(ここで続きを読む)はここからだったのですね。
私も頑張ってなんとか(ここで続きを読む)に成功しました!
どうもありがとうございました<(_ _)>
これからも、色々こちらで勉強させていただきます。
Posted by あんぱんママ at 2005年04月16日 10:13
おはようございます。
やり直しをしたら今度はちゃんと真下に(ここで続きを読む)が出来ました。
ありがとうございます。(^_^)
Posted by hicky at 2005年04月16日 11:02
> はじめまして、あんぱんママさん

私も他の方からの情報をちょっとひねっただけなので、
恐縮なのですが、お役に立てて幸いです♪
こちらこそ、宜しくお願い致します。

> hickyさん

無事に設定できたようで、良かったです♪
Posted by モダチョキ at 2005年04月17日 01:19
いつも大変お世話になってます。
勝手にMyblogListにListさせていただきました。

ちょっと気になったものですからご連絡します。
(前からある「続きを読む」を折りたたみ式にする方法)で、
私の場合</div>の後ろに貼り付けたら画面が壊れてしまいました。
そこで</div>の前に張りなおしたところ良くなりました。
私が何かを間違えたのか、或はテンプレートの所為なのか
私では究明できませんが、一応ご連絡まで。
Posted by ヒロシです at 2005年04月21日 12:49
リンクを貼って頂き、ありがとうございます♪
こちらの方もトップページにリンクを貼らせて頂きます!

CSSによってはデザインが多少崩れるものがあるかもしれませんね。
私も最初に設定をする時に、</div>の前に入れるのが正しいのでは?と思ったのですが、
後ろに入れてもちゃんと表示できたので、そのままの説明にしました。
ライブドアと自分のテンプレの幾つかを試してみましたが、
</div>の後で設定しても大丈夫でしたので、前でも後ろでも構わないと思います。
ご丁寧なご連絡をありがとうございます。
Posted by モダチョキ at 2005年04月21日 23:57
再々ご訪問賜りありがとうございました。
時計などを入れて少し重くなったみたいですが、
今のところ85点位の出来栄えです。(自分では)
また『宗教』に対するコメントもとても嬉しかったです。

さて</div>の後ろの件、OKでした。
たぶん私がまた変な所を触っていたのだと思います。
大変お騒がせ致しまして申し訳ありませんでした。
今後とも何とぞ宜しくお願いします。
Posted by ヒロシです at 2005年04月23日 10:22
こんにちは。初めまして。
ブログ初心者のくせに、無謀にもカスタマイズに挑戦しようと思い、
色々と関連サイトを探していたらこちらにたどり着きました。
「どこに何を貼る」というのを分かりやすく説明していただいているので、
本当に右も左も分からない私にも、「続きを読む」の折りたたみ式が
設定できました。
ありがとうございました。
他にも色々と参考にさせていただこうと思いますので、
よろしくお願いいたします。
Posted by ひまわり at 2005年04月23日 18:10
> ヒロシですさん

85点の出来栄えならバッチリじゃないですか!
例の件は大丈夫だったのですね。
いじっていると分からなくなりますよね。(笑)

> はじめまして、ひまわりさん

初心者の方がチャレンジ精神旺盛ですよね。
私も一年前はそうでした。(笑)
無事に設定できたようで、おめでとうございます♪
こちらこそ、大した記事はありませんが、
少しでもお役に立てれば幸いです。
Posted by モダチョキ at 2005年04月24日 00:27
こんにちは。
あれからまた参考にさせていただきました。
たかが文字の色なのですが、思うように変えたい文字の色が変えられず、
苦労しております。
でも、テンプレートではなく、自分で作ったものなので、
私の部屋ーーって感じがして嬉しいです。
またちょこちょことお世話になると思いますので、よろしくお願いします。
Posted by ひまわり at 2005年04月24日 14:04
リンクなどが一番難しいですよね。
私も未だに正確な把握ができていないのですが、
一応、ざっとまとめた記事があるので、
そちらが多少でもお役に立てれば幸いです。
http://blog.livedoor.jp/modacyoki/archives/8732078.html
自分だけのBlogって本当に嬉しいですよね♪(*^ー^*)
Posted by モダチョキ at 2005年04月24日 16:02
モダチョキさん、私にぴったりな情報をありがとうございます。
web上では分かりにくいので、モダチョキさんの記事と自分のものを
プリントアウトして、一つづつ確認中です。
これがあれば、出来そうな気がしてきました。
気だけじゃなく、頑張ります(笑)
本当にありがとうございました(^o^)
Posted by ひまわり at 2005年04月25日 20:59
わざわざプリントアウトされたのですね。(^ー^)
私はカスタマイズの際、大抵は苦戦しているのですが、
これに関しては、結構すんなりできたので、
多分すぐ出来ると思います。頑張って下さい!
Posted by モダチョキ at 2005年04月26日 00:31
毎度のyoddyで〜す!
以前からかなり気になっていた、『続きを読む』の折りたたみに挑戦してみました。
ドキドキしながらやったんですけど、すごく簡単でした!ビックリ☆
記事をよく追記の方に意味もなく書いてしまう傾向がある私なので、これだと後から
読むのにも便利で良いです。
今後も、ちょっとづつ地味に勉強させてもらいますね〜。(笑)
Posted by yoddy at 2005年04月27日 15:33
こんばんは!
この設定は私も殆ど苦労せずにできたので、かなり簡単ですね。(笑)
私もトップページは軽めに、後は追記に書くので、これはかなり便利ですね。
Posted by モダチョキ at 2005年04月27日 23:53
はじめまして〜
皆さんのBlogでこの方法を見て自分の所も・・・とずっと思ってました。
簡単に出来てビックリでした(^^)

これからも拝見させていただきま〜す
Posted by てっと at 2005年05月15日 23:29
はじめまして、てっとさん。
このカスタマイズ、結構色々なところで見るようになりましたね。
私も他の方のパクリなので、恐縮なのですが、お役に立てて幸いです♪
Posted by モダチョキ at 2005年05月15日 23:47
はじめまして。
カスタマイズ初心者ながら
こちらの丁寧な解説で成功しました。
ありがとうございます。

あとは個別のサイドバーズレの修正・・
勉強します。。

お礼まで。
Posted by kamachi at 2005年06月04日 21:09
はじめまして、kamachiさん。
お役に立てて、幸いです♪
個別記事にもサイドバーを入れていらっしゃるんですね。
そのカスタマイズはちょっとだけしか触れていないので、
私も勉強中です。もしわかれば、ご連絡しますね。
Posted by モダチョキ at 2005年06月05日 02:29
>もしわかれば、ご連絡しますね。
光栄&感謝です。
レスありがとうございました。
Posted by kamachi at 2005年06月05日 15:32
わかりやすい説明で初心者の私でもできました
ありがとうございました
Posted by もんちゃん at 2005年06月07日 23:10
はじめまして、もんちゃんさん。
お役に立てて幸いです♪
Posted by モダチョキ at 2005年06月08日 01:37
今更ながらなんですが・・挑戦してみました。
私は長文で通してたんですけど、今回、ビジネスネタもまた始めたので、続き以降に家族ネタを載せようと思い「続き」初体験です^^;
ところで、追記に載せた文章にリンクは貼れないんですか?今日もモダチョキさんのご紹介してリンク貼りたかったんですが・・
で、本日、続きの中に久々爆弾娘ちゃん登場です★
Posted by 大家族ママ ruru♪ at 2005年07月16日 23:54
たびたびスミマセン。リンクできました!!
形式変えたら出来ました。よく確認せず失礼致しました。
Posted by 大家族ママ ruru♪ at 2005年07月17日 00:19
設定が上手くいって良かったです♪
わざわざ、ご紹介もして頂き、ありがとうございます。
Posted by モダチョキ at 2005年07月17日 00:50
はじめまして。
ちゅんさんのブログからとんできました。rosaと申します。
早速やってみたのですが,続きが表示されたと思ったとたんに,個別記事のページへとんでしまうのです。
月別,カテゴリ別にすると大丈夫なのですが・・・。
何か解決方法があれば(というか,私が間違っていると思われるところが分かれば)教えていただけませんか。
ちなみに,ラブログでこれをやっている方で,同じようになってしまうブログがありました。(どなたのか忘れてしまったのですが)
よろしくお願いします。
Posted by rosa at 2005年09月30日 09:23
> rosaさん

はじめまして!
確かに、一瞬表示されたと思ったら個別記事に飛ばされてしまいますね。
確認してみたのですが、別におかしいところはないようなのですが…。
太文字部分の削除する部分で、削除し忘れたところはないんですよね。
考えられるのはここだけなのですが。
それ以上はちょっと分からないので、「地獄変00」さんにお聞きした方がいいかもしれません。
お役に立てず、申し訳ございません。
Posted by モダチョキ at 2005年10月01日 01:29
とんでもありませーん。見てくださってありがとうございました。
同じラブログでも,ちゃんとできている人とそうでない人がいるので,わけが分かりません;
地獄変00さんのところへも,そのうち伺って相談してみます。
お手数おかけしました。
Posted by rosa at 2005年10月01日 08:46
> rosaさん

そうなんですよね。
他の方でちゃんとできている方もいらっしゃるので、できるはずなのですが。(^ ^;)
Posted by モダチョキ at 2005年10月02日 00:32
初めまして、こんばんは。
先月、こちらのカスタマイズを参考にさせて頂きました。
「続きを読む」がスムーズに見られるようになり、大変重宝しております。
本当に有り難うございました。

ところで、その際にさせて頂いたトラックバックなのですが
重複して送られてしまった模様です。
お手数をおかけしますが、その内の一つを削除してくださると助かります。
連絡が遅くなり、申し訳ございませんでした。

これからもカスタマイズの記事、期待しております。
Posted by あさ☆ぴん at 2005年10月10日 00:44
> あさ☆ぴんさん

はじめまして!
私も他の方からの情報を元にしているので、恐縮ですが、
お役に立てて幸いです♪
(ご丁寧なご連絡をありがとうございます!)
Posted by モダチョキ at 2005年10月10日 02:03
モダチョキさん。

以前「ぶどうパン」の記事でお邪魔させていただいた
kamachiです。(最近“ぶどうくるみパン”も出てました)

今回はカスタマイズで御相談です。
リニューアル版の3カラムデザインで
「続きを読む」、をやってみたところ
「続きを隠す」で戻ると、画面に違う記事(前記事)が出ます。

原因が解らず対処できず、厚かましいのですが
対応策を教えていただけたら嬉しいです。。
(他力本願ですみません)
 
Posted by kamachi at 2005年11月21日 23:38
> kamachiさん

ご無沙汰しております。
早速、新テンプレートの3カラムバージョンで試してみましたが、
同じように前の記事になってしまうようですね。
新テンプレートのタグが旧テンプレと違ってしまっているので、多分そのせいだと思われます。
タグに関してはまだ勉強不足で、ちょっと私には分からないので、
「地獄変00」さんにお聞きした方がよいかと思います。
お力になれず申し訳ございません!
Posted by モダチョキ at 2005年11月22日 02:12
モダチョキさん。

こんばんは。
丁寧に対応してくださって嬉しいです。
もう少し自分でも頑張ってみます。
有難うございました!
Posted by kamachi at 2005年11月22日 19:19
> kamachiさん

旧テンプレと新テンプレのタグが同じだったら良かったんですけどね。
多分、このせいで、他のカスタマイズで使えないものもあるかもしれません。(苦笑)
Posted by モダチョキ at 2005年11月23日 02:44
(Cookieに投稿者情報を記憶します)
 
コメントをプレビューする
ご利用のブラウザの設定ではご利用になれません。