【沖縄料理レシピブログ】TOP  >  ブログ カスタマイズ   
ブログ カスタマイズの一覧

【PR】

  

ランキングに参加しています。クリックで応援してもらえると嬉しいです^^
赤ハイビスカス 人気ブログ   赤ハイビスカス レシピブログ
Posted by 沖縄料理レシピブログ 【PR】のURL

2005年11月07日

ブログカスタマイズ (フッター)に広告を挿入

各ページの下に広告を挿入しました。

ブログカスタマイズカテゴリーの14段。
14個目といっても大したことしてませんが(^^ゞ

一昨日、各ページの一番下の部分に広告を挿入しましたので、その方法です。。
本当はこの場所は他の用途に使おうと思っているのですが、とりあえず今回はサイドバーにも表示しているアフィリエイト用の広告のうち3つGoogle、ビッダーズ、電脳卸をいれておきました。

ここにはもちろん、広告以外も表示できるので使える用途は大きいです。

1・【デザイン】タブから【オリジナルデザインの登録】を選択。

2・トップページを選択

3・表示されている細かい文字の下の方に <div id="footer">と<div id="copyright">があるので、その間に表示させたいタグを挿入し【登録】ボタンを押して完了です。


これはTOPページから見た場合なので、個別記事、アーカイブ別のページでも表示させたい場合も同様の文字列の間に挿入すればOKです。  


ランキングに参加しています。クリックで応援してもらえると嬉しいです^^
赤ハイビスカス 人気ブログ   赤ハイビスカス レシピブログ

2005年11月02日

他ブログの更新情報(ブログカスタマイズ)

他のブログの更新情報を表示させる設定です。

このブログの右サイドバーに表示してあります
私のほかのブログの更新状況。
更新されたら自動で表示してくれるので便利です。

暫く前からつけていたのですが、一定期間動作確認をしようと思っていたのでご紹介が遅くなりました。

と言うのも、カウンターやアクセス解析など、他のサーバーと繋がっているものはそこが遅いと、こちらのページまでも表示されなくなることがあるのです。
例えば今日もBlogPeopleの表示が遅く、そうするとBlogPeopleのところでひっかかってしまい、このブログのコンテンツも表示されなくなっていたのでBlogPeopleを一番最後に表示される左下に移動させていました。(私のブログは右→左へと順に表示されるので)

そんな事もあるので、今回様子を見ていたのですがまったく問題なかったのでご紹介です。
更新状況が反映される時間は、リアルタイムの時もありますし1~2時間経過してからのこともありますが私にはそれは問題なしです(^^)v

お借りしているのは俺スタ.netさんの
Myヘッドライン提供 Type IIです。

DECOさんのRSSをサイト上に表示するを拝見したものです。
以前は私のメインサイトのTOPに毎日手作業で、ブログの更新状況をUPしていたので、これがあるとめっちゃ便利!
(って言いながら、まだメインサイトには表示していませんが)

設定方法は簡単です。
ただ安易なことはかけませんので、提供元の俺スタ.netさんのMyヘッドライン提供 Type IIをご覧になってくださいませ。

◆この記事のトラックバック先◆
DECOさんのRSSをサイト上に表示する  


ランキングに参加しています。クリックで応援してもらえると嬉しいです^^
赤ハイビスカス 人気ブログ   赤ハイビスカス レシピブログ

2005年10月27日

ブログカスタマイズ:UPマークを変更

ブログカスタマイズブログピープルの更新情報マークをカスタマイズしました。   

右のサイドバーの下の方にある、お気に入りのブログの更新状況を表してくれるblogpeople
これは便利もので、登録をした自分の好きなブログの更新状況がわかるだけでなく、登録をした相手もblogpeopleを利用している場合は、自分がその人のブログを登録していることが相手にわかるようになっています。

そんなblogpeopleですが、更新された時にピコピコ教えてくれる更新マークを変えてみました。
素材をお借りしたのは、オキナワンスタイルさん

更新マークは時々変えると思いますので、ここで方法をアップしておきます。

1・まずお気に入りの画像を見つけたらそれを自分のパソコンに保存する。
画像の上で右クリック→名前をつけて画像を保存。
(注意)
勝手に他サイトの画像やネットショップの商品画像を使ってはいけません。
きちんと利用フリーのものを利用規約を読み借りてください。

2・パソコンに保存した画像をてぃーだの画像の登録画面で登録します。

3・てぃーだブログに画像を登録するとこのようなタグが発行されます。
<img src="//img01.ti-da.net/usr/okinawaryouri/画像の名前.gif" alt="" />

okinawaryouriとなっているところは、私のブログIDなので他の方は違います。
そして、これはてぃーだサーバー内だけなので、これは一般にはこのようなアドレスになります。
ブログカスタマイズ   
   (↑これも私の場合)

だから、てぃーだに画像をアップし登録されたら
img src=" を ブログのURLに書き換える必要があります。

まとめると
(てぃーだに登録された文字列)
img src="//img01.ti-da.net/usr/okinawaryouri/画像の名前.gif" alt="ブログカスタマイズ" /
(変更後の文字列)
ブログカスタマイズ


4・blogpeopleに登録
そして出来上がった文字列をblogpeopleにログインし

【表示形式の設定】→【4.更新マーク表示時間】を選択し
画像のURLを入力する欄に文字列をいれます。

ブログカスタマイズ

私の場合は、リンクサイト名の後に表示したかったので下の段にいれましたが、リンクリスト名の前にいれたい場合は上の段に。

5・最後に【コードの作成・更新】ボタンを押すことを忘れずに。   


ランキングに参加しています。クリックで応援してもらえると嬉しいです^^
赤ハイビスカス 人気ブログ   赤ハイビスカス レシピブログ

2005年10月24日

記事の上部にお知らせや広告をいれる(ブログカスタマイズ)

記事の上部にお知らせや広告をいれる方法です。

ブログカスタマイズ

記事の上部:今の私のブログで言うと、最新の料理画像とGoogleの広告が入っている部分になります。
記事の上部は目に付きやすい場所なので、何かお知らせごとをするのは適している場所。
特にブログはブログランキングやその他で更新通知を拾った人、検索エンジンからの人などTOPページではなくて個別記事をダイレクトに開く読者が多いのでお知らせしたいことはTOPページだけではなく、個別記事にもつけておいた方がよいと思います。

また、トップページで見た時、個別記事で見た時、月別やカテゴリー別のアーカイブで見た時によって別のものを挿入することも可能です。

まず
【デザイン】タブから【オリジナルデザインの登録】を選択。

●トップページ
<div class="blog">
☆ここにいれる☆
<!-- Loop Start -->
<IndexEntrysLoop>




●個別
<div id="content">
<div class="blog">
☆ここにいれる☆
<%TrackBackAutoDiscovery%>
<h2 class="date">




●アーカイブ
<div id="content">
<div class="blog">
☆ここにいれる☆
<EntrysLoop>
<%TrackBackAutoDiscovery%>  


ランキングに参加しています。クリックで応援してもらえると嬉しいです^^
赤ハイビスカス 人気ブログ   赤ハイビスカス レシピブログ

2005年10月20日

「続きを読む」 のフォントを大きくする(ブログカスタマイズ)

「続きを読む」のサイズが小さすぎたので大きくしました。

1・【デザイン】タブから【オリジナルデザインの登録】を選択。
2・【スタイルシート】の項目に
.main-continues{
font-size:10px; 

の項目があるので、ここのフォントサイズを10px→12pxに変更しました。  


ランキングに参加しています。クリックで応援してもらえると嬉しいです^^
赤ハイビスカス 人気ブログ   赤ハイビスカス レシピブログ

2005年10月19日

カスタマイズ:TOPページへのリンクを貼る

TOPページへの戻りをわかりやすくする

★個別記事下の「このBlogのTOPへ」をサイト名に変える★
                              
<%BlogUrl%>">【このブログのTOPへ】</a><IfPrevEntry>
の部分の日本語を変えるだけ。

これで目出つ、サイト名を覚えてもらえやすい、SEO対策(^^)




★各ページの下にもTOPページへの戻りを入れる★

<a href="http://アドレス"> タイトル </a> を用意。
(↑最初の<と、最後の>は、半角に直してください)


◎TOPページの最後にいれる場合

1・【デザイン】タブから【オリジナルデザインの登録】を選択。

2・トップページを選択
 
3・下のほうに
<a class="aposted" href="#top">このページの上へ▲</a></div>
が、あるので、その1行上に用意したリンクをいれる


◎カテゴリー別、月別の一番下にいれる場合
1・【デザイン】タブから【オリジナルデザインの登録】を選択。

2・アーカイブを選択

3・下のほうに
<a class="aposted" href="#top">このページの上へ▲</a></div>
が、あるので、その1行上に用意したリンクをいれる


◎個別記事のトラックバックやコメントの下にいれる場合

1・【デザイン】タブから【オリジナルデザインの登録】を選択。

2・個別記事を選択

3・下のほうに
<a class="aposted" href="#top">このページの上へ▲</a></div>
が、あるので、その1行上に用意したリンクをいれる  


ランキングに参加しています。クリックで応援してもらえると嬉しいです^^
赤ハイビスカス 人気ブログ   赤ハイビスカス レシピブログ

2005年10月17日

個別記事の下に広告を挿入(ブログカスタマイズ)

電脳卸とビッダーズの広告を個別記事の下にいれました。

電脳卸と*ビッダーズは審査がなく登録が簡単な上、報酬も高いので有難いASPです。

タグを挿入した場所は

+ + + + + + + + + +
次の記事</a></IfNextEntry></div></div>

●ここにいれました●

<IfEntryAllowPing><a name="trackback"></a>
+ + + + + + + + + +

これで、個別記事を開いた時の「前の記事・次の記事」と「この記事へのトラックバックURL」の間に表示することが出来ます。

今後、広告の位置を変えたりASPを入れ替える可能性もあるので、画像で残しておきます。
ブログカスタマイズ


JANetも報酬が高くタグの発行も簡単な為、定期的に入れ替えて利用していく予定です。

その他のASPは右のサイドバーに表示しています。
ブログカスタマイズはこちら→ブログ カスタマイズ  


ランキングに参加しています。クリックで応援してもらえると嬉しいです^^
赤ハイビスカス 人気ブログ   赤ハイビスカス レシピブログ

2005年10月14日

トラックバックのお決まり事をURLの上にいれる

ブログ カスタマイズ第7弾。
トラックバックのお決まり事をURLの上に表示する方法。

リンクのない一方的なトラックバック
「無言で削除してる」という方もいらっしゃると思いますし、リンクされていなくても放置しているという方もいらっしゃると思います。
完全にスパムのトラックバックであれば私も容赦なく削除してしまっていますが、中にはご存知なくトラックバックをただ飛ばしている方もいらっしゃると思うんです。

だから、ただ削除してしまっては「なんで??」と疑問だけが残ってしまうと思いますし、削除する作業にも手間がかかるので、私は運営している全部のブログにおいて、トラックバックURLの真上にお願いごととを明記しています。


★トラックバックのお決まり事を挿入するカスタマイズ★

1・【デザイン】タブから【オリジナルデザインの登録】を選択。

2・【個別記事】を選択。

3・
<h3 class="title">この記事へのトラックバックURL</h3>
●ここにいれました●
<div class="trackback-url">  


ランキングに参加しています。クリックで応援してもらえると嬉しいです^^
赤ハイビスカス 人気ブログ   赤ハイビスカス レシピブログ

2005年10月13日

ブログカスタマイズ【エントリの間に広告を挿入】

下↓の画像のエントリの間「WAYS SHOP」のように
エントリとエントリの間に広告をいれました。

ブログカスタマイズ

TOPページで見た場合と、カテゴリー別や月別のアーカイブで見た場合に表示されます。

挿入箇所は

1・【デザイン】タブから【オリジナルデザインの登録】を選択。

*TOPページで見た場合*
【TOPページの中から】
</IfEntryCategory></div>
</div>
●ここにいれる●
</IndexEntrysLoop>
<!-- Loop End -->


*アーカイブで見た場合*
【アーカイブの中から】
</IfEntryCategory>
</div>
</div>
●ここにいれる●
</EntrysLoop>


もちろん、広告以外でもいれられます。
何でも挿入可能なのですが、テンプレートとしていれてしまうため一つを挿入したら、同じものが表示されます。

だから今回のポイントはバリューコマースの広告を使用したこと。
バリューコマースは、一つの広告スペースを作るとそこに10個のバナーを表示させることができるからです。

好きな大きさの広告スペースを作成
    ↓
広告を10個選択
    ↓
これでタグを発行し、そのタグを一つ貼っておけば、同じ広告が表示されることなく色々なものが表示されます。

この方法は私のもう一つのブログでも以前にやっていたのですが、どうも目がチカチカして結局すぐに外してしまいました。
こちらのブログでも、とりあえず貼ってみたのですが、うっとぉしくなったら外してしまうかもしれません。
その為、今回のエントリに画像を残しておきました。  


ランキングに参加しています。クリックで応援してもらえると嬉しいです^^
赤ハイビスカス 人気ブログ   赤ハイビスカス レシピブログ

2005年10月11日

日付の位置とサイズを変更【ブログカスタマイズ】

日付の位置とサイズを変更しました。

前回のブログカスタマイズで日付の欄についていた背景を個別記事のタイトルに移し、多少日付が目立たなくなったのですが、もう少し遠慮してくれてもよいかなと思い、以下の二つを施しました。

・日付が左寄せで個別記事のタイトルの上にあったものを右寄せにした
・日付のフォントを小さくした。
1・【デザイン】タブから【オリジナルデザインの登録】を選択。

2・【スタイルシート】

3・日付の設定箇所
.date{ 
の中に text-align:right; を追加し右寄せ。

同じく .date{  の中の
font-size:12px;をfont-size:10px;に変更しフォントを小さく。


これで、右によって小さくなってくれました。
この程度でいいかな。
もう少し目立たなくさせたくなったら、文字の色を変えてみたりすると思います。  


ランキングに参加しています。クリックで応援してもらえると嬉しいです^^
赤ハイビスカス 人気ブログ   赤ハイビスカス レシピブログ
【沖縄料理レシピブログ】TOP  >  ブログ カスタマイズ
 

総PVカウンター
累計
今日
昨日

 【沖縄料理レシピ~一覧】


ブログの更新状況を  メールでお届け!
メールアドレスを入力して登録する事で、このブログの新着エントリーをメールでお届けいたします。解除は→こちら
現在の読者数 27人
プロフィール
OL主婦
OL主婦

Google
Web okinawaryouri.ti-da.net

GetMoney

ゴーヤチャンプルーレシピ*ゴーヤチャンプルー作り方
沖縄料理レシピブログ カウンター
QRコード
QRCODE
※カテゴリー別のRSSです