最新記事更新記録はこちら↓

お名前コムで独自ドメインが安い (06/17)

Firefoxのアドオンを停止する・Firefoxフリーズ対策 (06/14)

いずれレンタルサーバーへお引越しするかも知れない (06/10)

また、IEに問題発? (05/23)

iPhoneをスキャナとして利用できるライトスタンドがあるんだって (05/21)

リロードとスーパーリロードってどう違う? (05/17)

Google検索の上位サイトが専門家が書いた難しいページだらけになる日がくるかも (05/15)

歩行中のスマートフォンの利用を法律や条令で規制すべきか? (05/11)

ワードパットはどこにある? (05/08)

会社のWordが使いにくいと感じたらワードパットを使ってみよう (05/06)

IEって何?InternetExplorer?ブラウザって何? (05/02)

IE使っては駄目!国土安全保障省のコンピュータ緊急対応チームから (04/30)

黒いパソコンは重い? (04/27)

携帯電話の絵文字が共通化されるらしい (04/26)

シーサーブログの投稿記事の下に広告を自動表示させる (04/20)

Windows7、8、8.1のサポート期限 (04/13)

GoogleのAndroidOS用オフィスアプリQuickofficeでできること (04/12)

WindowsXPのサポートが終わってしまいましたがな (04/10)

Windows7のスタートメニューによく使うソフトやフォルダのショートカットを登録してみよう (04/08)

Windows7になったらタスクマネージャーはどうやって出す? (04/02)

WindowsXPにWindows Live メールをインストールしておくとWindows7・8への移行が楽らしい (03/27)

Windows7のスタートメニューにショートカットアイコンをおいて、ソフトの起動を簡単に (03/23)

WindowsPCのシャットダウン (03/21)

複数のテキストを比較する無料ソフト (03/14)

入力しにくい文字をローマ字入力する (03/13)

災害時インターネットは強い (03/11)

ノートパソコンのタッチパットをOFFにする方法 (03/09)

wordの自動箇条書きをOFFにしよう (03/07)

Windows7以降のWindowsOSに標準で付属している電卓が便利だ (03/04)

「半角/全角」キーを押すとひらがなの「ろ」が入力される (03/01)

総記事数:
Top Page > タグ: シーサーブログ

スポンサーサイト

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:スポンサー広告 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 --.--.-- / コメント:: - / トラックバック:: - / PageTop↑


シーザーブログにスクロールつきで最新記事を表示させる方法

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 シーザーブログのメインカラムに最新記事を表示させる方法の最後に、『スクロールつきで最新記事を表示させることができないかな?』と言う話はした。


 この間試してみたら、あっさりできてしまったので、ご報告を。


シーザーブログにスクロールつきで最新記事を表示させる方法

1、デザイン→コンテンツ

2、最新記事のブログパーツと言うかコンテンツをメインカラムに設置。

3、『最新記事』の文字の上でクリック→HTMLの編集をクリック。

4、HTMLを削除後↓のHTMLに書き換える。

<div style="border-width:thin; border-style:solid; border-color:#C2C2C2; overflow: auto; height: 60px;">
<div class="blogbody">
<h3 class="title"><% content.title %></h3>
<div class="text">
<% content.header -%>
<% loop:list_article -%>
(<% article.createstamp | date_format("%m/%d") %>)<a href="<% article.page_url %>"><% article.subject | tag_break %></a><br />
<% /loop -%>
<% content.footer -%>
</div>
</div>
</div> </div>

 *#C2C2C2は別の色に変えてもOK。

5、『保存』→『閉じる』で最新記事のコンテンツを閉じた後、『設定を反映する』をクリック。


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事
スポンサーサイト

サイト内の記事へのタグリンク↓
シーサーブログ 最新記事 スクロール メインカラム 

FC2ブログ内同タグ へのリンク↓
シーサーブログ 最新記事 スクロール メインカラム

 2012.01.14 / コメント:: 0 / トラックバック:: 0 / PageTop↑


シーサー(seesaa)ブログの広告を設定

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 シーサー(seesaa)ブログの場合ブログ自体の設定で、自動的に広告表示をON・OFFにすることができる。

 シーサー(seesaa)ブログの広告を設定すると、その広告をクリックや広告の商品を訪問者が購入した場合、ブログの管理人に報酬の一部が入るようになっている。

 

 ある意味、FC2ブログの更新が無いときの更新表示よりはるかにユーザーよりと言えるのだが・・・。

 この報酬自体は、Googleアドセンスなどの報酬と比べると利益が薄い。

 しかも、換金の下限があり、一定金額にならないと換金できないし、確か有効期間もあったような。

 

 シーサー(seesaa)ブログの広告を表示するより、Googleアドセンスのコードでもはったほうがお金にはなります。

 

 で、このシーサー(seesaa)ブログの広告、タグ検索ページ以外では、表示非表示を選ぶことができる。

 


