« 福岡市中央区の天神に「キルロイ」が現れる・・・「KILROY'S」 | トップページ | 世界一周クルーズ客船の飛鳥2(Ⅱ)に乗船しました。  自作動画付き »

2010.03.19

ココログの裏技・カスタマイズ 各記事にページの「トップへ戻る▲」リンクを付ける

スポンサードリンク

 



このエントリーをはてなブックマークに追加


 ココログのブログに関するカスタマイズ・裏技です。

 大部分の読者の方に関係ないココログの技術情報を掲載しており、申し訳ありません。

 本来、こういう情報は、ブログに掲載せずにパソコンへ保存しておけば良いのかも知れませんが、パソコン保存しても、すぐにどこへ行ったか分からなくなったりします。

 その点、ブログに掲載しておけば、見つけやすくなります。備忘録としてもブログは最適です。

 また、少ないと言っても、ココログの利用者は多く、ココログのマニュアルに載っていない技術情報を公開することも、意義があるのかなとも考えています。よろしくお願いします。

 今回は、各記事の下に「トップへ戻る▲」と言うリンクを付けてみます。

 このような機能は、カスタマイズや裏技で付けるような物ではなくて、ブログ本来の機能で持つべきものだと思いますが、無いのでしかたがありません。

 FC2ブログでは、当然付いているでしょうね。このようなことの積み重ねが、人気ブログサービスにつながっていくのでしょう。ココログは、ブログ管理者に対して、と言うよりブログを見る人に対して配慮を欠いていると言わざるを得ません。

 さて、各記事の下に、「トップへ戻る▲」と言うリンクを付ける方法です。

 「マイリスト」に下のコードをコピーして、サイドバーに貼り付けてください。右のサイドバーのほうが良いそうです。

 初心者の方は、どうやってマイリストに貼り付けるのか等戸惑われるかとは思いますが、ココログのヘルプ等を参考にしてください。この記事では、長くなり過ぎますので説明できません。すみません。

 上級テンプレートの方は、「sidebar」テンプレートに貼り込んで下さい。

<script type="text/javascript"><!--

// e: node
function getPostedDiv(e) {
while (e) {
  if (e.nodeName == "P" && (e.getAttribute("class") == "posted" || e.getAttribute("className") == "posted"))  return e;
  e = e.nextSibling;
}
}

function addBackToTop() {
var h3s = document.getElementById("center").getElementsByTagName("H3");
for (var i = 0; i < h3s.length; i++) {
  var h3 = h3s[i];
  var div = getPostedDiv(h3);
  var a = " | " + '<a href="#container">' + "
<b>TOPへ戻る▲</b>" + '</a>'
  div.innerHTML += a;
}
}

addBackToTop();
// --></script>

 上記の方法は、「バッグス」さんのサイト「Bugsなうさぎの憂鬱」の次の記事を参考にしています。

 

http://bugsbunny.cocolog-nifty.com/blog/2006/07/post_9ff9.html">「各記事にページのTOPに戻るリンクを付ける」

 なお、上記機能の追加のため、テンプレートを修正する場合には、必ずコピーをした上で、完全自己責任で行ってください。

 何らかの不都合が生じても、一切の責任を負うことができませんのでよろしくお願いします。

ココログ関連書籍等 
「ココログオフィシャルガイド(2005)」。 他

HTMLに関する参考書籍等 
「HTML/XHTML &スタイルシートレッスンブック ステップバイステップ形式でマスターできる」。  「詳解HTML & CSS & JavaScript辞典第4版」他

スポンサードリンク

|

« 福岡市中央区の天神に「キルロイ」が現れる・・・「KILROY'S」 | トップページ | 世界一周クルーズ客船の飛鳥2(Ⅱ)に乗船しました。  自作動画付き »

ウェブログ・ココログ関連」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/52841/47797759

この記事へのトラックバック一覧です: ココログの裏技・カスタマイズ 各記事にページの「トップへ戻る▲」リンクを付ける:

« 福岡市中央区の天神に「キルロイ」が現れる・・・「KILROY'S」 | トップページ | 世界一周クルーズ客船の飛鳥2(Ⅱ)に乗船しました。  自作動画付き »