vanillaice (Akira)

vanillaice (Akira)

こちらは旧作です

2016.10.8 リニューアルリリース致しました
Life-isリニューアルリリースのお知らせ

よろしくお願いします

--------- 以下本文

Life-is


名称 Life-is
カラム数 2
プラグイン対応 ○(サイドバー集約型)
レスポンシブ対応
サイドバー PC --- 右/ ブラウザ縮小時 下
SP --- 左からスライド
記事幅 可変 最大850px (内寸 810px)
サイドバー幅 固定300px (内寸 260px)
トップページ記事表示タイプ 全文表示(追記以降は個別記事)
新着サムネイル表示 あり
鍵つきブログの方は表示されませんので削除をお願いします
任意個人設定 レスポンシブ利用 = スマホ版非表示設定
新着サムネイル利用 = RSS設定
SNSシェアボタン利用 = メタタグ設定
その他 FC2検索バー非表示推奨
テンプレ固有機能 画像にドロップシャドウ
動画縦横比固定
画像ハイパーリンク上マスク
画像拡大
使い方詳細ページ
テンプレート固有機能説明
Windows/ Mac
Chrome Firefox Safari Opera Edge IE11 IE10以下
サポート外
推奨カスタム スライド画像変更


valid-html5.png


更新履歴 2017.1.25


・ SNSシェアリンクのUTF-8エンコード

参考記事
SNSシェアリンクのエンコード


--------- 以下本文



更新履歴 2016.9.9


リストマーカーの位置を調整しました

参考記事
list-item横の隙間について

更新履歴 2016.6.6


メンテナンスを行いました
詳細は以下の記事をご参照ください

「Decoy」「Life-is」「Noir」「Romantique_duex」メンテナンスのお知らせ


更新履歴 2016.4.4


タブレット用ページ移動(top, middle(MENU), bottom)ボタンのJavascript設定ミスを修正しました
ご迷惑おかけします

Life-is修正のお知らせ


更新履歴 2016.3.31


スライドがサイドからヘッドに切り替わる幅を微調整しました
既にカスタマイズを行われており再DLが困難な方は Ctrl+Fキー検索

var x=854

赤数字の854を 855 に変更してください
お手数おかけします よろしくお願いします


--------- 以下本文



FARM heroes 752レベルで完全にツミ状態のあきらでございます (´・ω・`)


らいふ いず emoji
私のテンプレでは定番スタイルとなっております サイドメニュー右固定



仕様
・サイドメニュー 背景スライド
・サイドメニューのスライドは画面縮小(デバイス変更含む)でヘッダーに移動します
・サイドメニューはスマホのみ左からスライド
・トップページ以外は記事を探しやすいリスト表示
・カスタマイズのガイドは 注) でCtrl+Fキー検索してください


お受けできないご質問・ご相談(申し訳ございません 自己責任・自己努力でお願いします)
・サイドバーの形状変更
・トップページの表示タイプ変更(全文表示から要約表示へ変更 など) 及びリスト表示の変更
・レスポンシブを固定幅化
・カラム数やサイドバー位置変更



背景スライドの画像変更


全体画面幅が大きい時は右サイドに固定されたメニュー内に表示されます
ブラウザ縮小854px以下でヘッダー背景に変更になります

デフォルトではサイド・ヘッダーそれぞれに同じ画像を4枚づつ入れてありますが
別々の画像を設定することも可能です

注)サイドバー用画像

注)ヘッダー用画像

対象箇所は上記の通りです
枚数の増減も可能です
カンマの有無や位置などに気をつけながら作業してください
また 背景上には黒の半透明マスクをかけてあります
文字を読みやすくするための処理です


------- 追記 2016.3.29


★スライド画像上の黒マスクをもっと濃くしたい方★

まだテキストが見辛いのでもう少し黒マスクを強くしたい という場合の対処
Ctrl+Fキー検索

background-image: url(//blog-imgs-88.fc2.com/v/a/n/vanillaice000/overlaytransblack.png);


上記文字列が CSSソース内に2箇所 あります
一つ目がサイドバーのマスク 二つ目がヘッダーのマスクです(別々で調整可能です)
その2箇所を以下の通り修正(コピペでどうぞ)


background: url(//blog-imgs-88.fc2.com/v/a/n/vanillaice000/overlaytransblack.png) left top rgba(0,0,0,不透明度);


緑色の部分は例えば「不透明度0.5」の場合には
rgba(0,0,0,.5)
という書き方で 小数点以前はできれば省略します(こちらが推奨)
混乱する・覚えられない という方は
rgba(0,0,0,0.5)
と書いてもOKです

「透明度」ではなく透明度」ですので
数字が1に近いほど黒が濃くなり 0に近いほど薄くなります
調整の際には 0.1 設定から始めると良いかと思います


-------- 以下本文



サイドメニュー(プラグイン)のサイズについて


サイドメニューのプラグイン横幅限界値は 260px です
超過しないサイズ設定をお願いします



サイドメニューの折りたたみ解除


プラグインの展開を解除したい方はCtrl+Fキー検索

注)サイドバープラグイン展開解除

2箇所出てきます(CSS内, html内)
それぞれガイダンスに従ってください



ドミナントカラー(主題色)とパレットカラー(副題色)


rgb(51,51,51)
 文字色, コメント欄名前横ボーダーのデフォルト色 など

rgb(110,205,212)
 リンク色, ページ送り, カレンダー など

rgb(87,119,47)
 コメント SENDボタン ホバー色

rgb(175,70,107)
 コメント DELETEボタン ホバー色

white
 サイドメニューデフォルト文字色(リンク含む/ ブラウザ縮小時は rgb(51,51,51))

rgb(247,247,247)
 全体背景色


変更されます方は 数字の部分だけを抜き出して Ctrl+Fキー検索されますと
不透明度設定つきのものも含め全て出てきます
例) 51,51,51



No image画像変更


● カテゴリ, タグ, アーカイブ, 検索 の4種ページで表示されるもの(全4箇所) W300✕H200

//blog-imgs-88.fc2.com/v/a/n/vanillaice000/noimage300life.jpg

no image


● 新着サムネイルで表示されるもの(全1箇所) W130✕H130

//blog-imgs-88.fc2.com/v/a/n/vanillaice000/noimagelife.jpg

no image


それぞれ同じサイズのものと差し替えをお願いします



訪問者コメントと管理人コメントを分ける方


サンプル ↓




.name管理人ハンドルネーム {
  border-left: 6px solid カラーコード;
}

上記をCSSソース末尾追加します
管理人ハンドルネーム の部分は普段コメント欄でお使いのお名前に置き換えてください
カラーコードは rgb(●,●,●) の10進数 #●●●●●● の16進数どちらでもOKです

* この方法をお使い頂けないハンドルネームの方 *
・文字列中に「-」(ハイフン)「_」(アンダースコア) 以外の記号(全角・半角スペース含む)






あとは特に... (´・ω・`)
ご質問 不具合のご報告お待ちしてます(笑)
みなさんいつもありがとうです emoji



-------------- コソっと追記


レスポンシブでお使いの方
コメント時に苦労されてますよね (´・ω・`)
なんの苦労かは察してください(笑)
今回実験的な申請をしてみようと思います
なのでリジェクト食らう可能性あります ←
リジェクトされたら修正して再申請します(笑)
(この件へのご質問は受け付け致しかねます ごめんなさい えと なんとなく察してください(笑)
当ブログをスマホで閲覧 → コメント
して頂けると意味がわかると思います)



----------- 2016.3.16 追記


"水・木あたりに審査があるかなー と思っておりましたが
本日行われました
んで 申請してません(笑)
ちょっとまだDecoyリリースから間なく ワンクッション置きたかったものでー(´・ω・`)

審査を通過し配信中でございます
関連記事

Comments 106

There are no comments yet.
Amane  
はじめてコメントします

こんばんわ。Amaneと申します。
Decoyに一目惚れしてお礼を言いに来たらこのテンプレート!!
すごい好きな感じです〜〜〜!
Akiraさんの作品は迷ってしまいますね(⌒-⌒; )
私のブログは女装子のブログなんです(はいっ戸籍上は男ですww)が使用してもいいのでしょうか?
Girl on wireからもう使ってますw
不快に思われたらすみません!

2016/03/09 (Wed) 23:30 | EDIT | REPLY |   
Akira  
To Amaneさん

不快感など全く無いですよ。
ありがとうございます
存分にお使いください(笑)

2016/03/10 (Thu) 09:44 | EDIT | REPLY |   
奈々緒  
コピペでしかコメできません;

Mac Os10.6.8 で Safari 5.5.10なんですがコメントを打とうと文字を入れるとトップページに移動しちゃうバグあります。このテンプレ是非使いたいのでコメント欄のバグ修正お願いします。

2016/03/10 (Thu) 13:26 | EDIT | REPLY |   
-  

Sarariからコメントテスト
テスト

2016/03/10 (Thu) 13:31 | EDIT | REPLY |   
Akira  
To 奈々緒さん

このテンプレというのはこのテンプレですよね。
(なんやそれ(笑))
Life-isのことです。

今Sarafiからコメントしておりますが(上の名無しコメントは私です)、問題なく入力できております。
私の環境は
OS X El Capitan(10.11.3)
最新Safariです。

んー。なんでやろ

2016/03/10 (Thu) 13:34 | EDIT | REPLY |   
Akira  
To 奈々緒さん

現在の最新Safariが9.0.3ですので、バージョン5というとかなり古いですよね。
基本的にサポートとしてはリリース時点での最新版とその一つ前まで、ということでお願いしております。
AppleによるSafariのサポートも最新版のみ、ということになっております。
つきましてはブラウザアップデートをお願い致します (*_ _)

2016/03/10 (Thu) 13:37 | EDIT | REPLY |   
ゆっこ  
Ivoryを使っています

修正版をありがとうございました。
DLして今使わせて頂いてます。
さて、こっちのテンプレートも使いたくて見に行きましたが見当たりません??
どこでDLできるか教えてもらえると嬉しいです。

2016/03/10 (Thu) 13:59 | EDIT | REPLY |   
Akira  
To ゆっこさん

こちらのテンプレはまだ承認されておりませんですー。
もっと言うとまだ申請してないです。すみません(笑)
動作確認をもう少し致しましてから申請、という流れでございます。

2016/03/10 (Thu) 16:52 | EDIT | REPLY |   
ゆっこ  
ありがとうございます。

そうだったんですね!
はやとちりしてしまいました笑
追記のことわかりました。
iPhone5からコメントです。
そうなんですよ、困っていたんです笑
ivoryすごい気に入っていてずっと使ってたんですが、このテンプレートも待ち遠しいです!

2016/03/10 (Thu) 23:01 | EDIT | REPLY |   
Akira  
To ゆっこさん

申請通るかなー (´・ω・`)
ともかく出してみますね (´・ω・`)
ゆっこさんはiPhone5でしたか。
私もいい加減6Sに変更したいけど、ショップに行くのがめんどっちい ←
すぐ近くにあるのに(笑)

2016/03/11 (Fri) 10:10 | EDIT | REPLY |   
てんてん  
はじめまして

いつも素晴らしいテンプレートをありがとうございます。
StoicのブルーをDLさせて頂きヘッダーのグラデが綺麗だな〜と思いながら愛猫の画像を設定したくなってきて、お手数でなければお時間のある時に教えてください。
いきなり図々しいお願いですがよろしくお願いします><

2016/03/14 (Mon) 21:29 | EDIT | REPLY |   
KANA  
このテンプレート

承認が待ち遠しいです。
使わせてもらうこと前提で予約します(笑)
いつもデザイン力や発想力に感心しています。
これからも素敵な作品を期待しています。

2016/03/15 (Tue) 10:18 | EDIT | REPLY |   
Akira  
To てんてんさん

ありがとうございます

Stoicのページはこちらです ↓
http://vanillaice000.blog.fc2.com/blog-entry-312.html

記事内にやり方が記してありますのでご参照くださいね。

2016/03/16 (Wed) 10:47 | EDIT | REPLY |   
Akira  
To KANAさん

ご予約ありがとうございます(笑)
嬉しいお言葉も頂きました。
励みになります (●'0'●)/

2016/03/16 (Wed) 10:51 | EDIT | REPLY |   
Amane  
No title

見に行ったら出ていなかったので心配しました〜
却下されたのかと思って焦りましたv-12
今使っているDecoyもGirl on wireもOpenもValpasaisoも全部お気に入りだから週単位で使わせてもらおうかとw
おとなしく待っていますね〜〜

