アメーバブログにはペタというアメブロユーザー同士がブログを訪問した足あとを残す仕組みがあります。 ペタをつけてもらうと自分のペタ帳に、誰がいつペタしてくれたかという記録が残ります。 とても簡単に「来たよ」という挨拶ができるとても優れた仕組みなのであります。 来てくれたお返しにこちらからもペタをし返す「ペタ返し」という習慣もあって、ブログを初めて間もないブログ初心者さんにもブログでの交流がしやすく孤独感を味わわなくてもいいように工夫されています。 しかしペタ返しが目的でブログに来てくれるお客様はブログの記事をほとんど読んでくれません。 特にプロフィールページにあるペタボタンからペタされるお客様はブログに来てもくれないでプロフィールページから次のブログに行ってしまいます。 そこで、プロフィールページのペタボタンを非表示にするというカスタマイズが行われています。 「ペタをするなら記事の下のペタボ

↑アメーバブログのペタボタンと読者登録ボタンは一応機能してはいますが、ほとんど管理していないアメブロIDへのペタと読者登録なので見ていませんし、お返しはできません。にほんブログ村のバナーはひとり1日1回だけ有効なので、ふたつも並べてもしょうがないのですが、サンプルとして並べただけなのでご勘弁ください。 ペタボタンは、ネットショップ運営コンサルタント・マツバラシオリさんが無料配布されているボタンを使わせていただきました。 読者登録ボタンははなた@2児ママイラストレーターさんが無料配布されているボタンを使わせていただきました。 ありがとうございます。 さて、バナーを上のように横一列に並べるのは意外に難しいのです。 ここでは、升目が横4列（縦1行）の表を作って（枠線を表示しない表）、 升目の中に一つひとつのバナーを入れてあります。 にほんブログ村のバナーにはテキストリンクもいっしょに表示させてい

HTMLでアンダーラインを引くには、<u>アンダーライン</u>というタグコードを使うのがごく普通の方法だと思いす。 アンダーライン 当ブログでは文字を四角い枠で囲む方法を以前研Qしたことがあります。 <span style="border-style: solid; border-width: 1px;padding: 0px 0px 0px 0px;">囲み文字</span> ↓ 囲み文字 ⇒ 研Ｑ69.ブログの文字をHTMLで四角く囲む方法。 この枠囲いは、上・右・下・左を別々に設定することができるので、文字の下だけを囲うとアンダーラインになります。 <span style="border-bottom: solid; border-width: 1px;padding-bottom: 0px;">囲み文字でアンダーラインを引く</span> ↓ 囲み文字でアンダーラインを引く この

ブログの過去記事が簡単に編集できます。 Photography by Mark J. Sebastian Via:WikipediaCOMMONS アメーバブログの記事タイトルの横に ←こんなメモ帳のボタンを見たことがある方は多くいらっしゃると思います。 このボタンは、そのタイトルの記事の編集ページを開くボタンです。 管理者が自分のブログを見て、間違いや追記、書き直したほうがいいところに気づいたら、アメブロの管理ページを開かなくても、記事編集ボタンをクリックするだけでその記事の編集画面が開くという簡単で実にありがたいボタンなのであります。 この記事編集ボタンはアメブロ専用で、しかも新デザイン専用です。 アニメーションの動画GIFで表示されているとっても目立つボタンなのですが、 その記事を編集できるのは、当然ブログの管理者だけです。 他の人はそのブログのアメーバIDにログインすることができな

色つきのアンダーラインとはこの記事のサブタイトルの装飾に使っているオレンジの文字に青いアンダーラインが引いてある装飾のことです。 ブログ本文にアンダーラインを引く方法はいろいろありますが、この記事ではサブタイトルの装飾で使った方法をもう少し詳しく研Ｑしたいと思います。 この方法は過去記事に書いた ⇒ 研Q5.文章を枠で囲む方法（HTML<div>タグのstyle属性で色､太さ､線種など自由自在に） の応用編です。 文章を<DIV>タグでブロック化して、ブロックの枠線を上下左右別々に色と太さを指定してあるだけのことです。 アンダーラインを設定する方法。↑この見出しにもサブタイトルと似たようなアンダーラインを使ってあります。 見出しのHTMLタグは <div style="border-left:8px solid darkorange; border-bottom:2px solid dar

ここで言っているページランキングとは当ブログの右サイドバー上のほうに設置してある ACR WEBのページランキングのことです。 ページランキングをつけている第一の目的は？当ブログで読まれている記事を読者さんにアピールしてその記事も読んでいただきたいからです。 一度来てくださったお客様にできるだけたくさんのページを見ていただくことがアクセスアップの基本ですから。 そのためにこんなに目立つ場所に設置しています。 ここにランキングがあることに気づいていただければいいだけなので、スクロールできるようにして上位の一部分だけを表示しています。（中身は設定可能な最大限の50件を表示してあります。） ACR WEBのページランキングを導入する前は定期的に記事ごとのアクセス数を解析して ページランキングの記事を書いていました。 ACR WEBのページランキングなら、自動的にアクセス数を検出してランキング表示