シーサー(seesaa)ブログの広告種類とON・OFF設定

  • キーワードマッチ広告

 記事中の単語にリンクが張られ、訪問者がその単語をクリックすることで報酬が支払われる。 

 シーサー(seesaa)ブログのキーワードマッチ広告のON・Offの方法は3種類。

1、設定⇒詳細設定⇒記事設定のキーワードマッチ(アフィリエイト)で設定を選択する。

2、記事投稿の保存前に、キーワードマッチ(アフィリエイト)で設定を選択する。

3、設定⇒広告設定から設定する。

 

  • コンテンツマッチ広告

 コンテンツに合ったリンクが記事の上下に表示される。

 シーサー(seesaa)ブログのコンテンツマッチ広告の表示位置・表示形式・表示のON・OFFは、設定⇒広告設定で行う。

 

  • 60日間記事の更新が無い場合の広告

 シーサー(seesaa)ブログの60日間記事の更新が無い場合の表示のON・OFFは、設定⇒広告設定で行う。

 

  • 検索エンジン経由の訪問ページの広告表示

 設定⇒広告設定『検索経由の広告表示』でON・OFFを選択。

 


 タグのリンクページに表示される広告は、HTMLを操作する。


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
無料 ブログ シーサーブログ seesaaブログ 広告 設定 

FC2ブログ内同タグ へのリンク↓
無料 ブログ シーサーブログ seesaaブログ 広告 設定

 2012.08.31 / コメント:: 0 / トラックバック:: 0 / PageTop↑


シーサーブログ無料版+独自ドメインなら安くサイト運営ができる

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズブログ作成・スタイルシート・HTMLの基礎知識 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 シーサーブログでも独自ドメインを使うことができる。

 しかもサーバーは無料のまま。

 独自ドメイン自体は、シーサー以外の業者から収得する必要があるんだけど。

 と言うことで、安く独自ドメインでサイト運営をしようと思ったら、シーサーブログの無料版をサーバーとして使うとドメインの収得・管理代金だけで済む。

 

 シーサーブログはファイル容量が2GB。

 有料版では、最大のファイル容量100GB。

 有料版の場合、ファイル容量によって、月額料金が違っている。

 10GBで315円/月、100GBで2100円。

 

 値段を見てお分かりのように、無料版で独自ドメインを使う場合以外はFC2ブログの有料版の方が安く済む。

 ただ、FC2ブログの有料版と違って、複数のブログ運営をひとつのIDでできるてのがメリット。

 

 これで、ネット上のカスタマイズをサポートしてくれるサイトなどが増えてくれれば利用価値高いんだけど。

 今のところ、FC2ブログと比べると、カスタマイズサイトが少ない。

 スタイルシートのカスタマイズサイトはたくさんあるが、HTMLのカスタマイズサイトが少ないのがちょっと難点。

 


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
独自ドメイン シーサーブログ 無料 ブログ 

FC2ブログ内同タグ へのリンク↓
独自ドメイン シーサーブログ 無料 ブログ

 2012.09.10 / コメント:: 0 / トラックバック:: 0 / PageTop↑


シーサーブログの関連記事リストのタイトル文字数を変更する

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 シーサーブログの記事の下に表示される関連記事のタイトル文字数、途中で切れたりして、何がなんだかわからない。

 この、関連記事のタイトルの文字数、変更できないんだろうか?

 

1、デザイン→コンテンツ→記事→HTMLの編集。

2、【<% article_category.name %>の最新記事】<br />
<ul>
<% loop:list_category_article %>
<li><a href="<% article.page_url %>"><% article.subject | text_summary(20) %></a></li>
<% /loop %>
</ul>
</div>

を探す。

3、 | text_summary(20)を削除。

4、保存ボタンをクリック。

 

 これで、シーサーブログの記事下の関連記事のタイトルがフルタイトルで表示される。

 


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
無料 ブログ シーサーブログ カスタマイズ 関連記事 

FC2ブログ内同タグ へのリンク↓
無料 ブログ シーサーブログ カスタマイズ 関連記事

 2012.10.28 / コメント:: 0 / トラックバック:: 0 / PageTop↑


シーサーブログのカテゴリーページでタイトルのみを一覧表示

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 シーサーブログのカテゴリページでタイトルだけをリスト化して表示するしてみよう。

 ちょっとばかり、ややこしいですが・・・。

 


シーサーブログのカテゴリーページのリスト化

1、デザイン⇒コンテンツ⇒記事⇒記事のHTML編集。

 

2、中のHTMLをすべてコピーしテキストエディタに貼り付ける。

 

3、テキストエディタで、以下の記述を探す。

