以前、フッター下の「いいね！した人」にアイコンを付ける方法をご紹介しました。 今回は「コメントする」ボタンにアイコンを表示する方法をご紹介します。 「ブログを書く」で絵文字のボタンをクリックして、試しに「メモ」⇒を、アイコンとして文字の左側に表示してみました。 「デザインの変更」⇒「CSSの編集」で、以下の設定をご自身のアメブロの「現在使用中のブログデザインCSS」の末尾に追記(コピペ)してみて下さい。 /*「コメントする」ボタンにアイコンを表示*/ .articleCommentBtnArea{ border: 1px solid #cccccc; border-radius: 2px; background-image: url(http://stat100.ameba.jp/blog/img/btn/btn_basic_ss.1.0.png); } .articleCommentBt

※CSS編集用デザインを採用されている方向けです。 「ブログを書く」で絵文字のボタンをクリックして、試しに「グッド！マーク」⇒を、アイコンとして文字の左側に表示することにしてみました。 「デザインの変更」⇒「CSSの編集」で、以下のコードをご自身のアメブロの「現在使用中のブログデザインCSS」の末尾に追記してみて下さい。 /* 「いいね！した人」にアイコンを表示 */ .articleLinkArea .iineEntryCnt{ padding-left: 17px; background-position: 0px 0px; background-repeat: no-repeat; background-image: url(http://stat.ameba.jp/blog/ucs/img/char/char2/187.gif); }

通常HTMLタグの編集画面で山括弧、<←左と右→>で囲むと、山括弧と、それに囲まれた半角英数文字列は、「表示を確認」すると非表示（※ブログ、サイトの訪問者には見えない）になります。 また、HTMLタグの編集画面でスペースキーを何回押しても、編集画面ではスペースが挿入されても「表示を確認」するとスペースが挿入されません。 で、山括弧の効力？を無効にしたり＾＾；スペースを表示させる「魔法のおまじない」みたいな文字の事を「特殊文字」または「メタ文字」と呼ぶようです。 いろいろ、種類は、あるようですが、次の三つは憶えておくと便利です。 例えば、<ＨＴＭＬの半角英数文字列、記号>を、「ブログを書く、編集する」画面で、このまま書き込むと「表示を確認」する画面では消えてしまいます。 で、山括弧のどちらか片方だけ、上の特殊文字にすると表示されます。 ※この場合（↓）は、左の山括弧。 &lt;ＨＴＭＬの半角

最近、脳みそにカビが生えて来たかなーと、悩むワンタンです。 こんばんは。 よく、アダルトサイトなんかで、うっかりクリックしちゃうと、変なページへ飛ばされちゃったりしますよね。（←スケベじじいの体験談；＾＾） で、カーソル（ポインター）合わせた時、チョットした説明文が出ると安心かな～なんて思って、やり方、調べてみました。 ■ オンマウスで説明文 <A Href="http://ameblo.jp/wantan-52/entry-11437052897.html" Title="秘密の部屋">遊びに来てね！</A>

カスタマイズ目次（ブログデザイン改造のために・・） | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ブログやTwitterを使っていると、ブラウザのページをコピー&ペーストの機会が多い。 そこで、Javascriptを使って、ブラウザから簡単にコピーできるブックマークレットを作ってみた。 動作としては、「表示されてるページのタイトルとURLを表示してコピー出来る形にする」というもので、本当はJavascriptだけでクリップボードにコピーするのが一番楽だけど、IEに限るとか色々あるので。 表示ページのタイトル・URLコピー用 // ブックマークレット // javascript:(function(){window.prompt('Title+URL',document.title+' '+document.URL);})(); // コメント付解説 // javascript:(function(){ window.prompt( // 入力ダイアログ 'Title+URL', //

自分、以前ブログにリンクを貼る時は、そのページのURLをメモ帳に一旦コピーしてから、アメブロさんや、その他のブログサービスのリンクボタンを使ってリンクを貼ってました。 でも、このブックマークレットを使うと表示させたい文章を書く手間が省けます。 で、今はリンクを貼る時は、もっぱら、こればかり使ってます。 ご紹介してみたいと思います。 ⇒URLコピー用ブックマークレット: Blog - 19XX 上↑のリンクをクリックして頂くと、少し下の方に次のような箇所があります。

fc2ブログや、はてなブログだと小見出しや引用符のボタンがあって、簡単に記事に書けるみたいですけど、アメブロさんには無いのでチョット作ってみました。←暇人（笑） <div style="border-left:10px solid #000099; border-bottom:2px solid #000099; padding-left:10px; font-weight:bold;">青の小見出し</div>

fc2ブログや、はてなブログだと小見出しや引用符のボタンがあって、簡単に記事に書けるみたいですけど、アメブロさんには無いのでチョット作ってみました。←暇人（笑） <div style="border-left:10px solid #000099; border-bottom:2px solid #000099; padding-left:10px; font-weight:bold;">青の小見出し</div>

サイドバーには、いろんな『リスト』が並んでいます。 リストと書くとちょっとわかりにくいですが、例えば『最新の記事』であれば、サイドバーに表示される『最新の各記事』とか『テーマ』であれば、各テーマ。『読者一覧』ならば、各読者さんなどです。 数が多くなればなるほど、見にくくなります。 そこでちょっとした工夫。 マウスを載せた時に背景色が変わるようにしてあげると見易くなるかと思います。 で、方法ですが【CSS編集用デザイン】で、CSSの末尾に以下のコードを追加します。

PCと違って携帯でブログを見ると記事の部分しか表示されないですよね。 そこで、テーブルタグを使って記事内にメニューバーの代わりになるような物を設置する方法を考えてみました。 「ブログを書く」画面で「HTML表示」にして以下の文字列を貼り付けて下さい。 <Div Align="center"><Table Border BorderColor="#00ff00" BgColor="#FFFFCC" Cellspacing="2"> <Tr><Td><a href="http://ameblo.jp/wantan-52/entry-11399366601.html" target="_blank">鎌田紘子さん</a></Td> <Td><a href="http://ameblo.jp/wantan-52/entry-11535143592.html" target="_blank">榮倉奈

記事内（ページ内）に目次を付けて、それをクリックすると記事内のその箇所に移動（ジャンプ）させる方法を紹介してみたいと思います。 自分は、この記事⇒『キリタニ的な日々・・』に目次を付けてみました。よかったらご覧になって下さい。（別窓で開きます。） アメーバヘルプに記事欄の文字数の上限は、 ・記事本文：全角20,000文字（半角40,000文字） と書いてありました。４００字詰め原稿用紙５０枚分でしょうか・・。 ずいぶん書けますよね。 読む方が読みたいところをすぐ読めるようにするのも親切かな～なんて思います。 ⇓ためしにクリックしてみて下さい。（戻って来てね＾＾；） ★ここから移動する で方法ですが、出発点（目次側）に次のタグを書きます。 <a href="#abcd">★ここから移動する</a> 赤字のところに好きな半角英数字を入れます。（今回はabcdを入れてみました。） そして移動先に次

※CSS編集用デザインを採用されている方向けです。 方法は、いろいろあるようですが、アメブロの場合、スキン（テンプレート）のHTMLを加工、修正するには制限があるので、CSSと、貼り付ける場所だけで出来る方法をご紹介してみたいと思います。 こんな画像です。（サンプルとして） 菜々緒さん まず、CSSの末尾に以下の文字列を貼り付けて下さい。