トップ画像をクリックしてトップページへ戻る

So-netブログのテンプレートはページの一番上ブログタイトルの文字をクリックすると、ブログのトップページへ移動するものばかり。時にはブログタイトルさえ無くトップページへ戻れない時も・・・・・

あの文字がイマイチ気に入らないので他所のブログやホームページのようにページの一番上の画像をクリックするとトップページへ飛んでいくようにしました。

やり方は簡単＾＾まずは画像の準備

1. 画像サイズを見る→管理ページ→デザイン→テンプレート管理→今使用しているテンプレートをクリック
2. スタイルシートの
   #container {width :●●●px;
   この●●●pxがブログのサイズ
3. 画像処理ソフトなどで、●●●Pxの横幅で画像を作成（縦はお好みで）
4. 完成した画像を、管理ページ→記事管理→ファイル管理→作成した画像をアップロード
5. アップロードした画像のURLを確認。一覧に表示された画像のタイトルをクリック→元ファイルを見るをクリック→新しく窓が開くのでそのURLを控えておく

HTMLの編集

1. 管理ページ→デザイン→HTML編集→HTMLの追加
2. HTML名を（自分の分かりやすい名前など）入れる（既にHTMLをカスタマイズしている方はそれを利用）
3. <div id="banner">
   <% content_header %>
   </div>
   ↑を削除する（これは、トップに表示されているブログのタイトル文字）画像をクリックするので不要）

4. <A href="http://サイトのURL.blog.so-net.ne.jp/" target="_top"><IMG src=https://blog.so-net.ne.jp/_images/blog/_●●/●●/●●.jpg border="0" alt="トップページへ"></A>
   を削除した部分に挿入

これで完成。ブログを確認してみてください＾＾

So-net blog異常なほど重くありませんか？テンプレート更新も、記事の編集も、niceをするにも重い！！！ここ数日はさらに重くてブログを書けないほど・・・・・他のブログへお引越ししようかな～

ブログランキングに参加しています。よろしければ応援クリックしてもらえると嬉しいです♪

 

 

タグ：ブログカスタマイズ CSS 編集 HTML トップ画像 so-net 画像 ブログテンプレート テンプレート CSS スタイルシート 編集

コメント 1

コメントの受付は締め切りました

こんにちは。ご訪問ありがとうございます。
ヘッダーの部分に写真を入れたいなと思っていたので
とっても参考になりました。
by nstyle (2009-06-24 22:24)