お小遣いサイトで稼ぐ　瑠璃の守護石箱 FC2ブログ編集

TOP >　 FC2ブログ編集

FC2カテゴリ行間が変更できなくなった
FC2ブログ　編集　カテゴリ　行間を広くする
FC2ブログ　編集　カテゴリ　文字を小さくする

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

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

<div style="font-size:88%;" style="line-height:120%;">を変更。
　　　文字の大きさを調節　　　　行間を調節
　　　（４～５％単位で変更できます）

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

<div>
<div style="font-size:88%;">
<div style="line-height:120%;">

<div &align>
┣
┗
<a href="<%category_link>" title="<%category_name>"><%category_name> (<%category_count>)</a>
</div>

</div>
</div>
</div>

行間が広がりました。

げん玉はコンテンツが豊富

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

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

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

　

スポンサーサイト

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

Edit [2015/01/28 17:44] | FC2ブログ編集 | コメント(0) | page top

FC2ブログ　編集　フリーエリアを使ったお知らせ　表示できなくなったので変更

お知らせのスクロール表示ができなくなった

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

２つを利用して、「訪問ありがとうございます」を作っていたのですが、
数日前からうまく表示できなくなりました。

文字が小さくなるだけで、枠がなくなり、スクロールもできなくなりました。

<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/
高さは９０を変更。

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

げん玉はコンテンツが豊富

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

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

Edit [2015/01/28 16:40] | FC2ブログ編集 | コメント(0) | page top

FC2ブログ　心配　クローラー激減　Googleウェブマスターツールでインデックス

FC２ブログのクローラー激減
９月末、Googleでマイ記事を検索してもでないことがありました。

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

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

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

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

ウェブマスターツール
左のクロール　→　クロールの統計情報

９月１７日から激減しています。

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

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

左のクロール　→　Fetch as Google

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

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

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

誰でもロト！open Loto

あなたの運を分けてください。
ここから登録お願いします。

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

Edit [2014/10/05 13:06] | FC2ブログ編集 | コメント(0) | page top

FC2ブログ　編集　固定メニューバーにドロップダウンメニューを付けました

固定メニューとドロップダウンメニュー
今までのメニューにドロップダウンメニューをつけました。
固定メニュー
ドロップダウンメニュー（プルダウンメニュー）

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

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

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

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

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

２、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">２番目</a>

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

<li><a href="<%url>#">３番目</a></li>
<li><a href="<%url>#">４番目</a>

<ul>
<li><a href="#">子の１番目</a></li>
<li><a href="#">子の２番目</a></li>
<li><a href="#">子の３番目</a></li>
</ul>
</li>

<li><a href="<%url>#">５番目</a></li>
<li><a href="<%url>#">６番目</a></li>
<li><a href="<%url>#">７番目</a></li>
</ul>
</div>


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

/***************************************** ▼上部固定バー▼ */
.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; /* １つのメニューボタンの幅 */
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;　
}
/* ▲上部固定バー▲ */

げん玉はコンテンツが豊富

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

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

Edit [2014/08/08 00:33] | FC2ブログ編集 | コメント(0) | page top

FC2ブログ　編集　カテゴリ　文字を小さくする

カテゴリの文字の大きさを変更
以前行間を広くしたのですが、

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

簡単な方法が見つかったので自分用メモ。

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

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

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

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

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

<div>の右にstyle="font-size:○○%;"

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

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

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

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

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

４～５％単位で調節できるので、
プラグイン事に大きさを変えたいときに利用してください。
（リンクだけの調節できませんでした）

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

アンケートサイトNo.1
ここから登録すると３０ポイントプレゼント

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

Edit [2014/04/26 16:24] | FC2ブログ編集 | コメント(0) | page top

FC2　編集　スマホのオーバーレイ広告消してもよい？

スマホの広告

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

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

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

表示されると、動かしても広告も動きます。

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

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

と、あるのですが、

FC2のテンプレート用　変数一覧

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

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

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

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

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

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

誰でもロト！open Loto

あなたの運を分けてください。
ここから登録お願いします。

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

Edit [2014/04/04 21:24] | FC2ブログ編集 | コメント(0) | page top

FC2　編集　スマホ版→PC版→スマホ版

スマホ版⇔PC版
弱小ブログですが、
スマホ版もテンプレートから色を変えて作っています。

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

マイブログスマホ版

右のほうのパソコンマークでPC版へ

きょう、PC版を表示したら、
戻れなくなってしまいました。

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

げん玉などでは
スマホ版げん玉の下に、PC版トップへ（http://www.gendama.jp/?topc=on）
PC版げん玉の上部に、スマホ版へ（http://www.gendama.jp/sp）

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

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

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

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

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

右側のW（高機能テキストエディタ）で編集。
（中央・右寄せ）

Wをはずして、コピーの準備。

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

スマホ版の下側、HTML編集「footer」の最後に。

PC版の右上、HTML編集「main」の１番上に。

プラグインのフリーエリアも利用してみました。

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

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

誰でもロト！open Loto

あなたの運を分けてください。
ここから登録お願いします。

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

Edit [2013/12/17 21:07] | FC2ブログ編集 | コメント(1) | page top

FC2　編集　フリーエリア

フリーエリアでお知らせ
月別アーカイブと同じ方法で、
フリーエリアを追加して、スクロールにすると、
お礼やお知らせをささやくこともできます。

左側のプラグインの設定 → 公式プラグイン追加

フリーエリアを追加すると、

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

高さは１３０を変更、
色はffffff（白）を変更。

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

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

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

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

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

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

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

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

<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>

フリーエリアを追加して、
コピーを作ってみると、

color「ffe5f2」

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

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

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

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

フルーツメール

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

Edit [2013/11/10 00:15] | FC2ブログ編集 | コメント(0) | page top

FC2　編集　プラグイン　スクロールに

月別アーカイブをスクロールに

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

左側のプラグインの設定 → プラグインカテゴリの右側の詳細

下のほうの【HTMLの編集】を開きます。

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

<ul>

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

</ul>

</div>

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