Quantcast
Channel: アメブロカスタマイズ 初心者にもできるアメブロカスタマイズ! »アメブロカスタマイズ
Browsing latest articles
Browse All 17 View Live

アメブロの字を濃くしたい

内藤です 文字の色を濃くする(黒)にするだけでも読みやすさ、読まれやすさは違ってきます。 アメブロでは、最初濃いグレー(#333333)が設定されています。特に記事とメッセージボード(トップページの記事の上)は、黒にすると反応も変わります 「CSS編集用デザイン」を選択している場合、CSSに .articleText,.skinMessageBoard{ color:#000000; }...

View Article



よくある困る質問

内藤です。 僕は、アメブロのカスタマイズのサポートをこちらと、こちらで行っていますが、困ってしまう質問があります。 例えば、 ・ブログURLがプレビュー画面 質問の際にブログURLを記入していただくのですが、それが『http://blog.ameba.jp/ucs/entry/srventrypreview.do』 これって、「表示を確認する」で表示されるプレビュー画面です。...

View Article

Image may be NSFW.
Clik here to view.

facebookのフォローボタンを付ける

内藤です アメブロにfacebookのフォローボタンを付けてから、フォローしてくれる方が増えています^^ facebookって「友達」と「フォロー」があります。 両方ともニュースフィードに流れるようになりますが、フォローは友達じゃない人でも流れるようにできます。 友達申請しまくって、、、というやり方もありますが、会った事もない人がどんどん増えます^^; また5000人という上限もあります。...

View Article

Image may be NSFW.
Clik here to view.

「ブログトップ」「記事一覧」「画像一覧」ボタンを非表示にする

内藤です 少し前から、記事エリアの上下にこのようなボタンがつくようになりました これが「いらない!」という方も多いようなので(笑) 外し方です。 「ブログトップ」がいらない場合 CSSに以下を追加します .blogTopBtn{ display:none; } 「記事一覧」がいらない場合 CSSに以下を追加します .articleListBtn{ display:none; }...

View Article

アメブロの字体を以前のものにする

先日から、アメブロのフォント(字体)が変わりました。 こちらに詳細があります それが『嫌』という声も多いようです。 以前のフォントに戻したいという場合はCSSに body, input, button, select, textarea { font-family: "MS Pゴシック","ヒラギノ角ゴ Pro W3",Arial,Helvetica; } を入れます。 これで、以前の字体になります。

View Article


Image may be NSFW.
Clik here to view.

アメブロのサイドバーを左右同じ幅にするカスタマイズ

アメブロのサイドバーを左右同じ幅にするやり方です。 アメブロは、3カラムの場合、サイドバー2つある内、1つがワイド、1つが狭い幅と異なるものでした。 今回の方法は、ブログ幅を元々の980pxのまま、記事エリアも元のままで、左右のサイドバー幅を統一するやり方です。 ・ブログ幅980pxで記事幅を広げ、サイドバーを狭い幅で統一する方法はこちら...

View Article

アメブロのヘッダー上の余白ズレについて

先日1月16日から、アメブロの仕様でヘッダー上に余白ができています。 一時的なものなのかわかりませんが、ヘッダーやメニューバーがずれる可能性があります。 この余白をなくすには CSSに .skinFrame { padding-top: 0px; } を追加します やってみてくださいね

View Article

Image may be NSFW.
Clik here to view.

記事の下に「読者になる」ボタンをいれて読者を増やす

内藤です アメブロの芸能人ブログの記事下には、「読者になる」ボタンが顔つきで表示されています 記事下にあることでクリックしてもらいやすいですが、顔写真を載せることでさらに読者登録を促すこともできますね。 1.まずは使用する顔写真のURLを取得 アメブロの管理画面の左上にあるプロフィール写真から、画像URLを取得します。 画像の上で右クリック ⇒ 画像URLをコピー 2.フリープラグイン用コード...

View Article


なるべく簡単にヘッダーを作る動画解説

なるべく簡単にできるヘッダーの作り方の動画解説です windowsもMacも使えて、インストール不要のソフトを使っています。 pixlr(ピクセラー) Photo editor online 参考にしてみてくださいね 「初心者にもできるアメブロカスタマイズ」では、 ● ヘッダーの簡単な作り方 ● 文字に縁をつける ● 画像の縁をぼかす ● 人物を切り抜く ● 画像に効果をつける...

View Article


コピペで使える便利な枠など

内藤です。 ブログを書いていて文章を枠で囲みたいな〜 というときは多いですよね。 コピペでつ変える便利な枠を用意しました。   ■例)枠の線が1pxのグレー(#cccccc)の実線、中が白(#ffffff) 囲みの中の文章   ■コード <div style="border:1px solid...

View Article
Browsing latest articles
Browse All 17 View Live




Latest Images