スマホ版
TOP >  FC2ブログ編集
FC2ブログ 編集 カテゴリ 行間・文字の大きさ
FC2カテゴリ行間が変更できなくなった
FC2ブログ 編集 カテゴリ 行間を広くする
FC2ブログ 編集 カテゴリ 文字を小さくする

2つを利用して、カテゴリの文字の大きさ・行間を調節していたのですが、
数日前から、行間がまた詰まってしまいました。
150128fc2-3.jpg


フリーエリアのお知らせもスクロールが表示できなくなったので、
同じ原因だと、プラグインを変更。


<div style="font-size:88%;" style="line-height:120%;">を変更。
   文字の大きさを調節    行間を調節
   (4~5%単位で変更できます)





プラグインの設定
左側 「プラグインの設定」
→「カテゴリー」の右側 「詳細」
→「プラグインの改造」 【HTMLの編集】

<div>
<div style="font-size:88%;">
<div style="line-height:120%;">
<!--category-->
<div &align>
<!--category_sub_hasnext-->┣<!--/category_sub_hasnext-->
<!--category_sub_end-->┗<!--/category_sub_end-->
<a href="<%category_link>" title="<%category_name>"><%category_name> (<%category_count>)</a>
</div>
<!--/category-->
</div>
</div>
</div>



行間が広がりました。
150128fc2-4.jpg


げん玉はコンテンツが豊富
無料で遊んで、貯めたポイントは現金Webマネーに交換できます!!
パズドラはiTunesギフトコード・Vプリカ発行コードを使ってください。

クラウドでお小遣いを稼げます
ここから登録すると250ポイントプレゼント

▲登録無料で始められるから、ぜひここから登録してください!

 

  ブログランキング・にほんブログ村へ

テーマ:ポイントサイト - ジャンル:アフィリエイト

Edit [2015/01/28 17:44] | FC2ブログ編集 | コメント(0) | page top
FC2ブログ 編集 フリーエリアを使ったお知らせ 表示できなくなったので変更
お知らせのスクロール表示ができなくなった

FC2 編集 フリーエリア・枠でかこんだお知らせ
FC2ブログ 編集 カテゴリ 文字を小さくする

2つを利用して、「訪問ありがとうございます」を作っていたのですが、
数日前からうまく表示できなくなりました。
150128fc2-1.jpg
文字が小さくなるだけで、枠がなくなり、スクロールもできなくなりました。

<div style="font-size:70%;" style="scrollbar-arrow-color: #555555; border-bottom: #555555 1px solid; border-left: #555555 1px solid; scrollbar-face-color: #f2ffe5; padding-bottom: 3px; background-color: #ffffff; padding-left: 3px; padding-right: 3px; scrollbar-darkshadow-color: #ffffff; height: 90px; scrollbar-highlight-color: #555555; color: #555555; scrollbar-shadow-color: #555555; overflow: auto; border-top: #555555 1px solid; scrollbar-track-color: #ffffff; border-right: #555555 1px solid; scrollbar-3dlight-color: #ffffff; padding-top: 3px">

<br>
<br>
</div>


FC2に問い合わせましたが、
「フリーエリア等のカスタマイズされたプラグインにつきましては、
サポート対象外となります」


style="font-size:70%;"だけ反映されているので、
<div style="font-size:70%;"> </div>にして、
分けてみることにしました。




プラグインの設定
左側 「プラグインの設定」
→「編集したいプラグインの名前」の右側 「詳細」
→「フリーエリア内容の変更」


新しく作るときは
左側 「プラグインの設定」
→右上の「公式プラグイン追加」
→拡張プラグインの「フリーエリア」追加