文章を枠で囲む方法は、過去記事で研Ｑしたことがあります。 ⇒ 研Q5.文章を枠で囲む方法（HTML<div>タグのstyle属性で色､太さ､線種など自由自在に） 今度は文章ではなくて、文字を枠で囲む方法です。 文章を枠で囲むときには、<div>タグを使って枠で囲みたい部分をブロック化しましたが、文字の場合はブログの文字に蛍光マーカーを引く方法（研Ｑ66.）でやったようにインライン要素の<span>タグを使う応用です。 蛍光マーカーでは「 style=""」属性で文字の周囲の背景色をつけましたが、 枠で囲うには文字の背景色を白にして、枠を実線にします。 文字を枠で囲むタグコードは？「 style=""」属性を、 <span style="border-style: solid; border-width: 1px;padding: 0px 0px 0px 0px;">囲み文字</span>

シーサーブログには、全記事一覧表示の機能がありません。 でもシーサーブログでも全記事一覧表示ができました。 ↓これがそのサンプルです。（ミナムラの別ブログです。） ⇒ [全記事一覧]｜ミナムラのまど はい。すべての記事に[全記事一覧]というタグをつけて、 タグ一覧を表示しているだけです。 すげー簡単、だけど過去記事ぜんぶにタグをつけるのには、めっちゃ手間がかかります。 FC2ブログだとタグ一覧表示がもっと魅力的です。当ブログの[全記事一覧]をご覧ください。 ⇒ [全記事一覧]　タグが付けられた記事一覧 いいでしょ！ 記事タイトルだけじゃなくて、 記事本文の冒頭部分も表示されている一覧表が見られるんです FC2ブログには本文の冒頭200文字を抜き出してくれる<%topentry_discription>という 特殊変数が用意されているからです。 僕が使っているKAETENテンプレートは、記事

ブログのナビゲーションが使いやすいと、確実にアクセス数（PV：ページビュー）が増えます。 検索エンジンから初めて来ていただいて、 「このブログ、おもしろいかも！？」と思ったお客様はほかの記事も読みたくなります。 読みたいと思ったときに、いかに簡単にほかのページに移動できるかが、運命の分かれ道です。 ごく一般的には、ブログのトップページに飛んでみるのではないでしょうか。 このブログの右上には、 ↓こんなボタンがつけてあります。 右上につけてあるボタンは、ページをスクロールしても、いつも同じ場所に表示されています。 どのウェブサイトでもページのいちばん上まで行けばトップページに行くためのリンクがあるので、 トップに行きたいなと思ったら右側のスクロールバーの上のほうに目が行くはず。 ということで右の上につけてあります。 トップページに戻るボタンの設置方法ブログのHTMLに↓こんなタグを組み込んで

KAETENパワーブログSEOテンプレートは、元もと有料で販売されているテンプレートです。 （FC2ブログとSeesaaブログ向け。） リンクから説明文をお読みいただくとわかりますが、↑ KAETENテンプレートは、高度なSEO対策とブログの操作性がいいという特長のあるテンプレートです。 ブログのヘッダー部にはテンプレートの機能のいくつかが凝縮されています。 KAETENテンプレートの高度なSEO対策１．個別記事のタイトルがブログ上部にh1タグで表示される。個別記事を表示しているとき、 一般的なテンプレートでは、記事タイトルはtitleタグに書いてあるだけですが、 KAETENではh1タグにも書いてあります。 hタグは見出しタグ。そして、h1はいちばん重要な見出しを意味します。 記事タイトルには重要なキーワードを入れるという原則に従ってブログを書けば、 重要なキーワードを検索エンジンに強調

ネットビジネス研Ｑ室：人気ブログの研究 儲かるブログのノウハウを研究しています。 記事一覧 Vol.596.読･･･ » Vol.597.影付き角丸の文字囲いが簡単に作れるツール 2012年05月04日(金)NEW ! posted by aminamura テーマ：├ブログノウハウ CSS3なのでIE8では表示できませんが。 ↓こんなにカッコイイ角丸、影付きの文字囲いが作れるのです。 当ブログの記事末尾にいつも表示しているメッセージでも使っています。↓ 以前使っていた角丸、影付きなしの文字囲い 参照⇒ Vol.386.RSSリーダーの登録を増やす方法。 角丸、影付きを追加した文字囲い 初めて当ブログに訪れた方や何度か当ブログにお越しいただいているみなさま。 もしブログの内容を気に入って頂けましたらRSSリーダーの登録よろしくお願いします。 ツイッター でも、更新案内を流してい