2016/03/16 (Wed) 14:20 | EDIT | REPLY |   
Akira  
To Amaneさん

今公開するとサポート厳しいと思ったもんですから、すみませんです (´・ω・`)
今週末あたり出そうかと。
一応この次のテンプレも既に出来上がって微調整中です ( ゚Д゚)ノ

あんまりコロコロ変えても閲覧者さんは戸惑うかもしれませんよ ^^;
適度にお願いします。
ありがとうございます

2016/03/16 (Wed) 15:17 | EDIT | REPLY |   
Amane  
To Akiraさん

今見に行ったらDLできました〜!設定したらやっぱり可愛いですっ!
コロコロ変えるのはほどほどにしますねw
いつも素敵なテンプレートをありがとうございます!

2016/03/25 (Fri) 20:57 | EDIT | REPLY |   
Akira  
To Amaneさん

公開遅くなりました (*_ _)
ありがとうございます

2016/03/26 (Sat) 03:55 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2016/03/26 (Sat) 08:28 | EDIT | REPLY |   
園田優子  
こんにちは。はじめまして。

テンプレートをいろいろ検索していてたどり着きました。
いきなりの質問で申しわけありません。
こちらで提供されているテンプレートはFC2ブログ専用でしょうか?
wordpressで利用は可能でしょうか?
このスライドショーのテンプレートと今こちらのサイトに使われているテンプレートを是非使わせて欲しいと考えています。
FC2ブログを開設したら使えるでしょうか?
またどこでダウンロードできるかも教えてください。
いろいろ質問して申しわけありません。

2016/03/27 (Sun) 16:37 | EDIT | REPLY |   
きろろ  
とてもアホなことをうかがいます(>_<)

Akiraさん……

今更、何を訊くんだ? と笑わないでください(ё_ё)

えーと、このテンプレートなんですが。

カテゴリ, タグ, アーカイブ, 検索 の4種ページで表示されるもの(全4箇所)
新着サムネイルで表示されるもの

の画像を差し替えると説明されているのですが……

差し替える場所はわかりますし、差し替え方もわかるのですが……
イメージがわからないです(ё_ё)

公開されるまで、ちゃんと見て来たはずなのに……


新着サムネイルって自動取得ではないのでしょうか?

カテゴリ, タグ, アーカイブ, 検索 の画像は4枚別々のものが必要なんでしょうか?
差し替えてみたのですが、何も変わらないのです。

サンプルのようなサムネイル表示にならないしe-141e-140

お勉強したいのでよろしくお願いします<(_ _)>


それから、リクエストなのですが……

2カラムのテンプレートで
このテンプレートで言うと『最新記事』をアイキャッチ? を
つけられるテンプレートをリクエストしたいのです。

具体的にどんな感じと言われますと……

http://wp-simplicity.com/ の最新記事みたいなテンプレートなんですが。

FC2では無理なんでしょうか?

偶然見かけて、そう言えばAkiraさんのテンプレートでGirlOnWireの下に
アイキャッチ風のサムネイルがついていましたよね?

下ではなくてサイドにつけたら、どうかな? と思ったわけです。

ご検討くださいませ。

もちろん、FC2では無理と言うことであればあきらめますので<(_ _)>

2016/03/28 (Mon) 00:31 | EDIT | REPLY |   
Akira  
To 新着サムネイルの件 内緒さん

お返事大変遅くなりました (*_ _)

> No imageテキストの件

こちらは簡単にできます。
ですよねー (´・ω・`)
ちょっと不親切でしたね。
今までのものはそのままでお許し頂くとして、次回申請予定のものから画像編集なしでできるように修正しておきます。

> 新着サムネイルスライド

これもできると思います...。
ってゆーか、今やってみたらできました(笑)
こちらも次回以降ということでお願いします。
今日・明日ちょっと時間が取れませんので明日以降調整したもの(まだ試作として)を現テンプレで表示してみます。
少しお待ち下さい。
ありがとうございます

------ 追記

明日時間が取れそうにないので今設定しておきました。
ちゃんとした調整はまだしていませんが、こんな感じでどうでしょうか。
トップページ1ページ目は全く同じ内容ですからわかりにくいので、2ページ目以降での確認をお願いします。
(元の円形にすることも可能です。円にし忘れただけ(笑))
あと今リンク設定がずれてますのでこちらも修正します。
ともかく概要だけということでー!

2016/03/28 (Mon) 00:33 | EDIT | REPLY |   
Akira  
To きろろさん

とりあえず今時間がないもので取り急ぎのお返事です。

新着サムネイルをサイドバーに表示する、という意味ですかね (´・ω・`)
そういうタイプのテンプレートもありますよ。
Fieldsとかそうです (´・ω・`)
ただサイドバーに移動させるだけです。

http://blog-imgs-88-origin.fc2.com/v/a/n/vanillaice000/Fieldsmin_top1.html

--------

「新着サムネイル」と通常の「FC2サムネイル」とは別のものです。
新着記事の取得はFC2内ではできませんので、一旦外部へ配信されたRSSから再度情報を取得して取り込む(xmlのパース)という作業で以って実現しています。
ですから別で扱う必要があります。
FC2サムネイルはFC2の変数で以って取得できます。

新着サムネイルの方はブログ個人設定が済ませてないと表示できませんので、記事内のリンク先をご参照くださいませ。

んで、差し替えるのはNo image画像を変更したい方だけです。
記事内の然るべき箇所に画像が存在しているのであればそれを表示します。
あくまでも記事内の条件に見合う箇所に画像が存在しない場合の「No image画像」の差し替えの変更説明です。
カテゴリを含むいくつかの特殊なページでのNo image画像 = FC2変数で表示
新着サムネイルでのNo image画像 = RSSパースで表示
鍵つきブログの方はGoogle APIから情報の取得不可ですので表示できません。
(注訳として鍵つきの方は削除をお願いしています)

また明日以降きちんとお返事しますね(Chromeバグの件も含め)

2016/03/28 (Mon) 00:39 | EDIT | REPLY |   
Akira  
To 園田優子さん

ありがとうございます

私のテンプレートはFC2限定でございますー。
FC2独自変数を利用していますので、FC2のみです。
ごめんなさいね。

そしてLife-isのDLリンクをつけていませんでした ( ̄∀ ̄;)
FC2公式でDLできますが、ちょっと今時間ないので明日以降また参ります。
現在設定中のものは次回申請予定でまだ微調整中です。
よろしくお願いします。

2016/03/28 (Mon) 00:42 | EDIT | REPLY |   
moon  
To Akiraさん

仕事の早さと技術力に驚いています。
絶対断られる思っていたので感激です…>_<…
本当に本当にありがとうございます。
申請楽しみにしていますね!

2016/03/28 (Mon) 02:46 | EDIT | REPLY |   
きろろ  
申し訳ございません(>_<)

よーく理解できました(>_<)

ごめんなさい、よく読みもしないで・゚・(つД`)・゚・ ウェ―ン

「新着サムネイル」と通常の「FC2サムネイル」とは別のもの……
なるほど、一緒だと思っていました。


画像変更の件も理解できました(>_<)
ほんっと、今更そんなことを聞くなと起こってくださいませ(T-T)

ありがとうございます<(_ _)>

2016/03/28 (Mon) 16:25 | EDIT | REPLY |   
きろろ  
連投で申し訳ございません

FieldsのWaht newも鍵付きだとサムネイルが
表示されないということでよろしいでしょうか?

うーーん、きろろ、この頃リアルに忙しすぎて
日本語の読解力がおかしいのかもe-141e-140

2016/03/28 (Mon) 16:38 | EDIT | REPLY |   
園田優子  
お返事ありがとうございます。

無事に開設でき、テンプレートも設置できました。
素敵だと思うものはAkiraさんのものばかりで・・・
このテンプレートはまだ配布開始していないんですね。
楽しみに待つことにします。
今後ともよろしくお願い致します。

2016/03/28 (Mon) 23:08 | EDIT | REPLY |   
Akira  
To moonさん

こんな感じでイメージ合ってましたでしょうか (´・ω・`)
フェイドエフェクトにしようかとも思いましたが、CSSだけで実装したかったので辞めました
(説明は省きます(笑))

2016/03/29 (Tue) 00:38 | EDIT | REPLY |   
Akira  
To きろろさん

> Fieldsでも鍵つきは〜

はい。そういうことでございます (´・ω・`)
それにはちゃんと理由がありますのでご説明しますね。

先ほど別ページのリコメで「ajax」について触れました。
RSSからサムネイルを含む情報(タイトルや日付や文章要約)を取得するには
・Google feed APIを利用する
・Jqueryのajax method(えいじゃっくす めそっど)を利用する
大きくこの2つの方法があります。

これらを利用するために必須なのは「フィードのアドレス」です。
フィードというのはRSS配信データのことで、これを誰が作成するかというと
FC2が自動で作成してくれます。
その変数は
<%url>?xml

<%url>の部分は各ユーザーのブログアドレスが入りますので、テンプレ製作者が事前にテンプレ内容として入れておけるのはこのためです。
(利用者所有ページのアドレスに自動で置き換わってくれるから)

言い換えると
ブログアドレス?xml
これがわかればユーザーのRSSフィードがわかる(読むことができる)、ということでもあります。

鍵つきブログにする理由というのは
第三者からの閲覧を制限したい
というのが主な目的ですよね。
なのにアドレスの後ろに
?xml
をくっつけてパースのためのJSを書いただけで他のブログに掲載できる、となったらこれは大問題です。
ですから鍵つきブログからRSSが取得できない、というのは正しいというか妥当。

別の方法のxmlパースでは鍵つきでも情報を取得することができますが、
ページのアドレス(ドメイン)とパース用JSに記載されているドメインとが一致しない場合には掲載できません(実現する方法はありますがここではスルー)。

で、やっぱり「RSS」と「非公開」は繋げるべきではないと思いますので、敢えてGoogle APIの仕様に則った使い方をして頂くようにしています。

以前にGoogle APIが一時的に廃止されたことがあり、新着サムネイルが非表示になったことが。
その際にajax methodへ書き換えをしてしまったのですが、復旧した現在ではそちらの使用は控えています。
FC2が時系列新着のURL変数とサムネイル取得を実装してくれたら
公開・非公開に関わらず、またRSSとの繋がりも無関係に表示できるようになるんですけどもね。
そのうちやってくれるとは思います。
たぶん、そのうち(笑)

2016/03/29 (Tue) 00:49 | EDIT | REPLY |   
Akira  
To 園田優子さん

ご丁寧にありがとうございます
はい。こちらこそよろしくお願いします

2016/03/29 (Tue) 02:07 | EDIT | REPLY |   
きろろ  
?xml がわかりましたw

大ぼけでございました(>_<)

確かにRSSを取得するのにブログアドレスの一番最後に?xml がついておりました!
で、それをブログ村で登録しておりましたよw

すっかり失念しておりました(>_<)

鍵をつけていたら、確かにRSSを取得できるわけがないe-443

いやはや、鍵をつけてからかれこれ1年経っていたので、
すっかり?xml の意味を忘れておりました。

以前はブログ村などに登録していたので、
RSSを取得するために、ブログアドレスのお尻に?xml がついた
アドレスを見たことがありました。

ご無理ばかり申しまして、すみませんでした(>_<)

大丈夫です! サムネイルがなくても問題はありませんe-2
GirlOnWireとか、Akiraさんのテンプレートは素敵なデザインばかりなので
現状で十分ですe-68

丁寧に説明していただいてありがとうございました<(_ _)>

2016/03/29 (Tue) 03:29 | EDIT | REPLY |   
minu  
背景スライドを暗くするには

はじめまして。
Life-is使わせていただいています。

自分のタブレットでもとても美しくて
見やすくて、気分が上がります!
ありがとうございます!

質問なのですが、
背景スライドをもっと暗くする方法は、
あるんでしょうか。

黒の半透明マスクで変えればいいのかなぁと
思ってcssのmask-containerあたりを見たのですが
どう変えればいいのかわからず、で手付かずです。

差し替えた背景画像がどれも明るかったようで、
試しに、文字をもっと目立たせてみたいのです。
文字が多いのはサイドバーですが、
ヘッダも揃えて暗くしたいです。

それか、背景なんだからはじめから暗くしときましょうよ、
というほうが普通なんでしょうかね…?
わかってなくてすみません…

2016/03/29 (Tue) 10:13 | EDIT | REPLY |   
Akira  
To きろろさん

現状のFC2だと時系列(新着)のサムネイル自動取得はRSSに頼るしか方法がないもので (´・ω・`)
ただ二つ目の方法を採用すれば鍵つきでも表示できますよ。
私のテンプレだと書き換えを行った TheCity と他数点は鍵つきでも表示されます。
Google APIを利用した方が安心で簡単なんですよね (´・ω・`)
どうしてもということであればajax methodで書く、というのが解決法です。
ただし表現(CSS整形)に多少の制限が出ることも。

いずれにしろ新着サムネイルはテンプレートの主旨ではありませんので、実装できそうな時のみmethodを使うようにしようかな と思います(笑)
(現在設定中のテンプレはGoogle APIを利用しています。参考までに)

2016/03/29 (Tue) 15:20 | EDIT | REPLY |   
Akira  
To minuさん

ありがとうございます

お手数おかけしております。
マスクの調整の仕方を追記しておきましたのでご参照ください。
画像の方に編集を加える必要はありませんので、記事内容を辿りながらCSSで調整してみてくださいね。
わかりにくい点がございましたらお気軽に。
よろしくお願いします

2016/03/29 (Tue) 15:22 | EDIT | REPLY |   
minu  
To Akiraさん

マスクの調整、できました!

backgroundとマスクを調べてみて、勉強になりました。
もしかして、知られた(?)方法だったようで、余計なお手数をおかけしたんじゃないかという気がします…(;´Д`)
お忙しいところ、ありがとうございました!

