2014年04月|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの 2014年04月 に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 



FC2ブログ・プチカスタマイズの最新記事

独自ドメインどこで取ったらいい? (11/18)

ムームードメインで独自ドメインを収得したので独自ドメイン収得の流れをご紹介するよ (11/15)

独自ドメインどれをとればいい? (11/07)

FC2ブログから独自ドメインWordPressへの引越し手順概要 (11/02)

やつパリ独自ドメインにはメリットがある (10/24)

FC2ブログからワードプレスへメリットデメリット (10/23)

FC2ブログで障害多発・ほんとにただの障害? (10/07)

Google AnalyticsをFC2ブログに設置 (09/25)

Googlr Analyticsにサイトを登録しよう (09/20)

FC2ブログにファビコンをつけてみよう (08/14)

行間line-heightとpやdiv,ulスペース(領域)指定 (08/08)

HTMLのdiv、p、br、spanの使い方 (08/08)

FC2ブログの有料版メリット・デメリット (06/16)

GooglePageSpeed Insightsのユーザー エクスペリエンスを改善する (06/11)

FC2ブログ・有料化について思うこと (06/10)

関連記事リストにカテゴリ名と記事の投稿日時を表示する (06/10)

個別記事のタイトルは<%sub_title>≒<%topentry_title> (06/07)

サイトに戻るためのリンクをGoogleアドセンスの検索結果表示ページにつける (06/05)

Google『PageSpeed Insights』でスマートフォンサイトの読み込み速度を測定 (06/03)

FC2ブログの記事下や記事の真ん中に広告・ランキング・定型文を表示する方法 (06/02)

記事に直接Googleアドセンスのコードを入れ込むと後々苦労する (05/30)

TwitterボタンのHTMLタグを手に入れよう (05/28)

ブログの変更したい部分をソースで見てみるとスタイルシートの指定場所がわかる (05/25)

JavaScriptをインライン化・スマートフォンサイトの表示時間を早くするテンプレートカスタマイズ (05/21)

プラグイン3を位置変更してページ別に表示されるようにしてみた (05/18)

シーサーブログのサイドカラムを片側に寄せる (05/17)

検索エンジンの検索結果ページに投稿時間を表示する・SEO検索エンジン最適化対策 (05/14)

meta descriptionで記事要約を検索結果ページに表示する (05/13)

FC2ブログの記事の下に広告やランキングを表示させる方法 (05/10)

FC2ブログの関連記事リストを任意の場所に表示する (05/09)

リンクボタンを作ってみよう (05/08)

FC2拍手とFC2ブログ拍手違いを体感してみてね (05/05)

FC2拍手・タグの収得・FC2ブログのプラグインへの設置 (05/03)

FC2拍手のお礼ページを作ろう (04/30)

『拍手』ボタンを設置しよう・登録方法 (04/26)

禁則処理の方法・word-breakで改行の処理を指定するスタイルシート (04/25)

FC2ブログの表示が崩れる原因 (04/20)

ボーダーライン・スタイルの種類 (04/19)

ブラウザ別webページのソースを見る方法 (04/17)

シーサーブログの『過去ログ』リストを横表示にする方法 (04/16)

スタイルシートを使って文字を斜めにする (04/08)

HTMLで文字を斜めに表示する方法 (04/05)

スタイルシートでGoogleアドセンスのコードを横に並べて配置することもできる (04/03)

ヘッダーの行間・行の高さを調整する (04/02)

3カラムテンプレートの構成はどうして決まる? (03/21)

メインカラム左側、サイドカラム二つを右に配置するFC2ブログカスタマイズ・『96_seo_pink-3ca』の場合 (03/21)

FC2総合インフォメーション 【ブログ】「FC2ブログ」をオープンソースで公開!より自由にカスタマイズ可能! (03/19)

『ちょっとしたお小遣いに!ブロマガ記事を投稿しませんか?』といわれても (03/14)

禁則処理・line-break:で禁則処理をするスタイルシート (03/14)

FC2ブログのバックアップ・インポート(復元)で復元できる項目 (03/03)

総記事数:

 
 
Top Page > 2014年04月
【2014年04月ページ】

 FC2拍手をFC2ブログに設置してみよう。  FC2拍手は、FC2ブログ拍手よりちょっとだけ高機能。  拍手してくれた人にお礼のコメントを残したりもできる。  前回までは、FC2拍手のサービスに登録するまでを書いた。  今回は、拍手のページの編集とタグの収得について。   FC2拍手のお礼ページの登録方法 1、FC2IDへログイン。 2、利用しているサービス一覧から「拍手」をクリック。 &nbs...

⇒この記事をもっと読みたい人はこちらの『FC2拍手のお礼ページを作ろう』をクリック

 FC2ブログには『拍手ボタン』というものがある。  この、FC2ブログの『拍手ボタン』とは別に、FC2IDの『拍手』というものがある。  FC2ブログの『拍手ボタン』は位置を自由に変えたりできないが(多少は変えられる)『拍手』はブログだけでなくHPにも設置できる。  FC2ブログだけでなく、他の会社のブログにも設置できる。  機能も『拍手』ボタンを押してくれた人に、お礼メッセージを自動で表示したり、じぶんで用意し...