<% if:page_name eq 'category' -%>
<div class="navi">
<a href="<% blog.page_url %>">TOP</a> / <% category.name %>
</div>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %><a href="<% category.page_url(pager.previous_page) %>">&lt;&lt;</a><% else %>-<% /if %><% loop:list_pager %><% if:pager.show_previous_group(pager_number,5) %>..<% /if %><% if:pager.show_page(pager_number,5) %> <% if:current_page ne pager_number %><a href="<% category.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %><% /if %><% if:pager.show_next_group(pager_number,5) %>..<% /if %><% /loop %> <% if:pager.next_page %><a href="<% category.page_url(pager.next_page) %>">&gt;&gt;</a><% else %>-<% /if %>
</div><% /if -%> 

 

4、上のHTMLの最後に、下の記述を追加。

<!--一覧表示--><div class="blog"> <div class="blogbody"> <h2 class="title">[<% category.name %>]の記事一覧</h2>  <div id="clist">  <% loop:list_article -%> ・<a href="<% article.page_url %>"><% article.subject %></a> <% /loop -%>  </div> </div> </div> <!--/一覧表示-->

 

5、追加したHTMLの後の<% loop:list_article -%>の前に、<% unless:page_name eq 'category' -%>を追加。

 

6、以下のHTMLの下に、<% /unless -%>を追加

<% if:blog.fan_setting.accept_fan %>| <a href="<% blog.fan_regist_url %>" title="このブログの読者になる"><img src="<% site_info.blog_url %>/img/fan_read.gif" alt="このブログの読者になる" border="0" /></a><% /if %>
| <a href="<% blog.fan_blog_reader_url %>" title="更新情報をチェックする"><img src="<% site_info.blog_url %>/img/fan_received.gif" alt="更新情報をチェックする" border="0" /></a>
</div>
</div>
</div>
<% /loop -%>

 

7、出来上がったHTMLをすべてコピーし、コンテンツのHTMLに貼り付ける。

 

8、保存ボタンをクリック。

 


 <h2 class="title">[<% category.name %>]の記事一覧</h2>の部分は、シーサーブログのデフォルトのテンプレートなら<h3 class="title">[<% category.name %>]の記事一覧</h3>となるべきところ。

 シーサーブログの場合、ページタイトルは本来<h3></h3>となっている。

 そして、投稿年月日が<h2></h2>

 SEO対策としては、ページタイトルが、<h2></h2>になっていたほうが望ましいので、この際合わせてカスタマイズしたほうがいいかも。

見出しタグのカスタマイズについてはこちらの過去記事を見てね。

 特別、カスタマイズしない場合は<h3 class="title">[<% category.name %>]の記事一覧</h3>にしてね。

 


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
無料 ブログ シーサーブログ カスタマイズ カテゴリー タイトル リスト 

FC2ブログ内同タグ へのリンク↓
無料 ブログ シーサーブログ カスタマイズ カテゴリー タイトル リスト

 2012.11.11 / コメント:: 0 / トラックバック:: 0 / PageTop↑


シーサーブログの母体シーサー株式会社ってどんな会社

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 シーサーブログは割と使いやすい無料ブログサービスだ。

 でも、シーサーブログの母体シーサー株式会社って一体どんな会社なんだろう?

 


シーサー株式会社の主な事業

Seesaa ブログ
シーサー株式会社運営による無料ブログサービス。
アップロードは2GBまでアップロードが可(テキストは無制限)。
モブログやポッドキャスティングに対応し、アクセス解析やドメイン設定が出来ると言った無料でありながら多機能であることが特徴。
仕様がlivedoor blogのそれと似ている。

 

 Seesaa ダウンロード
シーサー株式会社運営によるファイルのマーケットプレイスが出来るサイト。
フリーソフトウェア、シェアウェア、およびメーカー製の各種ドライバを配布やダウンロードが出来る。
アップロードは無料。

 

 Seesaa ショッピングサーチ
複数のショッピングサイトから、買いたい商品を横断的に探す事が出来るショッピング検索サービス。

 

デコもじ
ブラウザ上に表示されるテキストのフォント(書体)を変更できるサービス。
ホームページやブログなどに利用することで、個性的なサイトを作成することが可能。

 

 forkN(フォークン)
無料で簡単に電子書籍を作成・販売が出来るサイト。
作成した書籍はEPUBやPDFファイルでダウンロード出来、forkN以外のマーケットで販売することも可能。

 

TabImpact(タブインパクト)
Facebookページの編集やカスタマイズが出来るwebツール。

 