伺った後、overlaytransblack.pngのアルファを変えると何か変わるのかなぁ、フォトショ無くても作れるかなぁ、とネットをぐるぐるして試してみましたが、ぜんぜんうまくいきませんでした(笑)

2016/03/29 (Tue) 18:51 | EDIT | REPLY |   
きろろ  
ありがとうございます

ご心配には及びませんw

Google APIを使ったほうが簡単なのは
理解できました<(_ _)>

鍵付きにしているので、無理は申しませんのでw

どうしてもと言うわけではないので、ありがとうございました<(_ _)>

2016/03/29 (Tue) 20:44 | EDIT | REPLY |   
Akira  
To minuさん

overlaytransblack.pngは画像ですー。
薄い黒の画像。
ここを例えば半透明のドット画像などに変更されますと、また違った顔になりますね (´・ω・`)
お試しで私の手持ち画像で遊んでみてください。

http://blog-imgs-88.fc2.com/v/a/n/vanillaice000/overlay06.png
http://blog-imgs-88.fc2.com/v/a/n/vanillaice000/overlay07.png
http://blog-imgs-88.fc2.com/v/a/n/vanillaice000/overlay04.png

あんまり良くないですけどもね。
いやもう全然良くないです(笑)
人間の目の錯覚でチラチラするんですよね (´・ω・`)
やってみて気に入るものがあればDLされましてご利用ください。
やってみなくてもOKです(笑)

作業お疲れ様でした

2016/03/30 (Wed) 01:21 | EDIT | REPLY |   
Akira  
To きろろさん

はい。この件はこれで終了で
お疲れ様です

2016/03/30 (Wed) 01:22 | EDIT | REPLY |   
swapout99  
タイトルリストページの Pager について

はじめまして。Life-is をありがたく使わせていただいています。素敵なテンプレートをありがとうございます。

一つ質問なのですが、Life-is で使われている Pagenation (Pager) に当方で手を入れることはできますでしょうか?

私のブログは記事数が多いので(900ほどあります)、これまで Titlelist ページにも Pager を設置してきたのですが、Life-is で使われている Pager は Titlelist ページに対応していないようで (ページ送りのみのようですね)、泣く泣く手製のシンプルな Pager に差し替えて使っております。

用件ばかりで恐縮ですが、よろしくお願いいたします。

2016/03/30 (Wed) 10:08 | EDIT | REPLY |   
minu  
To Akiraさん

わーありがとうございます、試してみますー
模様が出るのでしょうかね?
楽しみです!

2016/03/30 (Wed) 14:04 | EDIT | REPLY |   
Akira  
To swapout99さん

ありがとうございます
そしてご面倒おかけしております。

ページ送りの件ですが、
FC2全記事ページ(titlelist)はちょっと特殊なものになっておりまして。
準プラグイン扱い、って言うんでしょうか。
FC2変数でページ単位のURL取得ができないんですよね (´・ω・`)
一番困るのは記事を削除したりなんかすると狂っちゃうんです。
.html?p=
これがarchiveのSuffix(URL末尾)になりますが、複数ページに渡る(100件を超えている)にもかかわらずsuffixが付かないことも。
現状だとちょっと実装は厳しいです。
ページエリアとして認識されればまだ手もあるんですけどね (´・ω・`)
例)archive?<FC2変数>.html
こうなってくれると簡単にできるんだけどなー。
(例の中のFC2変数は存在しません)

Life-isで使用しているページャーをそのまま、というのではなく、今既に設置されておられますものをご利用頂いた方が良いのではないかと思います。
ちゃんと送りが機能しているようですし。
あとはCSS整形の問題かな と。
もちろん流用してのカスタマイズは自由にして頂いて構いません。
お役に立てず申し訳ございません (*_ _)

2016/03/30 (Wed) 14:56 | EDIT | REPLY |   
Akira  
To minuさん

一般的によくオーバーレイとして使われる画像でなんのひねりもありません(笑)
そしてやっぱり見辛いと思います ←
お試しの意味だけで ( ̄∀ ̄;)

2016/03/30 (Wed) 14:58 | EDIT | REPLY |   
swapout99  
Pagerにつきまして

ご返答ありがとうございます。
なるほどページがずれちゃうことがあるのですね。気がつきませんでした。
こちらのpagerはページがロードされるごとに全ページを数えなおしているので、気がつきませんでした。汗

CSSを工夫してみます。ありがとうございました。

2016/03/30 (Wed) 16:20 | EDIT | REPLY |   
Akira  
To swapout99さん

恐れいりますー (´・ω・`)
リクエストに挙げようと思ったら既に他の方が出してくださってました。
なんとなく中途半端な仕様ですよね。

こちらこそありがとうございます

2016/03/30 (Wed) 18:44 | EDIT | REPLY |   
minu  
スライドの不具合? To Akiraさん

こんにちは。

不具合なのかなー??というものを見つけてしまったので
一応ですがご報告します。2点。
どちらも操作ができなくて困るとかでは、ありません。
本当にお時間のあるときに見ていただければ幸いです。

Windows版Chrome49.0.2623.87 m

1)パソコンでブラウザの横幅を狭くしていくと、
サイドバーが残って、背景画像だけヘッダーに出てしまうときがあります。
930px前後?
カレンダー以外のプラグインを全部外しても同じでした。

2)しばらくサイトをうろうろしてから?放っておくと
画像が入れ替わるタイミングが、何だかバラバラになっていることがあります。

画像を4枚指定していますが、
その入れ替えの組が他に何本もあるような感じに見えます。
いま何かふわっとしたけどやっぱり消えたな、
みたいに見えることが多いです。

2016/03/31 (Thu) 18:12 | EDIT | REPLY |   
Akira  
To minuさん

お手数おかけしております。

まずサイドバーに
たぶんそれ854pxで起こると思います。
Chromeは奇数幅で幅を1px誤認識するバグを持っていて、そのhackをちょっと外した方が良いみたいです。
こちら修正版出しますね。
すみません。

で、画像がおかしくなるっていうんでしょうか、切り替わりが早くなるというか変になる件。
こちらはジリジリを少しづつゆっくり幅を変更した際に起こります。
ジワーっと幅が変更される、というのを想定していませんので、こちらについてはごめんなさい(笑)
ススっと普通に変更してもらうと問題無いと思います。

既にカスタマイズを行われてますよね。申し訳ないです。
Ctrl+Fキー検索(htmlソース内)

var x=854

この854を855に変更をお願いします。

2016/03/31 (Thu) 23:20 | EDIT | REPLY |   
minu  
To Akiraさん

早速ありがとうございます!

855に、とりあえず、しました。
その2の切り替わりが変になるの件のみですが、
取り急ぎご報告しますと、タブレットのChromeで
アドレスバーフリックで左右タブの切り替えとか、
普通に上下スクロールとかをしていても
起きるときは起きていたみたいなんです。

じりじりでもなく普通の操作だったと思うので、
どうしても気になってしまいそうなら背景は置くけど
スライドを外そうかなぁと考えています。

2016/04/02 (Sat) 20:37 | EDIT | REPLY |   
Akira  
To minuさん

ご迷惑おかけしております。
> Chromeで〜
とお書きになられていますのでAndroidOSのタブレットだと仮定して調べてみました。
これだと思います ↓

> Testing on latest Chrome and Chrome Beta on Android 4.4. Everything works except when the browser transitions from displaying to hiding the address bar. During the scroll, you will get a white rectangle at the bottom of the screen because the browser is scrolling the document content upward during the address bar hide function before a resize can be called. I believe this is a Chrome problem, because I have tried manually adjusting the image size to compensate for the size of the address bar within the resize function. This method works on the latest version of Safari for iPhone/iPod. Any work around for this known on Android?

アンドロイド4.4 最新Chromeでテストしたところ、アドレスバーが非表示の時以外は問題なく表示されているようだ。
スクロール中はブラウザの下部に三角マークが出ています。
これはアドレスバーの非表示中でリサイズ機能が呼び出される前ににコンテンツを上方向にスクロールしているからです。
これはChromeの問題だと思います。
何故なら〜 ここからこのコメント主が行った動作検証と、iOSデバイスでは起こらないという事実を記してあります〜

https://github.com/srobbin/jquery-backstretch/issues/188

これたぶんChromeというよりもAndroidの「z-indexネガティブ(マイナス値)の認識がビミョー」というグリッチではないかと (´・ω・`)
(Android端末のSony Xperiaが顕著です)
私の所有デバイス・動作検証ができるデバイスとしては
・iPhone5S (iOS7.1.2)
・iPhone6 (iOS9.3)
・iPad Air (iOS9.3.1)

これらは何も問題もありませんので、私の方で確認できないんです。
ごめんなさい
iOS, Kindle等 --- 問題なし
AndroidでもGalaxyでは上手く動作するようです。


うーん。Galaxyでは問題ないみたいなんですよね。
Androidなのに (´・ω・`)
(新OSのTizenではなくAndroidの方 Tizenはデータなし)
リリース元のSamsungはAndroidの更新を配布していない、とかなんとか。
ということは古いAndroidなら良いのか?(笑)
いずれにしろAndroid特定機種のバグ、ということですので
仰るとおり背景を一枚に限定された方が良いかもしれません。
恐れいります。

2016/04/03 (Sun) 00:40 | EDIT | REPLY |   
minu  
To Akiraさん

ありがとうございますー!
そうです、Androidでした、
書いておらず申し訳ありませんでした。

数年来この状態なんですね、Androidは…
古いIEがいなくなってからも、やっぱり
ブラウザーとかOSによる困りごとは続いてるんですねぇ。
スライド、外してみます。

いろいろと時間を割いてくださって、
ありがとうございました(ノД`)

2016/04/03 (Sun) 20:50 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2016/04/04 (Mon) 00:16 | EDIT | REPLY |   
Akira  
To minuさん