<div style="scrollbar-arrow-color: #555555; border-bottom: #555555 1px solid; border-left: #555555 1px solid; scrollbar-face-color: #f2ffe5; padding-bottom: 3px; background-color: #ffffff; padding-left: 3px; padding-right: 3px; scrollbar-darkshadow-color: #ffffff; height: 90px; scrollbar-highlight-color: #555555; color: #555555; scrollbar-shadow-color: #555555; overflow: auto; border-top: #555555 1px solid; scrollbar-track-color: #ffffff; border-right: #555555 1px solid; scrollbar-3dlight-color: #ffffff; padding-top: 3px">

<div style="font-size:70%;">

<br>
<span style="color:#000000">いつも、訪問してくださってありがとう。</span><br>
<br>
</div>
</div>


色はf2ffe5(薄い緑)を変更。http://www.colordic.org/
高さは90を変更。


以前のように枠あり、スクロールのお知らせとなりました。
150128fc2-2.jpg





げん玉はコンテンツが豊富
無料で遊んで、貯めたポイントは現金Webマネーに交換できます!!
パズドラはiTunesギフトコード・Vプリカ発行コードを使ってください。

クラウドでお小遣いを稼げます
ここから登録すると250ポイントプレゼント

▲登録無料で始められるから、ぜひここから登録してください!

  ブログランキング・にほんブログ村へ

テーマ:ポイントサイト - ジャンル:アフィリエイト

Edit [2015/01/28 16:40] | FC2ブログ編集 | コメント(0) | page top
FC2ブログ 心配 クローラー激減 Googleウェブマスターツールでインデックス
FC2ブログのクローラー激減
9月末、Googleでマイ記事を検索してもでないことがありました。

いつもなら記事をアップしてしばらくすると、
Google、Yahooに記事があがります。

1日おいても、反応ないので調べたら、
FC2ブログに対してのクローラーの減少があるようです。

FC2ブログ全体へのペナルティー?が時々あり、
その時は、戻るのを待つだけという状態みたいです。



Googleウェブマスターツールの登録

ウェブマスターツール
左のクロール → クロールの統計情報
141004crawl.jpg
9月17日から激減しています。


9月末の記事を検索してみて気がついたので、
検索に上がる方法をしらべてみると、

Fetch as Google
でインデックスできました。


左のクロール → Fetch as Google
141005crawl.jpg
中央の「取得」をクリックすると、上の画面になります。
右下の「インデックスに送信」でいつものように検索に上がってきます。
月末や今日の記事は、検索できるようになりました。

ただ、昨日の記事はなぜかうまくいかなかったので、
100%インデックスではないです。



Fetch as Googleを上手に利用して、
いつも通りにクローラーが来るのを待ちましょう。




誰でもロト!open Loto

あなたの運を分けてください。
ここから登録お願いします。
賞金ゲット!誰でもロト!open Loto

  ブログランキング・にほんブログ村へ

テーマ:ポイントサイト - ジャンル:アフィリエイト

Edit [2014/10/05 13:06] | FC2ブログ編集 | コメント(0) | page top
FC2ブログ 編集 固定メニューバーにドロップダウンメニューを付けました
固定メニューとドロップダウンメニュー
今までのメニューにドロップダウンメニューをつけました。
固定メニュー
ドロップダウンメニュー(プルダウンメニュー)

2つのブログ参考にさせていただいて、
固定メニュー・ドロップダウンを作りました。
ありがとうございました。


140807menu.jpg
記事を動かしても、ついてくるメニューです。
便利なのですが1列でした。

140807menu-2.jpg
ドロップダウンメニューを追加したかったのですが、
いくつかの方法を試しても、横に広がったり、左にまとまったりしていたのですが、
やっとドロップダウンメニューとなりました。

テンプレートを変更すると、
崩れるかもしれないので、自分用覚書。

1、テンプレートの設定
複製を必ずとります。


2、HTML編集
<head>の下の適当なところにコピー
青い文字は子メニュー </li>の位置に気をつけてください。


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">
$(function() {
var headerMenu = $('.headerMenu');
var headerMenuTop = headerMenu.offset().top;
$(window).scroll(function () {
var winTop = $(this).scrollTop();
if (winTop >= headerMenuTop) {
headerMenu.addClass('headerFixed')
} else if (winTop <= headerMenuTop) {
headerMenu.removeClass('headerFixed')
}
});
});
</script>

