以前、フッター下の「いいね！した人」にアイコンを付ける方法をご紹介しました。 今回は「コメントする」ボタンにアイコンを表示する方法をご紹介します。 「ブログを書く」で絵文字のボタンをクリックして、試しに「メモ」⇒を、アイコンとして文字の左側に表示してみました。 「デザインの変更」⇒「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); }

以前、CSS（スタイルシート）に貼り付ける、ヘッダ用コードをご紹介しましたが、今回、それも重ねてご紹介したいと思います。 ※CSS編集可能デザインを採用されている方向けです。 ・マイページ→ブログを書く→デザインの変更（サイドバー）→【CSSの編集】をクリックします。 で、CSS（スタイルシート）の末尾に以下の文字列（コード）を記入します。 /* アメブロヘッダー画像設定用CSS貼り付けコード */ .skinHeaderArea{ height:300px; background-image:url(画像のURL); background-repeat:no-repeat; background-position:center top; } 一旦ページの一番上まで戻って、「参照」⇒ご自身のPCから画像を選んで⇒「アップロード」します。 すると、アップロードされた画像の下に画像のURLが表

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

オンマウスで（カーソル、矢印を乗せると）画像を反転させる方法12-16 | ちょっとした「Webお役立ち情報」とかを主に書いてます。

画像フォルダーから、いちいち画像を探して、記事に挿入するのって結構、面倒です。 で自分が使うセコ技をご紹介してみたいと思います。 画像を表示したい箇所に以下のタグを先に貼り付けておきます。

<Div Align="center"><table border="2" BorderColor="#0000ff"BgColor="#FFFFdd"><Caption><b>【～～ここにタイトル、見出し等を入れて下さい～～】</b></Caption><tr><td>順番等</td><td>・・・・・・・・備考、概要、簡単な説明文等・・・・・・・・</td></tr><tr><td>１</td><td>～～</td></tr><tr><td>２</td><td>～～</td></tr><tr><td>３</td><td>～～</td></tr><tr><td>４</td><td>～～</td></tr><tr><td>５</td><td>～～</td></tr><tr><td>６</td><td>～～</td></tr><tr><td>７</td><td>～～</td></tr><tr

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

やさしいブログの作り方 「見やすい」「読みやすい」「わかりやすい」「親しみやすい」「伝わりやすい」５つの要素を含んだ『やさしいブログ』を作るための方法などを紹介しています。 こんにちは。 『やさしいブログの作り方』の松田です。 サイドバーにある最新の記事一覧には直近に更新された記事のタイトルが表示されますが、タイトルの文字数が長いと2行にわたってしまいます。 ガタガタ表示しているのが何となくすっきりしない、と前から思っていたのですが、CSSのカスタマイズで以下のような感じに表示にすることができました。 2行にわたる場合は、自動的に「...」で省略するという形です。 これならどんな記事のタイトルをつけていても最新の記事一覧のパーツの高さはいつも一定に保つことができます。＾＾ やり方はCSSの最後に以下の記述を追記すればOKです。 .recentEntriesMenu li, #recent_