ユーザーエージェントは常に頭痛の種でございます(笑)
AndoroidはiOSに於けるiPhoneのように使用デバイスが一本化されているわけではないので、機種メーカー毎のバグなんかもあるんですよね (´・ω・`)
Andoroidの端末を私が所有していないってのも問題があるのですけれどもー ( ̄∀ ̄;)
お手数おかけしましてお申し訳ありません (*_ _)

-------

それから、今記事出したんですけど、
私もう一箇所ミスってました (/_;)
(コメントくださった方のご指摘で気付きました)
度々で申し訳ありませんです...。

2016/04/04 (Mon) 00:57 | EDIT | REPLY |   
Akira  
To デバッグの件 内緒さん

ありがとうございます

・ページスクロールボタン
こちらはUAでの振り分けではなくビューポート設定で切り替えています。

・MENU表示有無
スクロール矢印の表示位置の切り替えをトリガーにはしていません。
メニューはサイドバーの頭出しの位置に移動するためのボタンですので、サイドバーがドロワーになった際には非表示にしています。
こちらもビューポートと連動させており、そして記述をミスっております((((笑)
教えて頂き感謝ですー!

内容は今後の参考にもさせて頂きますね。
ありがとうございます

--------

今修正しました。
助かりました。ありがとうございます!

2016/04/04 (Mon) 01:13 | EDIT | REPLY |   
swapout99  
さっそくつかわせていただいております

Akira さま、修正お疲れさまでした
さっそく新しい Life-is テンプレートを使わせていただいております。:D

残る課題は、タブレットの画面を横回転させた場合に、コンテンツペインにサイドバーがオーバーラップ表示されてしまう点ですね。回転直後にいちど、コンテンツペインの拡大表示をリセットできれば、きれいにコンテンツペインとサイドバーが横並びになると思うので、ちょっといろいろ試行錯誤しております。

まだ模索中です・・・

以上、お知らせまで。

2016/04/05 (Tue) 20:26 | EDIT | REPLY |   
Akira  
To swapout99さん

ありがとうございます。

私の環境(iPad air iOS9.3.1 au回線)でswapout99さんのページを確認しましたところ、特に問題なさそうですけれど。
(OSのバージョンによって見え方が違うことはよくあります)
iPhoneはアドレスバー問題もありますので、ちょっと何とも言えないですが (´・ω・`)
iOS9以降はランドスケープで拡大されることはなくなっているかと思います。
バージョンを一度ご確認頂いた方が良いかもしれない (´・ω・`)

2016/04/06 (Wed) 14:39 | EDIT | REPLY |   
swapout99  
なんとなくわかってきました

Safari OK, Firefox NG, Chrome NG ですね。iOS9.3.1 です。

訂正です。Safari NG, Firefox NG, Chrome NG でした。
iPad を Landscape にしてからコンテントペインをピンチアウトすると、拡大されたコンテントペインがサイドバーの下に潜り込んで行ってしまいます。Nexus 7 ではこの問題は起こらないようです。

回避策、考えてみますね。

お騒がせしました :D

2016/04/06 (Wed) 18:30 | EDIT | REPLY |   
Akira  
To swapout99さん

コンテンツをピンチアウトするというのが本件の大前提であり条件なんですか?
サイドメニューはfixed(固定)ですので、拡大すれば当然サイドバーと重なります。
これは問題ということではなくレイアウトの仕様です。
固定した要素がその他要素と連動して同方向ピンチの影響を受けるとレイアウトは崩壊してしまいますので、絶対位置指定の基軸は守るようなシンタックスになってます(ちょっと説明し辛い ^^;)。
(ピンチIN/ OUTは一般的なブラウザで行う「拡大率変更」とは異なります
拡大率変更に該当するのは「ズーム機能」で、各ブラウザの機能設定です)
逆にNexusで起こらないというのが不思議なんだけれども(笑)
swapout99さんにはswapout99さんの理想の状態があるのですね。
お手数おかけします。

2016/04/08 (Fri) 01:57 | EDIT | REPLY |   
swapout99  
タブレットの回転

はい、追い求めていることが若干ちがうのかもしれませんね(汗)

ここでの問題は、ユーザーがピンチアウトした結果、コンテントペーンがサイドバーの下にもぐりこんでしまうことにあるのではなくて、タブレットを横位置に回転したときに自動的に表示倍率が変わってしまった結果、読者の観点で、そこまで目で追ってきた文章の部分がサイドバーの下に隠れてしまう、これをなんとかしたい、ということなんです。なので、ちょっとLife-isのシミュレーターを作りましたので、いろいろ実験してみています。何かお役に立ちそうな発見があるようでしたら、お知らせさせてください。

ありがとうございました。

2016/04/08 (Fri) 07:58 | EDIT | REPLY |   
Akira  
To swapout99さん

自動的倍率が変わる、というのが私の環境で確認できないんです。
カスタマイズ前のデフォルト状態でもなりますでしょうか。

ChromeについてはPC版サイトリクエストを行っている・いないで表示が変わります。
iOS Chromeはかなり癖がありますね。

ちょっと今ソース確認の手段がありませんけれど(宿泊先)、サイドメニューの横幅を変更されてますよね。
その際にサイドバー幅以外に変更必須な箇所がいくつかあるのですが、そちらがどうなっているかというのも気になります。
(現在オーバーフロー(コンテンツ超過)しています)
検証する術がないものでこんなお返事ですみません(笑)

2016/04/08 (Fri) 08:52 | EDIT | REPLY |   
swapout99  
恐縮です

おいそがしいところ、おつきあいいただき恐縮です。

はい、挙動に疑問がある場合はオリジナルのLife-isに戻って動作を確認しております。縦位置で全体表示をさせてから回転した場合と、いったん横位置で全体表示をさせてから縦位置に戻したうえで横位置にした場合でも、動きが若干ちがうようです。いずれにせよ手持ちのiPad mini2で再現性は100%ではないものの十中八九、再現しております。viewportの設定でshrink-to-fit=yesが名前のとおりの動きをしてくれれば問題は解決しそうなものですが、バグやらなにやらのしがらみがあるようで、こちらの道は厳しそうですね。shrink-to-fit=yesと同じ動作をさせる方向も、模索しております。

いま確認したところ、サイドバー関連についてのCSS側の変更箇所は7か所ありました。あわせてJavaScript側にも変更を入れてます。いちおう変更管理をしているつもりなのでいつでも変更は戻せるようには、しております。

こちらでもまだ調査すべき点が多々ありますので、放置プレイで結構です。なにかお役に立ちそうな情報が手に入りましたらお知らせさせてください。

2016/04/08 (Fri) 12:47 | EDIT | REPLY |   
Akira  
To swapout99さん

iPad 「mini」でしたかー ( ̄∀ ̄;)
miniはちょっと特殊なんですよね。
私どこかに記事書いたと思うのだけれど。
(コメント欄だったかも)
miniのビューポートにこういった問題があります的な。
どこだっけ。探しきらん... ( ̄∀ ̄;)

shrink-to-fit はブログタイトルとサブタイトルのスライドインを削除すれば不要だと思います。
その際には shrink-to-fit=yes ではなく削除。
ただ元々ちょっとビューポート設定に難ありのminiでshrink〜がどう影響していて、削除するとどうなるかという検証は私の方では叶いません。
申し訳ないです (´・ω・`)

はい。何かありましたらお知らせください。
よろしくお願いします。

--------

http://www.flexfirm.jp/blog/article/359

これが今も続いているのかどうかなんですけれど。
当時これで大変困った記憶があります。
続いてるのかなー... って、続いてるからこうなってるんでしょうね。
たぶん ( ̄∀ ̄;)

2016/04/08 (Fri) 17:09 | EDIT | REPLY |   
swapout99  
iOSにはなにかしらバグがあったらしいですね

治ったことになっていますが、やはりiOS/Mobile Safariにはバグがあったようです。
When the meta viewport tag is set to content="width=device-width,initial-scale=1", or any value that allows user-scaling, changing the device to landscape orientation causes the page to scale larger than 1.0. As a result, a portion of the page is cropped off the right, and the user must double-tap (sometimes more than once) to get the page to zoom properly into view.
いろいろ調べてみると、JavaScriptによる回避策もあるようですが、美しくないですので、Akiraさん向けではないかもしれません。Googleでjavascript on rotate shrink to fitで検索をかけると、いろいろ出てきますので、このうちのどれかをウチのブログサイトに実装することにします。ありがとうございました。

追記します:だいたい希望どおりの動作をするようになりましたです・汗

2016/04/11 (Mon) 17:06 | EDIT | REPLY |   
Akira  
To swapout99さん

お手数おかけしております。

shrink-to-fit=no を使わないとマズい状況に陥ったのはiOS9からですね (´・ω・`)
これAppleが修正したら「バグでした」ってことになりますが、
何も変わらなければもう「仕様」ってことになっちゃいますよね(笑)
それがお前らのやり方か〜 (´・ω・`)(by 芸人のなんとかさん)

iPad2, iPad Airでは現在swapout99さんがお困りの症状は出ていませんので、それを保持した上でiPad mini向けのハックということになるんでしょうかね。
返す返すも申し訳ない(汗)

2016/04/12 (Tue) 07:35 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2016/04/14 (Thu) 23:37 | EDIT | REPLY |   
コムフ=素人です  
初めまして。

今回初めてブログを始めたド素人です(前回コメントテストのみで失礼しました)。Akiraさんのテンプレが魅力的でカスタムはしつつもずっと使っていきたいのですが上手く出来ずいくつか質問させて頂きます。

◆要件ですが「SNSシェアリンク(共有ボタン)の配置や表示」ができません。
症状としては『Pocket』の位置が固定で動かない。
『Google+』はPCだとPocketより前か、はてブの前なら表示されるが、それ以外では表示されない。更にスマホでは一切表示されない。
『tumblr』は一切表示されない。
『LINE』(スマホ限定)Pocketの上なら表示されるが、HOME画面左下隅に記事数分が表示される。更にコメント等が並んだデフォルトの行(段)では表示されない。

作業や確認をしているブラウザはPC[Windows8.1]が「IE 11」で、スマホ[Android:SO-02G XperiaZ3Compact]が「Chrome最新Ver」です。
一度に詰め込みすぎたのか、素人では見当がつかず諦めた方がよいのでしょうか。

※【<ul class="sns-share">】から【 <li>】の間に以下を配置。