puble(パブル)
tumblrのコンテンツをEPUBファイルに変換するサービス。
オフラインで閲覧出来る為、気になる情報を電子書籍としていつでも閲覧可能。

 

 


 知ってるサービスもあるけど、ぜんぜん知らないサービスもあるね。

 

 ちなみに設立メンバーは、元ライブドア社員。

 日本の会社なのであるよ。

 


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
無料 ブログ シーサーブログ シーサー株式会社 

FC2ブログ内同タグ へのリンク↓
無料 ブログ シーサーブログ シーサー株式会社

 2012.11.13 / コメント:: 0 / トラックバック:: 0 / PageTop↑


カテゴリの先頭に記号を付ける

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 seesaaブログのカテゴリのカスタマイズをちょっとしてみよう。

 今回は、プラグインのカテゴリで、それぞれのカテゴリの先頭に装飾をつける場合のやり方。

 でも、今回は超くだらないので、興味の無い人は読み飛ばしてください。

 難易度1ってところかな。

 


seesaaブログのカテゴリプラグインの各カテゴリの先頭に装飾を付ける方法

1、seesaaブログにログイン→デザイン→コンテンツ→カテゴリとクリック。

2、コンテンツHTML編集をクリック。

3、<a href="<% category.page_url %>"><% category.name | tag_break %></a>の前に、お好みの記号を付ける。

4、保存ボタンをクリック。

 

*コンテンツHTMLのプレビューボタンを押してもカスタマイズ結果は見ることができないので、確認したい場合は、保存後に自分のブログを開いてみて。
 また、既に開いているページの場合、リロードしないと新しい設定での表示が見れない(他のカスタマイズのときも同様なのだけど)。

 


 くっつける記号は、何でもOk。

 ・でも*でも♪でも★でも●でもOK。

 


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
無料 ブログ シーサーブログ カテゴリ  

FC2ブログ内同タグ へのリンク↓
無料 ブログ シーサーブログ カテゴリ

 2012.11.16 / コメント:: 0 / トラックバック:: 0 / PageTop↑


seesaaブログの『最近の記事』を『タイトル・日付』の表示にするカスタマイズ

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 seesaaブログのテンプレートの仕様は、日付を重要視してる?

 見出しとかも記事のタイトルより、日付の見出しタグの方が上位に設定されている場合がほとんどだし。

 ブログってのは、もともと日記だというから日付が大事って事なんだろう。

 

 でも、別に日付は記事タイトルの後のほうが良いって人のために・・・。

 今回は、seesaaブログのコンテンツ『最近の記事』を『タイトル・日付』の表示できるようにしてみよう。

 

seesaaブログのコンテンツ『最近の記事』を『タイトル・日付』の表示に変更する

1、seesaaブログにログイン→デザイン→コンテンツ→最近の記事とクリックしていく。

2、コンテンツHTML編集をクリック。

3、<% loop:list_article -%>
(<% article.createstamp | date_format("%m/%d") %>)<a href="<% article.page_url %>"><% article.subject | tag_break %></a><br />
<% /loop -%>
をさがす。

4、上の記述を<% loop:list_article -%>
 <a href="<% article.page_url %>"><% article.subject | tag_break %></a>(<% article.createstamp | date_format("%m/%d") %>)<br />
<% /loop -%>
に変更する。

5、保存ボタンをクリック。

 

 ま、試してみて。

 


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
シーサーブログ カスタマイズ 

FC2ブログ内同タグ へのリンク↓
シーサーブログ カスタマイズ

 2012.11.17 / コメント:: 0 / トラックバック:: 0 / PageTop↑


シーサーブログのスマートフォン専用サイトのテンプレートはHTMLの編集ができない

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 FC2ブログのスマートフォンテンプレートは、HTMLの編集もスタイルシートの編集もOKで大変結構。

 ブログサービスでもうひとつ割と使い勝手がいいシーサーブログのほうはどうか?

 シーサーブログのテンプレートは、パソコン用のテンプレートの場合、制約はあるがHTMLの編集もスタイルシートの編集もできる。

 でも、スマートフォン用のテンプレートは、HTMLの編集ができない。

 シーサーブログの自分のサイトをスマートフォンやFirefoxのアドオンなどで見てみると・・・。

 やっぱり、意図しない広告がいくつも貼られているようだ。

 特にうっとうしいのがオーバーレイ広告。

 

 まるでストーカーのようについてくる、あの移動するやつだ。

 FC2ブログの場合、HTMLの編集ができる。

 オーバーレイ広告の変数を削除してはいけないという規約も無いので、HTMLからオーバーレイ広告を削除することも可能だ。

 FC2ブログのオーバーレイ広告を消す方法はこちら。

 

 が、シーサーブログの場合、そうは行かない。

 スタイルシートしか編集できないので、オーバーレイ広告はどこまでもついて回る。

 あのオーバーレイ広告だけでもやめてくれないだろうか・・・。

 


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
ブログ テンプレート カスタマイズ シーサーブログ 