<!--▼ 上部固定バー ▼-->
<div class="headerMenu">
<ul id="header_menu_bar">
<li><a href="<%url>">トップページ</a></li>
<li><a href="<%url>blog-category-1.html">2番目</a>

<ul>
<li><a href="blog-entry-1.html">子の1番目</a></li>
<li><a href="blog-entry-2.html">子の2番目</a></li>
<li><a href="blog-entry-3.html">子の3番目</a></li>
</ul>

</li>

<li><a href="<%url>#">3番目</a></li>
<li><a href="<%url>#">4番目</a>

<ul>
<li><a href="#">子の1番目</a></li>
<li><a href="#">子の2番目</a></li>
<li><a href="#">子の3番目</a></li>
</ul>

</li>

<li><a href="<%url>#">5番目</a></li>
<li><a href="<%url>#">6番目</a></li>
<li><a href="<%url>#">7番目</a></li>
</ul>
</div>
<!--▲ 上部固定バー ▲-->



3、スタイルシート編集
1つのメニューボタンの幅を変更すると5個~8個に変更できます。
ただ、私のテンプレでは文字サイズ が小さくなりません。


/***************************************** ▼上部固定バー▼ */
.headerMenu {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
.headerFixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
/***************************************** ▲上部固定バー▲ */


/* ▼上部固定バー▼ */
ul#header_menu_bar {
font-size: 30%; /* 文字サイズ */
height:24px; /* 高さ */
background-color:#b0cc28; /* 背景色 */
padding-left:0px;
margin-left:0px;
margin-top:0px; /* 上の間隔 */
margin-bottom:5px; /* 下の間隔 */
}

#header_menu_bar li {
list-style-type:none;
float:left;
line-height:24px; /* 高さ */
margin:0px;
padding:0px;
position: relative; /* 子メニューにabsoluteを設定するため */
}

#header_menu_bar li a {
display:block;
text-align:center;
width:110px; /* 1つのメニューボタンの幅 */
border-right:1px solid #ffffff; /* 区切り線 */
color:#ffffff; /* リンク文字の色 */
background-color:#b0cc28; /* メニューボタンの背景 */
text-decoration:none;
}

#header_menu_bar li a:hover{
color:#474747; /* マウスが乗ったときのリンク文字の色 */
background-color:#ffd700; /* マウスが乗ったときの背景色 */
text-decoration:none;
}


#header_menu_bar li ul { /* 子メニュー */ 
margin: 0px;
padding: 0px;
list-style-type: none;
position: absolute;
top:25px;
left:0px;
overflow: hidden;
display:none; /* 子メニューを消す */
}

#header_menu_bar li:hover ul { /* ポインタが重なった時に子メニュー */
overflow: visible;
display: block; 
}

/* ▲上部固定バー▲ */




げん玉はコンテンツが豊富
無料で遊んで、貯めたポイントは現金Webマネーに交換できます!!
パズドラはiTunesギフトコード・Vプリカ発行コードを使ってください。

クラウドでお小遣いを稼げます
ここから登録すると250ポイントプレゼント

▲登録無料で始められるから、ぜひここから登録してください!


  ブログランキング・にほんブログ村へ

テーマ:ポイントサイト - ジャンル:アフィリエイト

Edit [2014/08/08 00:33] | FC2ブログ編集 | コメント(0) | page top
FC2ブログ 編集 カテゴリ 文字を小さくする
カテゴリの文字の大きさを変更
以前行間を広くしたのですが、

140426fc2.jpg
フルーツメールのカテゴリーが字余りでまとまりないので、
良い方法を探していました。


140426fc2-2.jpg
簡単な方法が見つかったので自分用メモ。


