ブログをとことん調べます。:記事ごとにブログランキングのリンクを自動表示するには

TOP＞＞ブログカスタマイズ＞＞記事ごとにブログランキングのリンクを自動表示するには

2004年12月18日

記事ごとにブログランキングのリンクを自動表示するには

ご質問をいただきました。

質問です。

全部の記事にある、「ブログランキング。１クリックで応援お願いします。」というリンクは、個別記事を投稿するときに書いているんですか？
それとも、デザインカスタマイズの個別記事のHTMLをいじって、自動で表示されるようにしているのでしょうか？

私はめんどくさがりなので、もちろん自動表示しています。

ライブドアブログで、個別記事のHTMLを編集するところまではこちらの記事を参考にしてください。（参考記事：ライブドアブログでデザインをカスタマイズするには）

まずは個別記事のどこにリンクを置くかを考えます。私は記事の直後に置いています。その場合は、個別記事のHTMLから＜$ArticleBodyMore$＞と言うキーワードを探します。ここに追記に書き込んだ文章が入ってきますので、この付近にランキングへのリンクソースを書けばいいのです。と言っても、直後に書いてはダメですよ。私の場合は次のようになっています。

＜div class="main"＞＜$ArticleBodyMore$＞＜br clear="all"＞＜/div＞
＜A class="main" HREF="http://blog.with2.net/link.php/xxxx" target="_blank"＞ブログランキング。１クリックで応援お願いします。＜/A＞

もちろんブログランキングへのリンク部分は自分で修正してくださいね。
もしくは＜div class="posted"＞Posted by・・・と言う記述を探してその直前に書くかです。ライブドア以外のブログでも基本的に同じようなやり方で出来ます。要するに個別記事HTMLで記事の最後がどこなのかが分かれば、そこにリンクを書き込めばいいのです。たいていライブドアブログの$ArticleBodyMore$のようなキーワードがあります。ご親切にコメントで記事の最後を示してくれているブログもありますよ。

こうするとすべての個別記事の最後にランキングへのリンクが作られますが、当然ながらいつも同じ文句になってしまいます。気持ちを込めて毎回手書きするのがいいのかもしれませんけどね。

人気ブログランキング。目指せトップ１０入り！

Posted by hammer77 at 12:09 │Comments(27) │TrackBack(2) │Edit

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

トラックバックありがとうございます。トラックバックスパム対策の為、このブログへのトラックバックは一時的に保留されます。出来だけ速やかに公開しますのでどうぞよろしくお願いします。

http://app.blog.livedoor.jp/hammer77/tb.cgi/10945360

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

昨日はサーバーが重かったのでカスタマイズのみで終わったのですが、blogを３カラムにして、コピーライトも入れました。ちょっとアフィリエイトも始めたりしてかなり大改造。またまた「livedoor Blog Style*」さんに大変お世話になりました。「小春日和の陽射しの中で.

新春カスタマイズ第２弾【ノーホールズバード。　～プロレスとかバレーボールとかリラックマとか～】at 2005年01月17日 23:48