<a class="tumblr-share-button" data-color="blue" data-notes="none" href="https://embed.tumblr.com/share"></a>
<script>!function(d,s,id){var js,ajs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://secure.assets.tumblr.com/share-button.js";ajs.parentNode.insertBefore(js,ajs);}}(document, "script", "tumblr-js");</script>

<span>
<script type="text/javascript" src="//media.line.me/js/line-button.js?v=20140411" ></script>
<script type="text/javascript">
new media_line_me.LineButton({"pc":false,"lang":"ja","type":"b"});
</script>
</span>

<div class="g-plus" data-action="share" data-annotation="none" data-href="http://komufu.blog.fc2.com/"></div>

<a data-pocket-label="pocket" data-pocket-count="none" class="pocket-btn" data-lang="en"></a>
<script type="text/javascript">!function(d,i){if(!d.getElementById(i)){var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1";var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js");</script>

<a href="http://b.hatena.ne.jp/entry/http://komufu.blog.fc2.com/" class="hatena-bookmark-button" data-hatena-bookmark-title="東亞食電" data-hatena-bookmark-layout="simple" title="はてなブックマークに追加"><img src="https://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="はてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>


※更にGoogle+より指示のあった以下を</body>直前に設置。

<script src="https://apis.google.com/js/platform.js" async defer>
{lang: 'ja'}

こちらは以上になります。

あといくつか分からないことがあります。
◆swapout99さんのブログを拝見してきたのですが、サイドバーの本来ならスマホでのみ表示されるエメラルド色の「三」様な表示非表示ボタンがPCでも表示されてらっしゃり非常に便利なのでマネしたいのですが、私のカスタム状況でましてや素人では諦めるしかないでしょうか。こちらも可能ならご教授お願いします。

◆広告について。個別記事終わりのテキスト広告以外、FC2アクセス解析(はヘッダー用画像が一段下にズレるだけ。解析は出来てます)などなど一切の広告が表示されません。大変嬉しい誤算なのですが、ちょと心配です。また「Powered by FC2.com」表記もないのですが問題ないでしょうか。

よろしくお願いします。(ヘンテコな趣味ブログに利用してしまい恐縮です…)

2016/04/21 (Thu) 03:15 | EDIT | REPLY |   
Akira  
To コムフ=素人ですさん

えっとですね。
内容が込み入ってますのでひとつづつ(笑)

まずテンプレートに無関係な何かを「追加」する際のお手伝いというのは致しておりません。
申し訳ございません (*_ _)
シェア関連のアイコンについて私の方でできるのは、各社提供のブランドアイコンAPIを利用せずリンクで飛ばす方法のみです。
ブランドボタンを利用される場合には各社それぞれ独自のAPIやプロトコルがありますので、そこは自力でお願いします。
私がやろうと思うと全てのアカウント取得しなければいけないことになりますもので(笑)

デフォルトテンプレートにFBとTwitterが入れてありますが、それと倣った見た目のものになります。
で、どのボタンが必要かというのは
・Google+
・Tumblr
・Pocket
でよろしいでしょうか。
LINEに関しては同サイト内(font awesome)にwebアイコンがありませんので、ご自分で画像を準備して頂くことになります。
日本国内サービスは基本的にfont awesomeでは準備できません。

サンプル
http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/a98r3r3q2o.jpg_zpsyfaprjhc.png


これでよろしければ以下の通り。
Ctrl+Fキー検索

<a href="http://twitter.com/intent/tweet?url=<%topentry_link>&text=<%topentry_title>" target="_blank" title="Twitterでつぶやく">
<div>
<span class="fa fa-twitter fa-fw"></span>
<span class="fa fa-twitter fa-fw"></span>
</div>
</a>

全体コピーで検索しても改行がありますので出てこないと思いますので、
どこか部分的に拾って検索してください。

この直下に以下を追加。

<li>
<a href="https://plus.google.com/share?url=<%topentry_link>" target="_blank" title="Google+でシェアする">
<div>
<span class="fa fa-google-plus fa-fw"></span>
<span class="fa fa-google-plus fa-fw"></span>
</div>
</a>
<li>
<a href="http://www.tumblr.com/share/link?url=<%topentry_link>&name=<%topentry_title>" title="Tumblrでシェア">
<div>
<span class="fa fa-tumblr fa-fw"></span>
<span class="fa fa-tumblr fa-fw"></span>
</div>
</a>
<li>
<a href="http://getpocket.com/edit?url=<%topentry_link>&title=<%topentry_title>" target="_blank" title="Pocketに保存">
<div>
<span class="fa fa-get-pocket fa-fw"></span>
<span class="fa fa-get-pocket fa-fw"></span>
</div>
</a>


上記を貼り付けたすぐ下には

<!--allow_comment-->

があるはずですので、そちらも目印に。
Pocketは利用したことがありませんが、サイトの特性上シェアではなく保存かな、と思いますので「保存する」というタイトルになってます。

注意)
URL中の & の記号は

&am★p;

と記載してくださいコメント欄では変換されてしまいますので★を入れてあります。
★を削除して5文字です。

これだけだと少し不備があります。
Ctrl+Fキー検索

font-awesome/4.3.0

赤字の部分を

4.6.1

に変更してください。
これはwebアイコンを表示させるファイルのバージョンです。
ここを修正しておかないとGoogle+のアイコンが旧タイプ(小文字の g+)になってしまいます。
LINEのアイコンは私の方で準備できませんが、リンク設定は以下の通りです。

<li>
<a href="http://line.me/R/msg/text/?<%topentry_title><%topentry_link>" target="_blank" title="LINEで送る">
<div>
<span><img src="LINEアイコン画像アドレス"></span>
<span><img src="LINEアイコン画像アドレス"></span>
</div>
</a>


シェアボタンについては以上です。
一旦投稿します。

2016/04/21 (Thu) 10:21 | EDIT | REPLY |   
Akira  
To コムフ=素人ですさん

広告及びヘッダーが下に下る件

FC2のPC版はそもそもほとんど広告がありませんけれども、どの広告のことだろう ^^;
スマホで確認しましたところフローティング広告もちゃんと表示されていますし、PCではフッターの一番下・記事下の2箇所にそれぞれテキスト広告。
これが通常の状態です。
(アダルトジャンルはまた別です)
powered by FC2
の文言は公式テンプレートの著作権はFC2にありますので上記の表示ですが、
共有については制作主の著作ですので製作者の名前とリンクが入っています。
それとも別の場所のことかしら。

ヘッダーが下に下がる現象については、
アクセス解析コードが何種か含まれており、それぞれのコードの間に<br>改行が含まれていること、そして高さを持つdiv要素が含まれていることが原因です。
通常アクセス解析がページレイアウトに影響を与えることはありませんので、コードの再確認及び改行削除をお願いします。

一旦投稿します。

2016/04/21 (Thu) 10:31 | EDIT | REPLY |   
Akira  
To コムフ=素人ですさん

サイドバー形状変更

こちらについても記事内でお願いしています通り、私の方でカスタマイズのお手伝いはできません。
ごめんなさいね。
彼の方はご自分でカスタマイズされており、彼自身の利便を考慮して作成されています。
なので私の方では動作保証もできませんしご紹介もできません。
恐れいります。

2016/04/21 (Thu) 10:36 | EDIT | REPLY |   
コムフ=素人です  
To Akiraさん

込み入って申し訳ありません。とても丁寧な説明で分かりやすく無事にシェアボタンを設置できました。
実はfont awesomeという名称を知らず似たような絵文字ないかなぁなどあれこれ探したりと(無知)、仕方なくブランドアイコンで我慢しようという経緯だったので、お揃いデザインアイコンを教えて頂けてこれ以上なく嬉しいです。
LINEアイコンについては画像挿入まで出来たのですが、高さ調整して他アイコンと揃えたい(少しだけ右下にズレてしまう)のですが、こちらも教えて頂けると助かります。ご面倒でしたら我慢しますので大丈夫です。

他の質問の件については説明不足ですみませんでした。
powered by FC2表記については公式テンプレートと共有テンプレートの著作権の違いを知らなかったもので安心しました。

広告はフッターの一番下・記事下の2箇所のテキスト広告のみが正常に表示されます。PCもスマホも全く同じで変わりありません。アダルト登録では無く通常です。
他のフローティング広告、アクセス解析:ソーシャルタイプのテキスト広告などは一切表示されません。
ホストだからかなと思いログアウトしてみても変わりませんでした。
Akiraさんの方では表示されているということなのでひとまず安心?し、私の状況については特に問題があるわけではなさそうなので改めて調べ直してみますので大丈夫です。

サイドバー形状変更についてはダメ元で質問させて頂いたので、Akiraさんが謝ることではなく、私の方がご面倒なことを聞いてすみませんでした。


FC2アクセス解析は以下なのですが<br>もheightも見当たらずdiv要素もまだよく分からないのでひとまず放置しようかと。
広告タイプは「ソーシャル解析:横表示(表示位置固定なし)」でした。

<!-- [FC2 Analyzer] http://analyzer.fc2.com/ -->
<!-- Tag for http://komufu.blog.fc2.com --><script language="javascript" src="http://analyzer54.fc2.com/ana/processor.php?uid=なにかのID&pid=なにかのID" type="text/javascript"></script>
<noscript><div align="right"><img src="http://analyzer54.fc2.com/ana/icon.php?uid=なにかのID&pid=なにかのID&ref=&href=&wid=0&hei=0&&col=0" /></div></noscript><div style="width:180px;display:inline;"><ol style="text-align:left;list-style-type:none;margin:3px;font-size:10pt;display:inline;"></ol></div>
<!-- [FC2 Analyzer] -->

これを設置するとヘッダーが一行下に改行されてしまいます。
てっきり広告表示スペースなのかなと、他に支障があるわけではないし、気持ち的に引っかかる程度なので放置でも構いません。

今は素敵なシェアボタンが設置できて嬉しい限りです。
色々と失礼な質問もあったかと思いますが、なにからなにまでお答え頂き誠にありがとうございました。ひとまずカスタムも落ちついてきたのでほどほどにして、いよいよ本来のブログを楽しんでいきたいと思います。また何かあった際には助けを求めるかもしれませんが、その時は何卒よろしくお願い致します。

2016/04/21 (Thu) 17:28 | EDIT | REPLY |   
コムフ=素人です  

度々すみません、問題がひとつ解決できませんでした。
tumblrアイコンなのですがクリックしても「HTTP 400 正しくない要求:Web ページが見つかりません」となってしまいました。

tumblr 共有ボタンドキュメンテーション
https://www.tumblr.com/docs/ja/share_button#canonical-url
------
[引用]
正規URL
カスタムボタンを構築している場合(以下を参照)、投稿コンテンツの種類に関わらず、クエリ文字列に正規URLを渡す必要があります。例:
http://tumblr.com/widgets/share/tool?canonicalUrl=http://cats.com

独自のボタンのビルド
サイトのぴったりのボタンを完全にカスタマイズしてデザインしたい場合は、独自のボタンをビルドすることもできます。カスタムボタンはこのURL https://www.tumblr.com/widgets/share/toolでウィンドウをポップアップし、上記で説明した通り、すべての投稿コンテンツの情報をクエリ文字列パラメータとして渡します。

------
とあったのですが理解できませんでした。よろしければお助け下さい。よろしくお願いします。

2016/04/21 (Thu) 18:03 | EDIT | REPLY |   
Akira  
To コムフ=素人ですさん

まずアクセス解析の方から。

FC2のアクセス解析コードが間違っています。
正しい形はこちら ↓

<!-- [FC2 Analyzer] http://analyzer.fc2.com/ -->
<script language="javascript" src="アドレス.php?uid=ユーザーID" type="text/javascript"></script>
<noscript><div align="right"><img src="アドレス.php?uid=ユーザーID&ref=&href=&wid=0&hei=0&col=0" /></div></noscript>
<!-- [FC2 Analyzer] -->

赤太字の部分をよく見ながら修正してください。
そしてGoogle Analyticsのコードの下に空白行を入れないように注意です。
アクセス解析のコードを分ける(ソースの見た目上)ためにGoogleのコードの下で一度 enter/ returnキーを押して空白行を入れていると思います。
ソース内で enter/ return それ即ち<br>改行ですので、一文字分の高さを持つ行が入ってしまいます。

---------

LINEアイコンの高さ揃えは
以下の通り修正してください。
alt属性も入れておいた方が良いと思います。

<li>
<a href="http://line.me/R/msg/text/?<%topentry_title><%topentry_link>" target="_blank" title="LINEで送る">
<div>
<span><img style="vertical-align: top;" src="アドレス" alt="代替テキスト"></span>
<span><img style="vertical-align: top;" src="アドレス" alt="代替テキスト"></span>
</div>
</a>

一旦投稿しますね。

2016/04/21 (Thu) 20:36 | EDIT | REPLY |   
Akira  
To コムフ=素人ですさん

Tumblrシェアですが、私の方からは問題なく投稿できましたよ。

編集画面
http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/afiew9pww3.jpg_zpsikfixxnm.png

投稿済み画面(削除済み)
http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/9rfjew3rf.jpg_zpskiu2kxmc.png

で、私の書いたコードですが、Tumblrだけtarget="_blank"を付け忘れました。
Tumblrはページ遷移や作業が多いので付けておいた方が親切かと思います。
以下の通り修正(<a>タグ部分)

<a href="http://www.tumblr.com/share/link?url=<%topentry_link>&name=<%topentry_title>" title="Tumblrでシェア" target="_blank">

どういった経路でそちらの警告が出されたのかがわかりませんが、シェアを前提にされる方は記事タイトルの付け方に注意してくださいね。
クエリ、というのはURLの末尾にくっついている詳細というか、なんというか。
説明しにくい(笑)
英単語の query = 照会, 問い合わせ
の意味です。
クエリには記事タイトルが入りますので、記号など注意が必要です。

参考(遷移先はこのブログ内のページです)
http://vanillaice000.blog.fc2.com/blog-entry-341.html

2016/04/21 (Thu) 20:47 | EDIT | REPLY |   
コムフ=素人です  
To Akiraさん

毎回ご丁寧に教えて頂きありがとうございます。とっても助かりました。
無事に修正作業が終わりましたので報告します。そしていくつか詳細を伝え忘れており申し訳ありませんでした。
アクセス解析ですが「通常版と高精度版」があり、どちらの場合もAkiraさんの修正により問題が解決しました。公式タグをそのままコピペして使っていたのでまさかコードが間違っているとは思いもしませんでした。

LINE高さも無事に修正できました。alt属性などいろいろと配慮も頂き、お心遣いに感謝しております。

tumblrのリンクエラーですが、当方もスマホでは問題なく繋がったのですが(後で気づき報告出来ず申し訳ありません)、相変わらずPCではエラーとなり、私のPC固有の問題ではないのかということだけでも分かりましたのでこちらで引き続き調べていきます(解決できるか分かりませんが、その際にはご報告した方がよいでしょうか)。わざわざ接続テストまでさせてしまってお手間をおかけしました。

参考の記事タイトル注意は以前読ませて頂いたので対応済みです。その他の記事も大半はまだまだ理解出来ずにいろいろと拝見していますが、それでも他サイトの量産記事より分かりやすくてとても参考になっています。おかげで素敵なブログ生活をスタートできそうです。お忙しい中、長々とほんとうにありがとうございました。

2016/04/22 (Fri) 01:54 | EDIT | REPLY |   
Akira  
To コムフ=素人ですさん

おはおーございます ( ゚Д゚)ノ

400警告はURLに問題がある際に出るものですが、アドレスに問題が無くても出てしまうことはあります。
ブラウザは何をお使いでしょうか。
IEだと納得なんだけれども(笑)
NET Framework 2.0が入っているかどうか確認した方が良いかもしれません。

DL
https://www.microsoft.com/ja-jp/download/details.aspx?id=18129

アジア圏、特に日本は日本語という特殊な言語を扱いますよね。
URL中に日本語などの2バイト文字が含まれる時に400エラーを返してしまう、というMicrosoftのグリッチです。
だけどこれかなり昔に発生したものですので、今どうなのかってのがわからない (´・ω・`)
あとはIEだとしたらActive X関連のセキュリティでブロックされているのかも。
(Microsoft EdgeはActive Xを利用していません)

ともかくまずキャッシュとクッキーを削除してから再度Tumblrアイコンをクリックしてみてください。
それでダメならFrameworkの件を確認。
この流れで良いと思います。
よろしくお願いします

2016/04/22 (Fri) 08:37 | EDIT | REPLY |   
コムフ=素人  
No titleTo Akiraさん

こんばんは! ハズカシィ|д゚)ノ
ご報告と、またしてもお助け願いたい案件が…。

まずtumblrのエラーに関してです。パソコンはWindows8.1でブラウザは「IE11」でした。
NET frameworkを調べたところ、既に2.0~4.0までインストールされいました。
ActivXは常用していたのですが、新規サイトは必ず解除するクセがついていて解除済みでした。
Cookieとキャッシュ削除をして繋がったと思いきや

Bad Request.
Find out why you may have encountered this error, or let us know if the problem persists. Include your IP address and a short description of what you were doing when you encountered this message.

というメッセージが出ました。英語読めないけど400エラーと同じようなことでしょうか。

最後の手段に「Google Chrome」ブラウザを利用してみたらちゃんとリンク出来ました!
前から悩んでいたのでこの機会に丁度いいしIEからChromeに乗り換えます!
ですので私としてはこの問題はこれで満足なのですがどうなんでしょうか(笑)


そしてお助け願いたい件ですが、シェアボタンをひとつお願いし忘れていまして…
「はてなブックマーク」も設置したかったのですが、

<li>
<a href="http://b.hatena.ne.jp/entry/?<%topentry_title><%topentry_link>" target="_blank" title="はてなブックマーク">
<div>
<span><img style="vertical-align: top;" src="画像アドレス" alt="Hatena.B"></span>
<span><img style="vertical-align: top;" src="画像アドレス" alt="Hatena.B"></span>
</div>
</a>

リンク先は調べて挿入したのですがリンク先のタイトルが文字化けします。
Akiraさんの記事タイトル注意の通りに空白や記号などは特殊文字を使いっているのですが、日本語も英語タイトルページも同じく文字化けしてしまいます。
スマホAndroidもパソコンWindows8.1もブラウザは「Chrome」です。
(試しにパソコンでIE11でも試したらリンク先でレイアウト自体が崩れるという症状になってしまい、こちらは説明が難しいです)。
お時間とれる時で構いませんのでまたまたよろしくお願いします(>_<;)

2016/04/22 (Fri) 17:10 | EDIT | REPLY |   
Akira  
To コムフ=素人さん

まずエラーの件から。

翻訳すると
「不正なリクエスト。
何故このエラーに遭ったのか原因を修正するか あるいは この警告が出た際に何を行っていたのかの説明をIPアドレスを添えて私たちにお知らせください。」

400エラーですね (´・ω・`)
で、とっても大事な点をサラっと書いておられます(笑)
ActiveXは切っている、ということで合ってますかね。
ActiveX入れないと見られないと思います。逆に。
ONにした状態で、詳細設定からSSL証明の状態を確認してください。
SSL2とSSL3にチェックが入っているかどうか。
TumblrってSSL2に対応したのかなり遅かったと思うんですよ。
SSL2からチェックを外しておかないと見られなかったような気がする。
現在は2に切り替えをしているはずですので、長くTumblrをお使いであったならばチェックを意図的に外してあるのかもしれないですね。
ってゆーか。
Yahooの手に渡るとどのサービスも閉鎖的で使いづらくなっていく... と思っているのは私だけだろうか(笑)
Flickrも然り (´・ω・`)

---------

はてブの件。
こちらはアドレスが間違ってます。

<a href="http://b.hatena.ne.jp/add?mode=confirm&url=<%topentry_link>&title=<%topentry_title>" target="_blank" title="はてなブックマーク">

&は例によって
&★amp;
に変更してください。
これで一度ご確認くださいね。

2016/04/23 (Sat) 00:32 | EDIT | REPLY |   
コムフ=素人  
To Akiraさん

言葉を知らないもので…なんと説明すればいいのか。
ActivXですが、ツールでチェックは常に入っています。
私が解除したというのはブラウザ左上のアドレスバーの更新ボタン横に表示される、サイト毎に設定できる「ActivX フィルター を有効(or無効)にする」を、自サイトもtumblrも無効にしていたということです。

それで詳細設定SSL2と3のチェック有無、ActivXフィルター有効無効をひとつづつ組み換えながら、設定変更毎に閲覧履歴(キャッシュ、Cookie、ActivXフィルター含め全て)削除し、ブラウザ再起動しながら確認したのですが、Bad Request.(400)エラーで変わらなかったことを報告しておきます。


はてブの修正、いつもありがとうございます!無事直りました(^^)/

しかし一度カスタムを初めてしまうと素人には泥沼ですね。
いまはRSSが取得できないという新たな問題が。たぶんカスタム中にどこかを知らずにイジってしまったようで…確認作業中であります。なかなかブログ更新に手がつかない(苦笑)
ヤフーはフリーメールサービス以外は特に縁がないと思っていたら意外なところで繋がってるんですねぇ。

2016/04/23 (Sat) 13:06 | EDIT | REPLY |   
Akira  
To コムフ=素人さん

お疲れ様です ( ゚Д゚)ノ

Tumblrの件。
これ解消しようと思うと結局は閲覧者さんに対してブラウザの個人設定を促すことになりますよね (´・ω・`)
これIEだけなんですよね。
その他モダンブラウザは全て問題なくシェアできます。
ブラウザの個人設定を、というのはなかなか難しいと思います (´・ω・`)
私ならどうするか
= IEは無視

え?(笑)
だってIEだけだもん。
どうしてもという場合には、個人設定をお願いするというのは無理筋ですので、TumblrについてはブランドアイコンをTumblrのAPIに則った形でJS掲載する、というのが良いと思います。
(こちらはデザインの問題もありますのでお手伝いできません。ごめんなさいね。)

----------

で、別件で気になる点がふたつ
① やはりアクセス解析コードが間違ってますね。
スクショをお撮り頂いて見せてもらった方が良いかもしれません。
FC2変数が含まれますので私の方では右クリックソース開示で拝見しても確実な内容は読み取れません(実態変換されてしまうので)。

②こちら大きな問題です(笑)
LOG. Blog Custumized
というタイトルの記事がありますよね。
この記事内に直接JSコードを掲載されていると思います。
右クリック禁止のコードのことです。
FC2の旧エディター(投稿画面)ではhtml,CSS そして Javascriptなどの言語を直接書き込むのは絶対的NGです。
新エディターはOK(HTML表示画面ではNG)
ちょっとこのあたりも記事にした方が良いのかもしれないなー (´・ω・`;)

旧エディターというのは直接コードを書いてしまうと実態に変換されてしまいます。
htmlは実態変換されれば見た目ですぐにわかりますけれども、JSの場合にはhtmlとは違って「描画」を目的としていませんよね。
JSというのは基本的には「某かの動き・動作」に用いられますので、やれ四角いボックスが表示されるだのなんだの、というのはありません。
見た目上は「無」です。

現在のLOG. Blog Custumizedの記事の状態は、旧エディターからダイレクトにコードを受け取ってJSが中途半端に動いている状態です。
該当ページで右クリックが効かなくなっているはず。
そして書いたはずのコードは記事内に文字列表示されていないはず。
つまり実態に変換されている... というとhtml的なので、
JSの場合には「 実行されている」

対処
1. <pre>タグを利用した整形済みテキストを用いて掲載する
2. 新エディターを用いて投稿し直す

こちらはすぐに対処してくださいね。
エラーになっちゃってますので (´・ω・`)

-------

今記事出しましたので、そちらを参照しながらどうされるかお決めください。

カスタマイズ沼について。
一度にあれもこれもやろうとするとズブズブになりますね(笑)
慌てず焦らずひとつづつ。
でございます U。・x・)b

2016/04/23 (Sat) 14:41 | EDIT | REPLY |   
コムフ=素人  
To Akiraさん

Akiraさんこそがお疲れさまです( >_<)ノ
私など勉強不足でマネしているだけであたふたしてるだけなので(笑)
tumblrの件は、PCはChromeで問題ないですし、IEの問題はもうスルーで良いと思ってます。
使い分ければ良いだけなんだと思いました。

(RSSエラーは私の勘違いだったようでお恥ずかしい。IEから乗り換えたので驚きましたが、ChromeにはRSSリーダーが標準搭載されていないとは知らず。拡張機能のRSS Subscription Extensionで解決しました。)


②コードの大きな問題については引用も含め大変失礼しました。
(あとで編集しようと思ってメモ変わりにペタペタして忘れていました。)
おかげで(汗)大事なことを勉強させて頂きました。
コードはメモ帳に移して、記事は下書きに戻させて頂きました。
今後引用する際にはきちんとリンクさせて頂くなりして公開したいと思いますのでどうかお許しください。

FC2の新しいエディターも発見しました。気づいていなかったので助かります。
新着の記事も読ませて頂きとても参考になりました!
ゴミがいっぱいなのですね…私には見えない(分からない)から今後ゴミ屋敷ならぬブログで暮らしていくことになるのかな…(笑)


①FC2アクセス解析については公式の進められるままに高精度版(Akiraさんの通常版の修正を参考にしながら)を使用しています。

スクショですが、アクセス解析コードだけをメモ帳などでお見せした方がいいのか、テンプレの解析コード貼り付け範囲前後を含めてお見せした方がいいのか。
あとは今更なんですが、モザイクをかけるべき箇所はユーザーID部分だけでいいのでしょうか。一応貼っておきますがちゃんと見れるかな。

アクセス解析_FC2
※削除しました
アクセス解析_テンプレ
※削除しました
テンプレの解析コード欄内は上からGoogle Analytics、FC2アクセス高精度解析、FC2アクセスランキングとなります。


しかしAkiraさんにブログを見られてると思うと不思議と恥ずかしいですが、色々と監修して頂けて助かります。

2016/04/23 (Sat) 16:31 | EDIT | REPLY |   
Akira  
To コムフ=素人さん

Tumblrの件はすっきりはしませんがこれで終了ということで ^^;
IEにすっきりを求めるのも酷ですし(笑)

はい。ChromeはRSSに優しくない仕様でございます (´・ω・`)
あれば便利、なくても構わない、それがRSSリーダー(笑)

コード引用の件。
これはコピー保存して頂くことを前提に掲載していますので、どうぞそちらはお気になさらず。
リンク含めてのご配慮も無用でございます。
逆にお気をつかわせちゃってすみません ^^;
メモ帳代わりに記事を使いたいこともありますよね。
その時は新エディターを利用すると良いと思います。
コード関連は新エディターで、と考えればOKです(html表示に切り替えず)。

で、アクセス解析の件ですけれども、
ソーシャル解析をお使いだったんですね (´・ω・`)
出力される<ol>が一体何なのか悩んでおりました(笑)
公式で確認したところ、ソーシャルタイプのアクセス解析の場合はテキストが表示されるようになってるんですね。
実際は表示されてないですけどもね(FC2広告関連ではよくあることです。広告主が悪評から逃げてるのか?)
結論としては
「FC2ソーシャル解析の仕様」
ということでございますー (´・ω・`)
ヘッダー位置を「下げて」己(解析)の身を置く、という仕様になってますね。
ですからソーシャル解析をご利用になった時点でレイアウト崩れ必須というびっくりシステム(笑)
ソーシャル型を使うメリットというのは私では見つけられませんでした、と添えておきます。
ヘッダー下垂を避けるには「アイコン型に変更」という道しかなさそうです。

* スクショ、ご心配でしたらどうぞリンク削除してくださいね。
パスワード入れてないと編集できませんので、その場合にはお申し付けください。
私の方でコメントごと削除、という形になります。

2016/04/24 (Sun) 11:21 | EDIT | REPLY |   
コムフ=素人  
No titleTo Akiraさん

またも肝心なことを伝え忘れていたようで…正確には高精度版のソーシャル解析タイプです(-_-;)ハイ

FC2アクセス解析は大きく分けて、タグ自体が2種類、広告タイプも2種類、計4パターン。選べるのは有り難いけどややこしや。

引用の許可もありがとうございます!
たまにカスタムしようと思っても不馴れなタグやコードは忘れてしまうので助かります。

コメントのリンク等は編集できたので、私のような素人さんのために?残しておいて大丈夫です。逆に問題があれば削除して頂いて構いません。

身の程をわきまえたカスタムで我慢と思いつつも、つい欲張り甘えてしまいました(汗)。お陰さまでようやく本来のブログ開始が出来そうです。
長々と親身に教えて下さり誠にありがとうございました!
これからも記事を楽しみに拝見させて頂きます(^-^)/

2016/04/24 (Sun) 15:40 | EDIT | REPLY |   
Akira  
To コムフ=素人さん

ちょうど良かったですー。
今覗いたところなので(笑)

ソーシャル解析の方ですけども、これFC2のコード生成に問題あると思うよ (´・ω・`)
すっごい頭悩ませたんだけど(笑)
こちら発見 ↓

http://hkom.blog1.fc2.com/blog-entry-492.html
anything form here 様

テキスト広告ではなくキーワードが表示される、ってことなんでしょうかね。
ちょっと目にしたことがないものでなんとも言えませんが、文面からそんな感じ。
結局キーワードが何も表示されずにポカーンと空白が空いてるもんだから、
あぁ、レイアウト崩れとるな。
という判断になるわけで。
キーワードがちゃんと表示されているのならばそれはレイアウトの「一部」となるわけです。
たぶん(笑)
FC2の煽り文句にも問題あるかと。
「アクセスアップに繋がります」
何を根拠に((((笑)
キーワードが出るからそれを参考に記事を書くと良いかもね。
ぐらいでしょう (´・ω・`)

いずれにしてもお疲れ様でした
また何かあるようでしたらお気軽に。

2016/04/24 (Sun) 15:54 | EDIT | REPLY |   
コムフ=素人  
To Akiraさん

私なんかはなんとなく問題なさそうだしいいかな~なんて思ってしまうものですが、やはり仕組みが分かるとスッキリしますね。

最初はレイアウト崩れてる!?なんで!となって、
あぁ広告スペースかな。でも肝心の広告が表示されてないしおかしいな。
なにかペナルティ生じても厄介だしスッキリしないなぁ。
という思いでした。

FC2のアクセス解析の広告表示は無難なアイコンタイプに戻そうと思います。

参考サイトもソーシャルタイプは素人には優しくないんだなというのが伝わってきました笑)