FC2ブログ内同タグ へのリンク↓
ブログ テンプレート カスタマイズ シーサーブログ

 2013.03.14 / コメント:: 0 / トラックバック:: 0 / PageTop↑


シーサーブログPCテンプレート/スマートフォン対応化カスタマイズ

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 シーサーブログのスマートフォン専用サイトがあまりにも広告でうざいので、スマートフォンからの訪問者にもPCテンプレートのほうだけの閲覧で不自由なく閲覧できるようにPCテンプレートを改造してみようと思う。

使用するシーサーブログテンプレート

『超シンプル(右サイドバー) 』

 

目標

1、1カラム化

2、リキッドレイアウト

3、アンカーテキストの使用による位置移動

 

シーサーブログテンプレートの1カラム化とリキッドレイアウト化:『超シンプル(右サイドバー) 』

1、『デザイン』→『デザイン設定』→『超シンプル(右サイドバー) 』をクリック。

2、スタイルシートをカスタマイズし、サイト全体の閲覧時の位置を中央寄せにする。

変更前  変更後 
body{
 text-align:center;
 margin:0;
 padding:0;
 color:#555;
} 

body{ 
 text-align:center;
 margin-left: auto; margin-right: auto; 
 color:#555;
/* 最大幅 */max-width: 550px; /* 最大幅 */ 
 /* IE用 */ 
width: expression(document.body.clientWidth > 551? "550px" : "auto");  }


 margin-left: auto; margin-right: auto;で中央寄せ。
 max-width: 550px; でサイトの幅の最大値を指定している。

3、カラムの幅の変更

変更前  変更後 
#container{
 width:960px;
 text-align:left;
 margin:0 auto;
}
#container{
 width:100%;
 text-align:left;
 margin:0 auto;
}
 
#links-left{
}
#links{
 width:240px;
 float:left;
 padding:0px 0px 0px 0px;
 line-height:1.5;
}
 
#links-left{
}
#links{
 width:100%;
 float:left;
 padding:0px 0px 0px 0px;
 line-height:1.5;
}
 
 これで、カラムの幅が可変化されたリキッドレイアウトになる。

4、テンプレートの名前を変更して『保存』ボタンをクリック。

5、『コンテンツ』をクリック。

7、サイドカラムに配置したコンテンツをドラッグして、メインカラムへ移動。

8、『保存』ボタンをクリック。

 

 と本日はここまで。

 

PC・スマートフォン共通テンプレート化中なのはこちらのサイト(内容自体は更新が滞ってるので、実験用にちょうど良かったのだ)。


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
無料 ブログ テンプレート カスタマイズ スマートフォン  シーサーブログ 

FC2ブログ内同タグ へのリンク↓
無料 ブログ テンプレート カスタマイズ スマートフォン シーサーブログ

 2013.03.15 / コメント:: 0 / トラックバック:: 0 / PageTop↑


シーサーブログのスマートフォン専用サイトから自動的にPCサイトに飛ばす方法

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 シーサーブログは、特にスマートフォン用のテンプレートを設定しなくとも、勝手にスマートフォン専用サイトを作ってしまう。

 そして、其処には広告の山が・・・。

 スマートフォンでアクセスすると、その、スマートフォン専用サイトのほうが必ず表示される。

 せっかくPC・スマートフォン兼用テンプレートを作っても、スマートフォン専用サイトが表示されては意味がない。

 が、スマートフォン専用サイトを削除しようとしても、其れもできない。

 ということで、スマートフォン専用サイトから、PC・スマートフォン兼用サイトに表示を飛ばすように設定してみよう。

 スマートフォンでシーサーブログにアクセスした人は、一瞬、スマートフォンサイトが表示されるが、次の瞬間PCサイトのほうに表示が切り替わるようになる。

 

シーサーブログのスマートフォン専用サイトから自動的にPCサイトに飛ばす方法

1、『デザイン』→『スマートフォン』→『コンテンツ』とクリック。

2、『ブログタイトル』以外のコンテンツを削除。

3、『ブログタイトル』をクリックし、『挿入テキスト(下部)』に、以下を記載。

<SCRIPT LANGUAGE="JavaScript">
<!--
function autoLink()
{
document.cookie = 'force_pc=1; max-age=15768000; path=/';
location.href=location.pathname;
}
setTimeout("autoLink()",1000);
// -->
</SCRIPT>

4、『保存』ボタンをクリック。

5、『保存』ボタンをクリック。

 

 これで、スマートフォン専用サイトに訪問した閲覧者は自動的にPCサイトの方に誘導される。

 


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
シーサーブログ スマートフォン カスタマイズ テンプレート 

