無料ブログ・ホームページの作り方を図解。超初心者も楽々プログ・ホームページとアフェリエイト(アドセンスも)を簡単マスター!

超簡単無料ブログ・ホームページの作り方「図解付」

難解な"ブログ言語"は使って覚える【自然体得】で克服できるから大丈夫!
♪♪♪さあ初心者大歓迎の「簡単無料プログ・ホームページの作り方」で楽しみましょう!♪♪♪
先回に続いての,読者の方への答えです。

【日付順とは関係なしに重要記事を継続表示する方法が知りたい】
に、解決策を提示しました・・・

1. 記事の投稿期日を「2020/12/31」の様に細工してTOPに表示させる。
2. 「ホーム/TOP」を表示した時のみ「INDEX」の形でTOP表示させる。
3. 2.の「INDEX」を常時表示させる。
4. 目次を細工して,タイトルだけは表示を残す(このブログは対応しています)
5. サイドに設置する【プラグ・イン】を利用する。

今回は, 2.3.の「記事をTOPに固定する」を説明いたします。

通常ブログは下図のような形にデザインされています。
この「D」の場所に「重要記事を固定表示」させます。
無料ブログ作成aaa35.jpg

いつもの管理画面から

ブログデザインの設定 ==>>赤旗付のテンプレートの複製(失敗した時の為に必ずBackupを取りましょう)==>>

赤旗付のテンプレートの編集==>>と進んでください

「テンプレート」は種類によって色々在りますが,
↓↓↓ のような構造になっています。

無料ブログ作成aaa42.jpg



↓↓↓ いつものように、「hitode」のテンプレートを使って説明していきます。


まずは,HTML(上側の編集窓)の 真中 あたりにある<!-- /left -->を捜しましょう。

***編集画面で ctrl-key + F検索を表示させて捜すと簡単に見つかります。***





検索した,<!-- /left --> の直後にある<div ID="blog"><!-- blog --> の後に青の四角に囲まれたコードを記入してください。

あなたの情報に変更していいのは,

** H3 ---- /H3 の間に 記事のヘッダーを入れる 

** 【本文】〜 </div> の間 (薄青で囲まれた部分)

だけです。



HITODE以外のテンプレートをご使用になる場合には

アンダーラインの部分のCLASS名にご注意ください。

四角で囲まれている部分のCLASS名と、四角の囲みの下の部分にある,

対応しているCLASS名と同じにしてください。


この部分は,CSSと連動している部分ですので、フォーマットが崩れる原因になります。



すべて書き込んだら、早速「プレビュー」をクリックしてみましょう。


こんな形になっていたら、「更新」をクリックして終了です。

今回説明したのは,
「ブログの最初の表示時した時は固定されてるが,

一度、記事を選択表示すると表示されない(INDEX)」表示方法でした。


もし、完全に固定したいときは、「<--index_area-->」と「<--/index_area-->」を削除してください。


今日はここまで...

なお,誤り/お問い合わせは「コメント」「メール」でおねがいいたします。


記事は参考になりましたでしょうか? 参考になったと思われましたら下のバーナをクリック頂けませんでしょうか? 怪しいバーナではありません。 参加しているブログランキングと云うコンテストのバーナです。 クリックして,応援頂ければ飛び上がって喜びます。 ご訪問ありがとうございました。= 管理人・ドラぇ門 =
←←ランキングの順位は?
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://choukantan2007.blog81.fc2.com/tb.php/107-73a6a129
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
 
〜ブログランキング参加中です〜
お役に立ちましたらポチッとクリック
して応援してくださ〜い!