Akiraさんこそお疲れ様でした。
また何かご相談する際にはよろしくお願いします(^o^)♪

2016/04/24 (Sun) 17:09 | EDIT | REPLY |   
Akira  
To コムフ=素人さん

お返事遅くなりました (*_ _)

こちらこそお勉強になりました。
ありがとうございます

2016/04/26 (Tue) 09:42 | EDIT | REPLY |   
にじ  
画像表示のカスタムについて

はじめまして。
この度新しくブログを始めることになり、こちらのテンプレートをお借りしました^^*

カスタムで一ヶ所つまづいてしまったので、質問させてください…。

Akiraさんの別テンプレート『coast』のギャラリーの様に画像を表示させたいのですが、何度やっても、画像は表示されるのですが背景は真っ黒で右上の『×(Close)』が出ない状態になってしまいます。
ただ、なぜか<%topentry_body>を削除すると正常に表示されます。

3日間格闘してお手上げ状態なので、ご多忙の中恐縮ですが
助けていただけたら嬉しいです(T_T)

2016/09/09 (Fri) 16:56 | EDIT | REPLY |   
Akira  
To にじさん

大変申し訳ございません。
そちらのテンプレートは私の作品ではございません。
作者名をご確認頂きまして、ご本人へ直接お尋ねくださいね。
よろしくお願いします。