FC2ブログ内同タグ へのリンク↓
シーサーブログ スマートフォン カスタマイズ テンプレート

 2013.03.17 / コメント:: 0 / トラックバック:: 0 / PageTop↑


PCサイトのスマートフォン対応・アンカーリンクとメニューリスト(修正しました)

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 シーサーブログのPCサイトをそのままスマートフォンで見やすい形に変更してみよう。

 前回はシーサーブログを1カラムにするまでの作業をしたので、今回はトップページのカスタマイズを行う。

 まずは、メニューリストの作成。

 メニューリストは、テーブルで作成してみた。

 使うタグは、アンカーリンクというもの。

アンカーリンクの作成

1、名称がリンクを飛ばす場所(リンク先)。
 *アンカー名は英数字で記載。
 *名称は日本語でOK。
 例)過去ログ

2、名称
 例)過去ログをクリックすると 過去ログへ飛ぶ。

メニューリストの作成

1、メニューーリストの作成

カテゴリー   最新記事リスト   過去ログ Rss 


 上のテーブルは見本。
 テーブル内の文字は、本文などの文字よりもやや大きめに設定してある。

<p>
<table border="1" cellspacing="0" cellpadding="5" width="100%">
  <tbody>
  <tr style="Z-INDEX: 0; FONT-SIZE: larger">
    <td width="25%"><a href="#categori">カテゴリー</a>  </td>
    <td width="25%"><a href="#kiji">最新記事リスト</a>  </td>
    <td width="25%"><a href="#rog">過去ログ</a></td>
    <td width="25%"><a
href="#rss">Rss</a> </td></tr></tbody></table></p>

 上がHTMLの構造。

 上のHTMLをメニューリストとして、シーサーーブログの『ブログの説明』の下に挿入する。

2、シーサーブログのブログ説明の下部への挿入方法。
 1)『デザイン』→『コンテンツ』→『ブログの説明』をクリック。
 2)挿入テキスト(下部)に、メニューリストのHTMLを貼り付ける。
 3)『保存』ボタンをクリック。

名称を各コンテンツに挿入

1『デザイン』→『コンテンツ』をクリック。

2、リンクを飛ばした居場所のコンテンツをクリック。

3、名称を『挿入テキスト(上部)』に記入。
 *名称はテキストとして閲覧時にも表示される。

4、『保存』ボタンをクリック。

*HTMLのアンカーリンクの記載がきえてたので、直しました。


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
無料 ブログ シーサーブログ カスタマイズ スマートフォン テンプレート 

FC2ブログ内同タグ へのリンク↓
無料 ブログ シーサーブログ カスタマイズ スマートフォン テンプレート

 2013.03.18 / コメント:: 0 / トラックバック:: 0 / PageTop↑


スマートフォンサイト作成の注意点

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 シーサーブログのスマートフォン専用サイトの広告が気に入らない管理人。

 シーサーブログのテンプレート『超シンプル(右サイドバー) 』のスマートフォン・PC共通テンプレート化に取り組んでいる。

 スマートフォンとPC、共通のテンプレートで使用できないHTMLやスタイルシート、作成上の注意点について抑えておこう。

スマートフォンサイト作成の注意点

1、インラインフレーム
 インラインフレームそのものは使えるが、スクロールバーが表示されなかったりと色々と問題が生じる。
 スクロールそのものは、2本指でフリックすればスクロールできる。
 HTMLでの対策はあるにはあるけど、面倒なのでなるべく使わないほうがいいかも。

 

2、一部の機種で太字表現ができない。
 Androidの標準フォントであるDroid Sans Japaneseにはボールド体が存在しない。
 スタイルシートの〔FONT-WEIGHT: bold〕は使用できない。

3、フォントサイズは12px以上で作成
 iPhoneには特定のfont-size(11px、10px、9px)のときだけマルチバイトの幅計算がおかしくなるバグが存在する。

 

4、極力画像を使わない

 

5、等幅フォントで作成する
 ヒラギノ角ゴ W3・なければ、MS ゴシック・MS 明朝などの等幅フォントで作る。

 

6、リンクの領域は44px以上で
 スマートフォンは指で操作するタッチデバイスという特徴上、小さいリンクなどは非常に押しにくい。

 

7、横幅は320pxもしくは640pxでデザイン
 640pxでデザインする場合は余白やフォントサイズなどがすべて2で割り切れるようにデザインしないといけないらしい。

 

 てなわけで、今まで知らなかったことがいっぱい。

 ちょっとづつ直して行こうと思う。

 


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
シーサーブログ テンプレート スマートフォン サイト 作成 注意点 

FC2ブログ内同タグ へのリンク↓
シーサーブログ テンプレート スマートフォン サイト 作成 注意点

 2013.03.20 / コメント:: 0 / トラックバック:: 0 / PageTop↑