ふ～。疲れた。いろいろ調べているとブログのカスタマイズとかあるじゃないですか！改造・カスタマイズはとても好きです。ええ、ある意味趣味でもあります。おかげでPS2がお釈迦さまに(ry とりあえずやってみたんですが・・・・むずかすぃ・・・わかんねぇよ・・・ ...

カスタマイズ。【メモ帳 orz....】at 2005年08月21日 15:24

この記事へのコメント

改めて、はじめまして、kanaです。
いつもブログを参考にさせていただいています。
昨日のぶしつけな質問にとても丁寧に答えていただき、ありがとうございます。
早速、この記事を参考にさせていただきました。
やっぱりこの方が楽ちんですねー。
私はいつもいちいち書いてましたｗ
しかもコピペなんでいちいち書いてたのに、同じ文でした。(・Θ・;)アセアセ…
また、参考にさせていただきます。
ありがとうございました。

Posted by kana at 2004年12月19日 10:08

いえ、こちらこそネタを提供していただいて助かります＾＾最近ネタ切れ気味なんでコメントにいただいた質問を勝手にネタにしています。
ありがとうございました。

Posted by hammer at 2004年12月19日 13:05

こんにちは。よく見させて頂いています。
私のブログはSeesaaなのですが、
こちらではHTMLの編集ができず、CSSしか編集できないのですが、
この投稿記事のように、自動的に定型文を
差し込むにはどのようにすればいいか
ご存知でしょうか？

「ページコンテンツの設定」の
「記事の下部への挿入」に記入すればいいか、
と簡単に考えていたのですが。
これでは、記事部分の一番下に一つだけ
表示されるだけで、期待通りの形ができませんでした。。。

もしご存知であれば、教えて頂きたいのですが。。。
どうぞよろしくお願い致します。

Posted by まじかる at 2005年01月31日 13:01

はじめまして。まじかるさん。

そうなんですよね。Seesaaの弱点はそこなんですよ。定型文を記事の最後に自動的に入れることは出来ません。私もSeesaa使ってますが、いちいち記事の最後に書き足しています。

Seesaaは強力なコンテンツ機能でたいていのことは出来るのですが、かゆい所には手が届きませんね。

Posted by hammer at 2005年01月31日 22:47

ご返答ありがとうございます。

なるほど。。。
やっぱりダメなんですか。。。
残念です。
Seesaaには未来を感じますが、
SEO、という事に関して言えば
ライブドアの方がいろいろ対処できそうな気がしますね。。。

Posted by まじかる at 2005年01月31日 23:27

ブログランキングを登録したまま、どうすればいいのか分からなくて困っています。
このブログと同じように、サイドバーに画像をつけたいんですけど、どうすればいいでしょうか？？
教えて下さい！！

Posted by チロル at 2005年03月29日 17:39

これも凄い技ですね。
早速導入してみたんですが、改行するとバグってしまいます。詳細はリンクしているページを見ていただければわかると思うのですが、文字が隠れてしまうんです。何かいい方法はないものでしょうか・・・

Posted by リッチー at 2005年03月29日 23:24

こんばんわ。リッチーさん。

先ほどそちらに寄りましたが、リンクは無かったですね。削除してしまったんでしょうか。文字が隠れてしまうとの事ですが、すみません、原因はよく分かりません＾＾；

リンクのHTMLを挿入する場所を少し変えてみたらいかがでしょうか。

Posted by hammer at 2005年03月30日 23:13

すいません、あまりに無残だったので消してしまいました。
たとえば、
＜A class="main" HREF="http://blog.with2.net/link.php/xxxx" target="_blank"＞ブログランキング。<br>１クリックで応援お願いします。＜/A＞
こういう風に記述すると
１行目の｢ブログランキング。｣と
２行目の｢１クリックで応援お願いします。｣が
被ってしまうんです。

２行目は全て表示されるんですが文字が記事の余白を
無視して右詰になってしまい、
１行目は余白で文字の下半分が表示されない状態になってしまいます。

すいません、説明が下手で・・・

Posted by リッチー at 2005年03月31日 03:35

左詰のまちがいです。ゴメンナサイ

Posted by リッチー at 2005年03月31日 23:34

先ほどそちらに行って来ましたが、どうやらうまく行ったようですね＾＾よかったですね。

Posted by hammer at 2005年04月01日 00:27

２列表示のリンクはあきらめました＾＾
しかし、hammerさんのブログは勉強になります☆
さっそくトップページも自動表示に成功しました

Posted by リッチー at 2005年04月01日 02:54

2行にするとダメなんですね。どうしてでしょう？何か分かりましたら記事にしますね。

私もリッチーさんのブログでアフィリエイト勉強します＾＾

Posted by hammer at 2005年04月03日 00:46

個別記事にも右サイドバーを実現できました。
ありがとうございます。

ところでここにあるように記事ごとにブログランキングを表示できるようにやってみたのですが、表示されることはされるのですが、左の方によってしまってて･･

どうすればいいんでしょうか？
いろいろやってみたのですが･･
こんな感じです。
http://earthblue.livedoor.biz/archives/18669535.html

Posted by EARTH BLUE at 2005年04月16日 23:34

EARTH BLUEさん、はじめまして。

ちょっと説明しにくいのですが、ランキングへのリンクの記述場所に問題があります。＜div class="main"＞ランキング～＜/div＞のように、class="main"が付いているタグに囲まれる位置に記述すれば、本文と頭が揃うと思いますよ。

分かりにくいかな＾＾；

Posted by hammer at 2005年04月17日 10:56

ありがとうございます。
さっそくやってみたところいい位置に来たのですが、本文の次行になってしまったので＜br＞を入れました。どうにかうまくいったようです。
ありがとうございました。
また時間があったときには３カラム化に挑戦してみます。

Posted by EARTHBLUE at 2005年04月17日 21:41

EARTHBLUEさん、うまく行ってよかったですね。一行あけるには＜ｂｒ＞が手っ取り早くていいでしょうね。3カラム化がんばってくださいね。
とはいいつつ、これだけカスタマイズネタやっておきながら、3カラム化だけは未だにやってません・・・

Posted by hammer at 2005年04月20日 00:33

hammerさん

いつも一方的にお世話になっております。
個別記事毎のブログランキングのリンク、なんとか出来ました。ありがとうございました♪
今後も参考にさせていただきます。

Posted by kurotsuma at 2005年05月21日 01:00

kurotsumaさん、こんばんわ。
いつも当ブログをご紹介いただき、ありがとうございます。これからも参考にしていただけるようがんばります＾＾

Posted by hammer at 2005年05月21日 01:22

hammerさん、こんにちは（＾＾）masaと申します。

個別記事ごとにランキングへのリンクをしようとしてここで紹介されている通りhtmlを貼ってみました。

しかしなぜかトップページの記事には表示されないで、commentを書く画面でリンクではなくhtmlの文字だけがそのまま表示されてしまいます。

何が原因なのでしょうか？？？

現在「test」というタイトルで試験しています。

Posted by masa at 2005年05月29日 18:55

masaさん、こんばんわ。サイト拝見しました。
私の記事も少し分かりにくいですね。少し補足します。

まず、この記事は「個別記事ページにリンクを表示する方法」を解説していますので、このままやれば個別記事にリンクが作られます。トップページにリンクを作りたければ、トップページのHTMLを編集する必要があります。

それと、リンクにならずにHTMLの文字が表示されるということですが、これはHTMLの書き方に問題があります。

タグの＜＞が全角になっています。おそらくこのブログのソースをコピーされたのでしょうけど、＜＞は<>に修正しないといけません。

お試しください。

Posted by hammer at 2005年05月29日 20:50

すいません、html初心者なもので（＾＾；

アドバイスありがとうございました。問題解決しました（＾＾）！

Posted by masa at 2005年05月29日 21:59

良かったですね。
最初はみんな初心者です。このブログが参考になれば幸いです＾＾

Posted by hammer at 2005年05月30日 00:11

アドバイスお願いします。

blogランキングのバナーをフリーエリアから貼り付けたいのですが、方法がわかりません。

文字は、すでにサイドバーに付いてます」。

Posted by サーベルキラー at 2005年06月15日 23:21

はじめまして。
ブログのカスタマイズについて
いろいろと参考にさせていただきました。
ありがとうございました。
これからも参考にさせてもらいます。
あと、勝手ながらトラックバックをつけさせていただきました。

Posted by ジョニー at 2005年08月21日 15:30

はじめまして、ジョニーさん。

貧弱なブログですが、どんどん参考にしてくださいね＾＾記事内で当ブログをご紹介いただいているので、出来れば当ブログへのリンクでもはっていただけると更にうれしいです＾＾；

Posted by hammer at 2005年08月22日 00:30

貧弱なブログなんてそんな事ないですよ。
Yahooで紹介されるほどなんですから本当にすごいと思います。
リンクは早速張らせていただきます。
でも、私のブログこそ貧弱なので・・・(笑