2016/09/09 (Fri) 17:03 | EDIT | REPLY |   
にじ  
失礼しました;

すみません、勘違いしていましたe-447e-330
大変失礼いたしました…
迅速にお返事いただきありがとうございました!

別の方のタグが載っていてはご迷惑になると思いましたので
先ほどの投稿のタグ部分は削除しました。

2016/09/09 (Fri) 17:18 | EDIT | REPLY |   
Akira  
To にじさん

はい。お気遣いありがとうございます
お役に立てずごめんなさいね。

2016/09/09 (Fri) 19:04 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2016/10/01 (Sat) 01:43 | EDIT | REPLY |   
きろろ  
サイトを作りました

以前にお話ししておりました、電子書籍が近日発売になりました。
それに伴って、自分でも宣伝をしなければならないので
独自ドメインを取得して、サイトを作りました。
こちらは新刊のお知らせを主にするブログなのですが……

Akiraさんにお伺いするのはどうか思ったのですが。
一応テンプレートの制作者でもあるので、おたずねしておこうかと……

独自ドメインって、もしかして?
自分でGoogleウェブマスターツールやGoogle Analayticsに登録しないとだめなんでしょうか?
Wordpressの時はプラグインがあったので、IT音痴のきろろでもできたのです。

FC2ならなにもしなくてもいいのかなぁ~? って安易に独自ドメインを取得してしまったんですよ。なんせ、最初の一年無料といううたい文句に釣られて(T-T)

Googleウェブマスターツールの設定はなんとかできました。
テンプレートのHTMLに貼りつけて……
でも、Akiraさんのテンプレートがそもそも、Googleウェブマスターツールなどを必要としないものであったら?
もしくはFC2側がすべてを管理してくれるのであれば、
GoogleウェブマスターツールもGoogle Analayticsも登録の必要性はないのかな? って思った次第です。

一応FC2側には問い合わせているんですが、あの会社ですから(ё_ё)
反応が超~~~遅いw

もし、ウエブマスターやGoogle Analayticsの設定を自分でやらなければならないのだとしたら、独自ドメインはあきらめようかと思っているのです。

Google Analayticsのトラッキングコード?

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-58665325-4', 'auto');
ga('send', 'pageview');

</script>

これをすべてのサイトに貼ってください……って、
もしかして、カテゴリすべて? ってこと?
そんな……、無理(T-T)

<?php include_once("analyticstracking.php") ?>
phpフォルダーを作成してどうの? って全然わからない(爆)

模様替えを考えても、自分でどうにかするのはちょっと……、難しい(ё_ё)

Akiraさんのテンプレートに「こんなもん仕込んであるよ!」というのであれば、
独自ドメインを使おうと思うのですが、そうでなければあきらめようと思います。

すみません。ぜんぜん、関係ない話題で申し訳けありません。

一応、サイト開設のお知らせと、
独自ドメインとはなんぞや? のお伺いでした<(_ _)>

2016/10/25 (Tue) 01:24 | EDIT | REPLY |   
きろろ  
連投で申し訳ございません<(_ _)>

Colorboxを組み込んだのですが、
ポップアップしません(T-T)
おかしいなぁ……
鍵付きは、同じテンプレートでちゃんとポップアップされるのに……

やはりドメインとファイルサーバーのURLが違うせいでしょうか?
昨日も画像が表示されなかったりしていたので……
やっぱり独自ドメインやめようかなぁ……
なんか敷居が高すぎる(>_<)

お暇な時でかまいません。
見ていただけないでしょうか・゚・(つД`)・゚・ ウェ―ン

2016/10/25 (Tue) 03:12 | EDIT | REPLY |   
ぼっちん  
To きろろさん

きろろさん、こんにちは ^^

> Colorboxを組み込んだのですが、
> ポップアップしません(T-T)

とりあえずこの件だけ(笑)
ソースを拝見しますと

<script type="text/javascript" src="http://blog-imgs-89.fc2.com/r/i/o/riokusunoki/jquery_colorbox.js" ></script>

のURL上に『jquery_colorbox.js』ファイルが存在してなくて404エラー「Page not found」になってます。
ポップアップしない原因はそこにあるんではないでしょうか?
ご確認を~ ^^

2016/10/25 (Tue) 13:49 | EDIT | REPLY |   
Akira  
To きろろさん & ぼっちんさん

ぼっちんさんありがとうございますー
colorboxの件はぼっちんさんにお知らせ頂いた件をご確認頂くとして。
Search consoleの件から。
その前に、おめでとうございますー!
いよいよですね

> GoogleウェブマスターツールやGoogle Analayticsに登録しないとだめなんでしょうか?

はい。Google Webmaster tool は現在ではSearch console(サーチコンソール)という名称に変わっていますので、そちらに統一しますね。
通称「サチコさん」

サチコさんはブログやサイトの保有者が任意で登録するものなので、FC2とは一切関係がありません。
なのでFC2に尋ねたところで返答は返ってこないと思います。
というよりも、FC2からすると返答のしようがないと思います(笑)

======

まず、Search console と Google Analytics は別のサービスです。

Search〜 = 自分の所有サイトが正しくインデックス(検索結果に載ること)されているか、インデックスに於いて有利性を保てるかどうか などを管理するためのツール

Analytics = 自分の所有サイトにどれだけのアクセスがあり、流入経路はどうなのか、改善できるものであるのか などを管理するためのツール(簡単に言うと「アクセス解析」)

関連はありますが別のものです。
そして共通するのは
「必要があるのか?管理ができるのか?」
という点です。
要するにSEO対策として、自分で適切な改善などが行えるかどうか。
導入するならば両ツールで示された内容に沿って適宜「改善」「修正」をしていくことになりますけれど、その管理が「できそうもない…」と思うのならば導入の必要は無いと思います。

一旦投稿。

2016/10/25 (Tue) 16:08 | EDIT | REPLY |   
Akira  
To きろろさん

自分で管理・改善が出来て初めて効果を発揮するのが両ツールですので、まずそれが出来るかどうかをご自身と相談。
ただ、きろろさんは販促などの目的もありますので「登録した方がよい人」に分類されると思います。
とはいえこれは任意設定ですから、ハナから管理が難しいと判っていれば設定の必要はありません。

=========

貼り付けて頂いているトラッキングコードはAnalytics(通称アナちゃん)のものです。
サチコさんはまた別のgoogle-site-verificationというコードがありますので、別の用途として抜き出しておいてください。
必要なのは
・アナちゃんのトラッキングコード
・サチコさんのバリフィケーションメタ
この2つです。

=========

> これをすべてのサイトに貼ってください……って、
もしかして、カテゴリすべて? ってこと?

そうじゃないのでご安心を (●'0'●)/
「すべてのサイト」の意味は、一人の方(ここではきろろさん)がweb上で一つのサイトだけを所有しているとは限りません。
ブログを3つ、ホームページ(一般的な意味のホームページです。正しい意味(ポータルなどの初期ページ)でなく)を2つ、など複数のサイトを持っている場合もあります。
その「所有サイト全てに」コードを掲載しましょうね という意味です。

これからきろろさんがすべき作業は
・所有webサイトの常に表示される部分にコードを掲載する
ってことです。
簡単に言うと</head>の直前ですね。
head終了タグの直前です。開始タグの方でなく。

<head>
省略
ここにサチコさんのバリフィケーションメタタグ
ここにアナちゃんのトラッキングコード
</head>

こんな感じです。
head情報はFC2に於いては全ページ共通ですのでこれでOK。

===========

> <?php include_once("analyticstracking.php") ?>
phpフォルダーを作成してどうの?

phpは無理に使わなくて良いです。
特殊なこと、例えば「画像の直リンクが行われたらブロックする」だとか、なんだかプロっぽいことをする時以外はよっぽど使うことはありません。

===========

> Akiraさんのテンプレートに「こんなもん仕込んであるよ!」というのであれば

私のテンプレートで行っている対策はアナちゃんには関連していません。
アナちゃんはアクセス解析ですから、私の方ではどうにもできません。
私のテンプレート内では「サチコさんから指摘されそうな『重複コンテンツ』などを防ぐ」というのが主です。
head内情報に集約されますが、普通の書き方をしてしまうとFC2では必ずコンテンツ重複が起こりますので、それを極力防ぐ、といった対策です。
ただし完璧だとは思っていない ^^;

コンテンツ重複というのは、
「ページのURLが違うのにも関わらず、記載内容が全く同じ」
ものを指します。
つまり「コピー情報ではないか」という疑いをかけられてしまうということです。
FC2では「タグページ」の重複が最も多いかもしれません。
こういった疑いはサイトの評価・価値を下げますので、その対策のためにサチコさんに登録するわけです。
といっても登録しただけでGoogle先生がどうにかしてくれるわけでなく。
「対象ページとザッとの現状を教えてあげるから自分で対策しなさいね」
というのがサチコさんの主旨です。

一旦投稿。

2016/10/25 (Tue) 16:12 | EDIT | REPLY |   
Akira  
To きろろさん

何度も同じ内容で恐縮ですが、アナちゃんもサチコさんも
「登録さえしておけばよきにはからってくれる魔法のサイト」
ではありません。
原因の把握・改善点の把握 を目的とするものです。

一応私のサチコさんの結果を載せておきます。

http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/a9fuewath__zpss5kaelfz.jpg

赤い四角の部分が「アカンよ」と指摘されている部分。
これ今見ると「share」に関連してますので、テンプレ配布をしていないきろろさんとは無関係。
テンプレユーザーさんであれば全て 0 を目指せる(はず)
私は他の方が製作したテンプレートを適用したことは一度もありませんので、常に自分のテンプレの結果が反映されていることになります。
この結果を以って「良し」とするならば、きろろさんの方で何かして頂く必要はありません。
あー、でも「?tag」のクエリをインデックス除外しておいた方が良いかもしんない (´・ω・`)
ちなみに対策せずにhead情報を書くと(FC2公式テンプレとかがそうです)、指摘が各項目150やら200やら平気で出てきます。