スマートフォンサイトのフォントサイズ

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 今回はフォントのカスタマイズに取り組んでみよう。

 PCでもスマートフォンでも読みやすいフォントサイズというのはあまり変わりがないらしい。

 『超シンプル(右サイドバー) 』のテキスト部分のフォントサイズは少々小さめに設定してあるので、これをカスタマイズ。

 

『超シンプル(右サイドバー) 』のフォントのスタイルシート

/* font size & font family */
body                        {font-family:"MS Pゴシック";font-size:small;}
#banner                     {font-family:"Verdana" sans-serif;}
#banner h1 a                {font-size:x-large;}
.tag-title                  {font-size:x-large;}
#banner .description        {font-size:normal;}
.sidetitle                  {font-size:normal;}
.syndicate                  {font-size:normal;}
.date                       {font-size:small;}
h3.title                    {font-size:large;}
.listCategoryArticle ul li  {font-size:x-small;}
.tag-word                   {font-size:x-small;}
.posted                     {font-size:x-small;}
#calendar th                {font-size:small;}
.calendarday                {font-size:small;}
.comments-body              {font-size:x-small;}

もともとのフォントサイズでの表示はこちら↓

small

 

 MS Pゴシックは等幅フォントなので、このままにする。

 フォントサイズは・・・。

 PXでは指定したくないので・・・。

 こんな風にしてみた。

 

カスタマイズ後のフォントサイズのスタイルシート

/* font size & font family */
body                        {font-family:"MS Pゴシック";font-size:medium;}
#banner                     {font-family:"Verdana" sans-serif;}
#banner h1 a                {font-size:x-large;}
.tag-title                  {font-size:x-large;}
#banner .description        {font-size:normal;}
.sidetitle                  {font-size:normal;}
.syndicate                  {font-size:normal;}
.date                       {font-size:small;}
h3.title                    {font-size:large;}
.listCategoryArticle ul li  {font-size:x-small;}
.tag-word                   {font-size:x-small;}
.posted                     {font-size:x-small;}
#calendar th                {font-size:small;}
.calendarday                {font-size:small;}
.comments-body              {font-size:x-small;}

 フォントサイズを変更したものはこちら↓

フォントサイズ medium シーサーブログ

 他の部分のフォントサイズの変更はまた後で。

 

フォントサイズの種類

 フォントサイズの指定方法はいろいろあるけど、large・medium・smallでのフォントサイズの指定は、ブラウザの拡大縮小やブラウザの種類によって、文字の大きさが変わってくる。

xx-small

FONT-SIZE: x-small

FONT-SIZE: smaller

FONT-SIZE: small

FONT-SIZE: medium

FONT-SIZE: larger

FONT-SIZE: large

FONT-SIZE: x-large

FONT-SIZE: xx-large

 とまあこんな感じ。

 

 しかし、テンプレートの中の{font-size:normal;}って一体何?

 normalって、書体のことだよなあ。

 何で、font-size:で指定してあるんだろう? 

 


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
シーサーブログ テンプレート カスタマイズ スマートフォン 

FC2ブログ内同タグ へのリンク↓
シーサーブログ テンプレート カスタマイズ スマートフォン

 2013.03.23 / コメント:: 0 / トラックバック:: 0 / PageTop↑


シーサーブログの投稿記事の下に広告を自動表示させる

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 シーサーブログの投稿記事の下に広告が表示されるようする。

 投稿記事ごとに、広告タグを挿入する方法もあるが面倒だ。

 また、シーサーブログのコンテンツ下に広告タグを入れる方法もある。

 がコンテンツ下に広告タグを入れると、関連記事リストなどの下のほうに広告が出てしまう。

 できれば、投稿記事のすぐ下に広告を表示したい。

 コンテンツHTMLに広告タグを挿入して、投稿記事の下に自動的に広告が表示されるようにしてみよう。

シーサーブログの投稿記事の下に広告が自動表示させる

1、『デザイン』⇒『コンテンツ』⇒『記事』

2、『コンテンツHTMLの編集』をクリック。

3、以下のHTMLの赤い字で表示した部分に広告タグを挿入する。

<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>
<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %>
ここに広告タグを入れると個別ページで記事下に広告が表示される。
<% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.first_body | bodyfilter(article_info,blog) %>
ここに広告タグを入れると個別ページ以外で記事下に広告が表示される。
<% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div>

 

4、保存ボタンをクリック。

 

 インデックス、カテゴリー、個別記事ページに限らずユーザータグの前に広告が表示されるようになる。



ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
シーサーブログ テンプレート カスタマイズ 

FC2ブログ内同タグ へのリンク↓
シーサーブログ テンプレート カスタマイズ

 2014.04.20 / コメント:: 0 / トラックバック:: 0 / PageTop↑