テンプレートの
li {
text-align: left;
font-size: 12px;

変更するとリンク・最新記事などは小さくなるのですが、
カテゴリは変化なし。


プラグインから変更すると、カテゴリだけ小さくできたのですが、
<span style="font-size:x-small;">     </span>
にすると小さくなり過ぎました。

探してみると、
style="font-size:○○%;"
を入れるだけで細かな設定ができます。



プラグインの設定
左側 「プラグインの設定」
→「カテゴリー」の右側 「詳細
→「プラグインの改造」 【HTMLの編集】


<div>の右にstyle="font-size:○○%;"
140426fc2-4.jpg


<div style="font-size:88%;" style="line-height:120%;">
   文字の大きさを調節    行間を調節

2つでいろいろ自分の好みに変更できます。

追記、上記の方法うまく表示できなくなったので、
FC2ブログ 編集 カテゴリ 行間・文字の大きさをみてください。







カテゴリ以外のプランインでも
<div>の右ににオレンジの部分を挿入すると、

左の換金実績・訪問ありがとうなども、
文字を大きさが調節できました。

4~5%単位で調節できるので、
プラグイン事に大きさを変えたいときに利用してください。
(リンクだけの調節できませんでした)

追記、お知らせの文字の大きさを調節するには、
フリーエリアを使ったお知らせ・文字を小さくするをみてください。






アンケートサイトNo.1
ここから登録すると30ポイントプレゼント
マクロミルへ登録

  ブログランキング・にほんブログ村へ

テーマ:ポイントサイト - ジャンル:アフィリエイト

Edit [2014/04/26 16:24] | FC2ブログ編集 | コメント(0) | page top
FC2 編集 スマホのオーバーレイ広告消してもよい?
スマホの広告
140404sp.jpg

スマホのトップページから、
記事のページを開くと(スクロールするとかも)、
アダルトサイトに飛ぶことが何回かありました。


調べてみたら、FC2の広告が関係しているかもと思いました。
オーバーレイ広告が影響しているかもしれません。

140404sp-2.jpg
オーバーレイ広告はスクロールに合わせて動く広告です。
毎回出るわけではなく、上のような線だけの時もあります。


140404sp-3.jpg
表示されると、動かしても広告も動きます。

急にアダルトサイトが出てびっくりしたので、
何とか消せないかと、検索したら消してもよいみたいです。

FC2の広告の表示について
広告の適正な表示を阻害する行為
テンプレートソース内から、広告タグを意図的に削除する。


と、あるのですが、

FC2のテンプレート用 変数一覧
140404sp-4.jpg

<%ad> 広告1を表示 《スマートフォンの場合はヘッダに広告表示》 (*使用必須タグ)
<%ad2> 広告2を表示 《スマートフォンの場合はフッタに広告表示》 (*使用必須タグ)


と、スマホの分は必須タグは2つしかないので、
<%ad_overlay>は消してもよいと解釈している人が多いみたいです。




テンプレートの変換方法
左側の「テンプレートの設定」→ 必ず編集するものを右側の「複製


140404sp-5.jpg
HTML編集の1番下にある
<%ad_overlay>を削除して、「更新」

(削除は違反行為になる可能性もあるので、自己責任でお願いします。)


これでしばらく試してみます。
改善されるように願ってます。


誰でもロト!open Loto

あなたの運を分けてください。
ここから登録お願いします。
賞金ゲット!誰でもロト!open Loto

  ブログランキング・にほんブログ村へ

テーマ:ポイントサイト - ジャンル:アフィリエイト

Edit [2014/04/04 21:24] | FC2ブログ編集 | コメント(0) | page top
FC2 編集 スマホ版→PC版→スマホ版
スマホ版⇔PC版
弱小ブログですが、
スマホ版もテンプレートから色を変えて作っています。

PCからのスマホ利用
(ブログの確認とげん玉のポイントの森・ガチャなどに参加できます。)

マイブログスマホ版
12-17sumaho.jpg

右のほうのパソコンマークでPC版へ
12-17sumaho-2.jpg
きょう、PC版を表示したら、
戻れなくなってしまいました。

FireFoxのCookieを削除したら戻れたのですが、
何か方法がないかと探してみました。


12-17sumaho-3.jpg 12-17sumaho-4.jpg
げん玉などでは
スマホ版げん玉の下に、PC版トップへ(http://www.gendama.jp/?topc=on)
PC版げん玉の上部に、スマホ版へ(http://www.gendama.jp/sp)

スマホの画面でどちらへも行けるようになっていました。


自分でつくる方法を探すと、
簡単な表示方法がありました。

アドレスに3文字付け加えるだけです。
テンプレートのパソコンマークにも使われていました。

http://lapis3lazuli3.blog.fc2.com/?pc (PC版表示)
http://lapis3lazuli3.blog.fc2.com/?sp (スマホ版表示)
スマホを持っていない人がスマホの表示を確認するだけなら、
この方法でスマホ画面が確認できます。




テンプレートの変更方法
FC2、「新しい記事を書く」を開いて、
適当な単語にリンクします。

右側のW(高機能テキストエディタ)で編集。
(中央・右寄せ)
12-17sumaho-5.jpg

Wをはずして、コピーの準備。
12-17sumaho-6.jpg


左側の「テンプレートの設定」→ 必ず編集するものを右側の「複製
テンプレートにコピーしたものを適当な位置においてください。
(自己責任でお願いします。)


12-17sumaho-7.jpg
スマホ版の下側、HTML編集「footer」の最後に。


12-17sumaho-8.jpg
PC版の右上、HTML編集「main」の1番上に。

12-17sumaho-9_20131217190746bff.jpg
プラグインのフリーエリアも利用してみました。

PCからPC版・スマホ版
スマホからPC版・スマホ版、見ることができます。

個人商店などのブログでも利用できるといいんだけど、
ひとりでも多く訪問がありますように!



誰でもロト!open Loto

あなたの運を分けてください。
ここから登録お願いします。
賞金ゲット!誰でもロト!open Loto

  ブログランキング・にほんブログ村へ

テーマ:ポイントサイト - ジャンル:アフィリエイト

Edit [2013/12/17 21:07] | FC2ブログ編集 | コメント(1) | page top
FC2 編集 フリーエリア
フリーエリアでお知らせ
月別アーカイブと同じ方法で、
フリーエリアを追加して、スクロールにすると、
お礼やお知らせをささやくこともできます。


左側のプラグインの設定 → 公式プラグイン追加
11-9scroll-11.jpg

フリーエリアを追加すると、
11-9scroll-15.jpg


<div style="height: 130px; scrollbar-face-color: #ffffff; overflow: auto">
<br>
<br>
<span style="color:#000000">いつも、訪問してくださってありがとう。</span><br>
<br>
</div>

高さは130を変更、
色はffffff(白)を変更。

赤い部分が必要なところです。
黒い部分は自分で書いていくところですが、

フリーエリアでは、
改行<br>
文字色も入れてください。

指定の高さより行数が増えるとスクロールになります。
<br>を10個ぐらい入れると確かめることができます。

http://www.colordic.org/
好きな色を選んで変更すると
「fff2e5」
11-9scroll-12.jpg


フリーエリア、スクロールなしで作ると、
左の「目標毎月1万円」「忍者AdMax・広告」のようになります。

改行<br>
文字色に気をつけるだけで、いろいろなものができます。



枠でかこんだお知らせ
プラグイン設定いろいろ見ていたら、
お知らせもあった。最初に合ったものかな。
11-9scroll-13.jpg

公式プラグインにないので、
自分用コピーを置かせてください。

<div style="scrollbar-arrow-color: #555555; border-bottom: #555555 1px solid; border-left: #555555 1px solid; scrollbar-face-color: #ffffff; padding-bottom: 3px; background-color: #ffffff; padding-left: 3px; padding-right: 3px; scrollbar-darkshadow-color: #ffffff; height: 80px; scrollbar-highlight-color: #555555; color: #555555; scrollbar-shadow-color: #555555; overflow: auto; border-top: #555555 1px solid; scrollbar-track-color: #ffffff; border-right: #555555 1px solid; scrollbar-3dlight-color: #ffffff; padding-top: 3px">





</div>



フリーエリアを追加して、
コピーを作ってみると、
11-9scroll-14.jpg
color「ffe5f2」

左の「訪問ありがとうございます」
color「f2ffe5」

空白のところにメッセージ
改行<br>を入れてください。



追記、お知らせの文字の大きさを調節するには、
フリーエリアを使ったお知らせ・文字を小さくするをみてください。



懸賞とゲームでお小遣いを稼げます
ここから登録すると1000ポイントプレゼント

フルーツメール


  ブログランキング・にほんブログ村へ

テーマ:ポイントサイト - ジャンル:アフィリエイト

Edit [2013/11/10 00:15] | FC2ブログ編集 | コメント(0) | page top
FC2 編集 プラグイン スクロールに
月別アーカイブをスクロールに
11-9scroll.jpg

月別が長くなってきたので、
スクロールにしてみました。

左側のプラグインの設定 → プラグインカテゴリの右側の詳細
11-9scroll-2.jpg


下のほうの【HTMLの編集】を開きます。
11-9scroll-3.jpg


<div style="height: 130px; scrollbar-face-color: #ffffff; overflow: auto">

<ul>
<!--archive-->
<li &align>
<a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月 (<%archive_count>)</a>
</li>
<!--/archive-->
</ul>

</div>


の部分を付け加えるか、
すべてを置き換えてください。

11-9scroll-4b.jpg
高さは130を変更、
色はffffff(白)を変更。

http://www.colordic.org/
好きな色を選んで変更すると

11-9scroll-5.jpg
「e5ffe5」ではこんな感じです。



11-9scroll-6.jpg
上の公式プラグイン追加で、
月別アーカイブいくつでも追加できるので、
いくつか並べて比べてみてください。

2~3日3つ置いておきますので、
参考にして見てください。


最新記事・最新コメントなども
同じように赤部分を追加してスクロールにできます。

フリーエリア利用方法は、こちらで


げん玉はコンテンツが豊富
無料で遊んで、貯めたポイントは現金Webマネーに交換できる!!

パズドラはiTunesギフトコード・Vプリカ発行コードを使ってください。

クラウドでお小遣いを稼げる
ここから登録すると250ポイントプレゼント

▲登録無料で始められるから、まずは登録してみよう!

  ブログランキング・にほんブログ村へ

テーマ:ポイントサイト - ジャンル:アフィリエイト

Edit [2013/11/09 15:56] | FC2ブログ編集 | コメント(0) | page top
ぶろっぐぴんぴん使い方 ついでにFC2 ping変更
ぶろっぐぴんぴん使い方
zipファイルを解凍したら、BlogPingPing.exeをクリック。
サイト情報を入力してから、「OK」
6-4ping.jpg

ぶろっぐぴんぴんが起動されるので、「追加」
6-4ping-2.jpg

pingのURLを入力して、「OK」、
ping送信をしたいものを、繰り返して登録します。
6-4ping-3.jpg

ping入力が済んだら、再起動してください。
 が  になります。
チェックボックスをすべてオンにし、「ping送信」をクリック。
6-4ping-4.jpg
※スパム防止のために、一度送信をしたら30分くらいは再送信出来なくなっています。


ping送信先
続きを読む
  ブログランキング・にほんブログ村へ

テーマ:ポイントサイト - ジャンル:アフィリエイト

Edit [2013/06/04 17:13] | FC2ブログ編集 | コメント(0) | page top
| ホーム | 次のページ>>