大体こんなところでしょうかね。

まとめ
・両ツールを管理する自信があるかどうか
・両コードの掲載位置が理解できたかどうか

2016/10/25 (Tue) 16:46 | EDIT | REPLY |   
Akira  
To きろろさん

Colorboxの方拝見しましたが、ぼっちんさんのご指摘の通り「ファイルが存在しません」の警告が出ています。

ただねー、FC2は外部直リンでも403 forbiddenではなく404を表示してしまうんです。
ドメインが変更になったことによって、なにかしらの絡みがあるのかもしれません。
ちょっとこれから外しますので戻り次第確認しますね。
しばしお時間くださいませ。

* DNS設定が済んでいるかの確認だけしておいてください。
これが済んでいないとドメインのお引っ越しが完了しません
= 以前のアドレスとの関連づけができていない
左にある「ドメインの設定」から行けると思います。

2016/10/25 (Tue) 16:53 | EDIT | REPLY |   
きろろ  
To Akiraさん

まずは、ぼっちんさまありがとうございます<(_ _)>
ご指摘の<script type="text/javascript" src="http://blog-imgs-89.fc2.com/r/i/o/riokusunoki/jquery_colorbox.js" ></script>
これ……アンダーバーではなくて、ハイフォンにリネームしてアップロードしてました!
すみません!お騒がせしました・゚・(つД`)・゚・ ウェ―ン
ハイフォンにしたらポップアップされました。
穴があったら入りたいほど恥ずかしい(>_<)

>Akiraさま
FC2からお返事をいただきました。
以下、コピペします。

お問い合わせいただいた件に関してですが、
サイトを作成してすぐにはGoogleやYahooなどの
検索エンジンで検索しても表示されません。

一定期間が過ぎればクローラに発見され、検索で表示されるようになる場合が
ほとんどですが、期間については各検索エンジンが設定していますので
弊社では把握いたしかねます。

また、Googleのwebmastersに登録する事で、
今後サイトが検索エンジンで表示されるようになります


だいたいのことはわかりました。
またもやすっごいお勉強になりました<(_ _)>
要は、放っておいても一定期間が過ぎればGoogleさんが拾ってくれる。
しかし、宣伝を目的とするなら
アナちゃんとサチコが必要なんですね!

Wordpressの時にどうやったのか……
思い出せない(T-T)
多分、両方とも登録しているはずなんです。
なんせ、ろくに更新していなかったブログが、
ググるとトップに表示されていたんです。

アナリティクスのトラッキングコードは
<head> </head> の中に書きました。

問題は、ウエブマスターツール、サチコですね。
これがですね……
サイトマップ追加テストで
http://riokusunoki.jp/〇〇〇
この〇〇〇余白の部分なんですが、なにを書き込めばいいんでしょうか?
とりあえず、トップページをURLを書き込んだら

サイトマップが HTML ページです。サポートされている形式のサイトマップを使用してください。

と、エラー表示になるんです。

つまりですね?
Akiraさんのおっしゃるサチコさんのバリフィケーションメタ
何者なのかわからないσ(^◇^;)
どこからバリフィケーションメタを取得できるのかがわからないです。

現在、自分のサイトを「楠木理生」でググるとですねw
なぜかカテゴリー名と要約、
あと全文表示がヒットするんですよw

* DNS設定が済んでいるかの確認だけしておいてください。
これが済んでいないとドメインのお引っ越しが完了しません
= 以前のアドレスとの関連づけができていない
左にある「ドメインの設定」から行けると思います。


これなんですが、FC2のキャンペーンドメインなので、
FC2以外に使用できないドメインで、かんたんドメイン設定とやらで
独自ドメインと、
ブログを作った時のfc2-blogのドメインと二つ表示されていて、
リダイレクトを利用する、を選んでポチッとすれば設定できるんですよ。
なのでDNS設定が済んでいるとか……わかりません。

あ!
FC2のお返事に
https://www.google.com/webmasters/tools/submit-url
これがサチコですね!
Search Consoleとなっています。
今、サイトのURLを登録してみました。
リクエストを受信しました。まもなく処理されます……、表示されています。

とりあえず、様子見でしょうか?

・両ツールを管理する自信があるかどうか
・両コードの掲載位置が理解できたかどうか


無理っぽいですσ(^◇^;)

2016/10/26 (Wed) 01:24 | EDIT | REPLY |   
Akira  
To きろろさん

> 放っておいても一定期間が過ぎればGoogleさんが拾ってくれる

そうですね。
勝手に拾ってくれます(笑)
FC2が関与するところではないのでこれ以上の返答は得られないと思います。

> ろくに更新していなかったブログが、 ググるとトップに表示されていた

これは検索クエリ(検索キーワード)にもよりますけれど、独自ドメインの方が検索には有利です。
有料で独自ドメインを取得する意味はここにあります。

> サイトマップが HTML ページです。サポートされている形式のサイトマップを使用してください

ブログアドレスの後ろに sitemaps.xml を追加してみてください。
例えば私のブログアドレスは
http://vanillaice000.blog.fc2.com/
ですので、
http://vanillaice000.blog.fc2.com/sitemaps.xml
ですね。
この作業は該当サイトを追加した後なんだけども、追加自体できてないように思います。
verificationのメタがわからないということなので。
これやらないと所有権の確認ができません。

Googleアカウントでログイン

サイト追加

所有権の獲得のために「別の方法」タブの中から「htmlタグ」を選ぶとmetaタグが表示されるのでそれを</head>の直前へ記載してテンプレ更新(プレビューなどではできませんので必ず「更新」します)
メタタグはこんな感じ
<meta name="google-site-verification" content="個人のID的な文字列">

サチコさん側で「確認」ボタンをクリック

サイトマップ登録(sitemaps.xml)

この順序でまずは所有権の紐付けが出来ればOKです。
要するに本当にサイト管理者かどうかを確認するための作業です。
その後サイトマップ登録。

> FC2のお返事に〜これがサチコですね!

いえ。それはGoogleへのクロール依頼です。
サチコさんに登録を行っていると「クロールしてくださいよぅ」というおねだりができます。
Search consoleというのはインデックスに関連するいろんなツールがつまった個人ページのことを指します。
クロール依頼やら削除依頼やら、インデックス状況確認やら。
いろんな情報が詰まってひとまとめに管理するページがSearch consoleです。

=======

インデックスというのは毎日確実に行なってもらえるものではなく、Google先生の子飼いロボット(クローラー, bot などと呼ばれます)の気分次第です。
クローラーが巡回した時に確実に・正しい形でインデックスしてもらえるようにするのがhead内情報でのSEOと言っても良いかもしれません。
サチコさんに登録をしておくと巡回の依頼もできます。
これはサチコさんを知らない方にはできないことですので、せっかく登録したのであれば「インデックスが遅いな〜」と感じた時には依頼しても良いかもしれません。
あるいはインデックスしてほしくないページの削除依頼もできます。

で、本末転倒ですが、管理できねーだろーなー (▪⌔▪)
と思われるようであれば何もしなくて良いと思います(笑)
実際私も登録はしていますが、2ヶ月に一度見るかどうかも怪しい ←
アナちゃんに至ってはコード掲載すらしていない(笑)

あとですね、登録しちゃうと気になって仕方がないってのもあるんです。
重複しとる…(汗)
という無駄な焦り(笑)
精神衛生上どうか、ってところです(笑)
プロブロガーさんやアフィリエイターさん、あるいはアクセスで士気が上がる、という方以外のほとんどのブロガーさんは登録自体してないと思うー (´・ω・`)

私からできる提案とすれば、
「レスポンシブで運営していく」ことぐらいですかね。
スマホ版を抱えていると、パソコンから検索したにも関わらずスマホ版が出てきてしまうことがちょくちょくあるんです。
パソコンでスマホ版表示された日にゃウンザリです。ウンザリ(笑)
その時点で読む気なくす (´・ω・`)

DNSの件は404が表示される原因が「旧アドレスとの紐付け」にある場合を考えました。
ファイル名が違っていた、とのことですのでこれはもう忘れてもらって大丈夫です(笑)

2016/10/26 (Wed) 03:45 | EDIT | REPLY |   
きろろ  
ありがとうございます

なんとか設定が完了いたしました。
ほんとっ、ありがとうございました。
今回もすっごいお勉強させていただいて、感謝感謝です。
人間は学習すれば、それなりに形ができるのだと思いました。
他力本願でしたが、サイトの件は終了といいたいところです。
ありがとうございました。

2016/10/26 (Wed) 07:28 | EDIT | REPLY |   
Akira  
To きろろさん & ぼっちんさん

できましたか。
お疲れ様でした

ぼっちんさんもご協力ありがとうございます。
助かりました

2016/10/27 (Thu) 00:38 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2016/10/27 (Thu) 01:08 | EDIT | REPLY |   
ぼっちん  
To Akiraさん&きろろさん

ご丁寧に私までも、、、恐縮です、ありがとうございます ^^

ほんとはね、きろろさんへの言葉は、きろろさんの耳元でヒソヒソって伝えてるつもりだったんですよ(笑)
「アンダーバーとハイフン」の違いによる404エラーが分かってたもんだから (^^ゞポリポリ
きろろさんに恥をかかせちゃって申し訳なかったです (;^_^A アセ

文字列ってこのニュアンスって伝えにくいですね~ (^_^; アハハ…

2016/10/27 (Thu) 06:44 | EDIT | REPLY |   
Akira  
To Googleコードの件 内緒さん

はい。それで合ってます。
くれぐれも、掲載しただけで終わりではなく、たまに覗いて対策してくださいね(笑)

お疲れ様でした

2016/10/27 (Thu) 22:13 | EDIT | REPLY |   
Akira  
To ぼっちんさん

いつもお世話になりますー

ハイフンとアンダースコアにぱっと気がつくなんてさすがです。
私など試しもしませんでした(笑)
今後も助け舟よろしくお願いします。
ありがとうございます

2016/10/27 (Thu) 22:15 | EDIT | REPLY |   
きろろ  
To ぼっちんさん

ぼっちんさん、お気づかいありがとうございます<(_ _)>

ハイフォンとアンダーバーの違い、
自分でリネームしておいて、それを忘れている。
そっちのほうがきろろとしては問題でw
もう、前向型健忘症って思っちゃいました(爆)

2016/10/28 (Fri) 01:14 | EDIT | REPLY |   
きろろ  
To Akiraさん

やった~!(^^)!
正解でしたかw

ほんとっ、お騒がせしました<(_ _)>
Akiraさま、神さま、仏さま……シンデナイヨo(_ _o)・・ * ドテッ!
もう拝み倒しますv-425

2016/10/28 (Fri) 01:16 | EDIT | REPLY |   

Leave a reply

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です
ご質問の前に必ずお読みください ↓
FC2テンプレート ご利用時のお願い
2017.8.8 本日より10日ほど留守にしますのでお返事遅れます。すみません