無料ウイルスソフト
管理人も使用中
キングソフトインターネットセキュリティU

最新記事
ようこそ


サイト内外の検索ができます。キーワードを入力してください。
サイト内検索↓

カスタム検索

サイト外検索↓

設置日時 2008・02・17

マカフィー・ストア

全記事表示リンク
カテゴリ
タグリスト 改

ドメイン独自ドメインブログFirefoxブラウザフリーズアドオンIEIE8PhoneスマートフォンスキャナリロードスーパーリロードGoogleSEO検索検索結果上位サイトワードパットWindowsフリーソフトWord無料ソフトワープロInternetExplorer脆弱性セキュリティパソコン携帯電話絵文字シーサーブログカスタマイズテンプレートWindows8.1Windows8メインストリームサポート延長サポートWindows7サポートAndroidOfficeQuickofficeWindowsXP起動アイコンフォルダショートカットスタートメニューCtrl+Alt+DelタスクマネージャーWindowsLiveメールデータ移行メール連絡先OutlookExpressシャットダウンテキスト比較ローマ字入力入力キーボード東日本大震災インターネット災害タッチパットポインティングデバイスノートパソコンword箇条書き電卓OS入力できない半角排紙トレーが開いています印刷プリンターエラーYahoo!ヘッドクリーニングプリンターヘッド目詰まりExifGPSクリーニングインク染料顔料パスワードOpenOffice.orgLibreOfficeApacheOpenOffice百度ShimejiアプリBaidu日本語入力hao123IMEクラウドスケジュールPCalphaEDIT32ビット64ビットアップグレード電源の管理日本ヒューレット・パッカード3万円台赤ロム白ロムUSBメモリーフォーマットtranscendUSBメモリー再生書き込み禁止になっていますリカバリーツールGooアップデート更新プログラムオリンピックコメントニュースLinuxブートパーティションInter7フリーメールメールアドレス2ちゃんねる流出個人情報ID2チャンネルインストールWubiUbuntu日本語版USBハブ転送速度セルフパワーバスパワープライバシーGmail侵害マウスホイールマウスIDManager管理作成ハードディスク買い替え文字化け改行コード文字コードサイズ起動できないブートローダーLANポートデバイスマネージャーデュアルブートメモリメニューバーSilverlightFlashPlayerAdobeOSLinuxUbunt12.04.2インターネット接続言語の設定日本語化UnetBootinメモリー光学式右クリックXPKeePassGoogle+アドセンススコアボードインポートIDmanegerトラブルMicrosoftKB2839229Linuxで更新復元セーフモードシステムvCalendarvcsスマホジョルテThunderbirdOutlookサンダーバードPIMエクスポートFC2手書き入力Yahoo!IDツール確認GooglePlay詐欺カレンダーアウトルック同期オフラインジョルデCSVガラゲーSIMカードフィーチャーフォン7スポットスポットタッチペン金属繊維ペンスタイラスデーター赤外線通信共有GoogleアカウントMoborobo2.0iOS無線LANYahoo!スマホマネージャーアンドロイドOS日時表計算ソフト自動更新関数表示アンドロイドカメラシャッター音DoNotTrackIE10デスクトップExplorerIntrenet8ウインドウズ732ビット64偽サイト偽装サイトスタイラスペンMZK-RP150NポータブルWi-Fiポケットルータ無料無線LANスポット無線LANスポットドコモルーター有線LANタブレットアダプタ有線BlueStacksパスワード管理ソフト注意点サイトショットノートヌーボードショットノートヌーボードコード閲覧SafariInternetLunascapeChromeキャッシュクッキー一時ファイル削除履歴証明書取り消し情報ルート証明インターネットオプションアップロード情報違法開示ゴミ箱設定容量ファイルクラッシャーKingsoftAntiSpywareLunascape6キャッシュバックFC2コンテンツキャンペーンマーケット反映OpenOffice.orgCalcシートExcel列幅セル表計算移動入力欄テンキー数字ツイッターTwitterYahoo!カレンダーメールソフトネクサス7無料メールgooショートカットキープリンタ詰替プルンターノズルチェックカートリッジジャンル私製はがき年賀状フォント手書き手書き風フォント素材日本郵政はがきデザインキットOpenOfficeCalcオフィスソフトOpenOfficeカテゴリNexus7iPadminiスペックHiMakeDocWeb自動巡回用ファイルコンバートソフトカテゴリーリストタイトルテーマGoogleアドセンスストレージYahoo!ファイル関連記事シーサー株式会社JavaScriptウインドウズXPサポート終了カウントダウンJavascriptゲームCalcWi-Fi接続フリースポットFC2ブログ登録Writer宛名ワープロソフト制作レンタルトラックバック迷惑URL

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。