seesaaをカスタマイズする。 > カスタムする>記事をゐじくる。 > 記事タイトルの前に画像を表示する



24-tools.png記事タイトルの前に画像を表示する

Seesaaの記事ってさびしくねぇ?
ウサギはさびしいと死んじゃうんだから!!って思ってない?(←俺だけ?)

そこで「記事タイトルの前に画像を表示する」方法。


これは「記事コンテンツ」の「コンテンツHTML編集」で行ないます。

まず適当なサイズの画像(※大きすぎると表示が乱れます)を用意してから、
編集画面の「デザイン」タブ⇒「コンテンツ」タブ⇒「記事」コンテンツ⇒「コンテンツHTML編集」と進みます。
<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>

というソースがあります。
見つからない時は、検索ボックスで【 class="title" 】と検索してみてください。
<h3 class="title">
の後に画像を貼り付けます。

<div class="blogbody">
<h3 class="title">ここに画像<a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>

となります。

プレビューを見て良さげなら保存で終了です。
ああ.png.jpg←こんな感じになります。

:関連記事
・記事の最後に広告や文章を自動挿入する。
・行間を変更する。
・記事内の文字サイズを変える。
・画像横に文章を書く。
・記事上部の日付(投稿日時)を表示しない方法。
・posted by欄のカスタマイズ。

このブログ気に入ってくれたらポチッとお願いします。。⇒にほんブログ村 ブログブログ ブログノウハウへ

△【seesaaをカスタマイズする。】のトップ△

△「カスタムする」のindex△

△「seo対策する」のindex△

この記事へ一言申す。
説教を書く。
Name: [忘れないで。]

Mail address: [入力した?]

HP address: [お願いします。]

お説教: [やさしくお願い]

※オーナーの奴が感動したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/100169766
※オーナーの奴が嬉しかったトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信しません。

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