⇒この記事をもっと読みたい人はこちらの『『拍手』ボタンを設置しよう・登録方法』をクリック

 禁則処理をするには、word-break を使うこともできる。  というより、word-break のほうが使い勝手が良いかもしれない。  word-break は行の改行方法を指定する。  この改行方法の指定によって、結果的に禁則処理がされる。   word-break の種類 word-break:normal ⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)は厳格に改行制限(禁則処理)される。 ⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean...

⇒この記事をもっと読みたい人はこちらの『禁則処理の方法・word-breakで改行の処理を指定するスタイルシート 』をクリック

 家のブログのスタイルシートが反映されていないというコメントをいただいた。  うーん、おいらのブラウザだとちゃんと反映されているように見えるんだけど。  IEで表示したけど、スタイルシートはちゃんと反映されているような感じ。  ブログの表示が崩れる原因はいくつかある。   ブログの表示が崩れる原因 ・FC2ブログのサーバー異常。 ・テンプレートをカスタマイズした場合のミス。 ・記事におかしなHTMLタ...

⇒この記事をもっと読みたい人はこちらの『FC2ブログの表示が崩れる原因』をクリック

 スタイルシートで背景を指定する場合、ボーダーラインのスタイルの種類を知っておくと便利だ。   ボーダーライン・スタイルの種類 solid ⇒1本線で表示。 solid ⇒1本線で表示 double ⇒2本線で表示。 double ⇒2本線で表示。 groove ⇒立体的に窪んだ線で表示。 groove ⇒立体的に窪んだ線で表示。 ridge ⇒立体的に隆起した線で表示。 ridge ⇒立体的に隆起した線で表示。 inset ⇒上と左...

⇒この記事をもっと読みたい人はこちらの『ボーダーライン・スタイルの種類』をクリック

 作ったwebページのソースを見てみよう。  ブログのカスタマイズに役立つ情報がたくさん見つかるはずだ。  今回は、Firefox・IE・Google Chrome・Safariなどのブラウザ別にソースを見る方法を調べてみた。  右クリック禁止のページのソースを見る方法も合わせて記載しているので参考にしてね。   webページのソースを見る方法・Firefox 1、ソースを見たいwebページを表示。 2、右クリック⇒『ページのソースを表...

⇒この記事をもっと読みたい人はこちらの『ブラウザ別webページのソースを見る方法』をクリック

 シーサーブログの過去ログは縦表示だ。  サイドカラムに表示するには縦表示がいいのだが、ワンカラムにした場合、縦表示の一覧って都合が悪い。  というわけで、過去ログリストを横表示にしてみようか。   シーサーブログの『過去ログ』リストを横表示にする方法 1、『デザイン』⇒『コンテンツ』⇒『過去ログ』をクリック。 2、『コンテンツHTMLの編集』をクリック。 3、以下のHTML、<a href="/archives/<% ...

⇒この記事をもっと読みたい人はこちらの『シーサーブログの『過去ログ』リストを横表示にする方法』をクリック

 スタイルシートで文字を斜めに表示してみよう。  文字を斜めにするには、HTMLで斜め文字にする方法以外に、スタイルシートを使って斜めにする方法もある。 *HTMLを使って、文字を斜めに表示する方法はこちら。   スタイルシート italicを使って文字を斜めにする <body>~</body>に直接記入する場合 <p style="font-style:italic;">・イタリック体・文字を斜めにする</p> <div styl...

⇒この記事をもっと読みたい人はこちらの『スタイルシートを使って文字を斜めにする』をクリック

 ブログの文字の表示を斜めにしてみよう。  HTMLで指定する方法とスタイルシートで指定する方法の2種類あるが、今回はHTMLで文字を斜めにする方法。   HTMLで文字を斜めに表示する方法 ・<em>~</em>で囲む。 例) 通常表示:『HTMLで文字を斜めにする』 ↓↓ <em>『HTMLで文字を斜めにする』</em> ↓↓ 表示:『HTMLで文字を斜めにする』   ・<I>~</I>(<i>~<...

⇒この記事をもっと読みたい人はこちらの『HTMLで文字を斜めに表示する方法』をクリック

 Googleアドセンスの横に並べて配置する方法。  いや、Googleアドセンスでなくてもだけど。  何らかの要素を横に並べるにはどうしたらいい?  画像は割りと簡単に横並べにできるんだけど、他のコードなんかはどうするんだろう。   Googleアドセンスの広告を横へ並べる方法 <div class="oya"> <div style="float:left;"> Googleアドセンスのコード </div> <div style="float:left;">...

⇒この記事をもっと読みたい人はこちらの『スタイルシートでGoogleアドセンスのコードを横に並べて配置することもできる』をクリック

 今日は、ブログのヘッダー部分の文字の行間のカスタマイズ。 以前の『FC2ブログ・プチカスタマイズ』ブログのヘッダーは、h1に指定された文字数が多くなると、行間がうまく設定されていなかったので、ヘッダー部分の行間設定をしてみた。  以前のヘッダーのスタイルシート⇒以前のヘッダー。 文字数が多くなると、H1に設定した文字の行間が詰まったように見える。/*head要素       &nb...

⇒この記事をもっと読みたい人はこちらの『ヘッダーの行間・行の高さを調整する』をクリック

 | FC2ブログ・プチカスタマイズ |