ナビゲーションリンクを記事下にも設置する

 記事の上にある、前のページと次のページへのリンク(ナビゲーションリンク)を記事の下にも設置する手順を紹介します。
navilink01.gif


記事の上にあるナビゲーションリンクを・・・

navilink02.gif


記事の下にも設置する。

1.コンテンツ「記事」の『コンテンツHTML編集』を開く

 SeeSaaブログの 「マイ・ブログ」タグからサインイン(ログイン)して → 「デザイン」 → 「コンテンツ」を選択して以下のようなページを開ききます。

contentshensyuu.gif


コンテンツ「記事」のリンクをクリックして記事の設定ページを開きます。

contents-top01R.gif
                 
html_date01.gif


記事の設定ページの右上にある「コンテンツHTML編集」リンクをクリックすると、下のようなHTMLソースが表示された編集ページが表示されます。

html_date02.gif

HTMLソースといっても、【%】や【if】 などが多く記述されていて何が書いてあるのか良く分からないようなページです。

2.該当部分のHTMLソースをコピー&ペーストする

 HTMLソースの上から3行目から13行目までをマウスドラッグで反転させて、右クリックでコピーします。

navilink03.gif

 
この部分のHTMLソースは、ttp://****.seesaa.net/article/******.htmlといったように、URLにarticleが表示される場合に適用されるナビゲーションリンクの設定です。

これをコピーして、記事の下にも表示されるようにします。

ペースト先は記事設定HTMLソースの一番最後の部分です。

navilink04.gif

<% content. footer -%>の下でマウスを右クリック、貼り付けでコピーしていたHTMLソースを貼り付けます。

3.保存⇒再構築で確定する。

コピー&ペーストをしたら、下にある「保存」ボタンを押して保存します。

さらに再構築も実行して確定します。

もし、設定がうまくいかずに元に戻したい場合は、保存ボタンの横にある「初期値に戻す」と書かれたチェックボタンにチェックを入れて保存ボタンを押せば初期値に戻せます。

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。