mysticdiary

更新はLittleDreamでしています→

ホームページ風テンプレート第2弾

今回は以前から作成していたホームページ風テンプレートがやっとできたので
公開します・・。
はあ、これについてはかなり初期から作成してたんだけど、なかなか完成まで
たどりつけなかったので、感慨もひとしお。
どうぞ使ってやってくださいな。

whitetigersample.jpg



インデックスページ(トップページ)はいろいろ特集記事とか、サムネイルとか
ツイッターとか表示できるようになってます。この辺はお好みでいくらでもカスタマイズできますが、
やはりカスタマイズには多少のHTML&CSSの知識がいりますね。
デモサイトはパスワード(mysticdemobba)を入力してご覧下さい。
テンプレート導入の仕方は以前記事を書いたこちらのテンプレートとまったく同じです。

http://mysticdiary.blog99.fc2.com/blog-entry-373.html

上の記事が理解できて導入できた人にはこのテンプレートももちろん簡単に
導入できます。

あとは、このテンプレート独自のカスタマイズ方について書きますね。

まずナビゲーションとスライダーですね。

●上部ナビゲーションの編集
< nav id="navigation"> 
< ul id="nav">
< !-- ここからリンク編集してください -->
< li> < a href="http://testbaorin.blog109.fc2.com/" onfocus="this.blur();" class="nonborder" title="Home"> Home< /a> < /li>
< li> < a href="http://testbaorin.blog109.fc2.com/blog-entry-285.html" onfocus="this.blur();" class="nonborder" title="写真"> Gallery< /a> < /li>
< li> < a href="http://testbaorin.blog109.fc2.com/blog-entry-284.html" onfocus="this.blur();" class="nonborder" title="自分のこと"> About me< /a> < /li>
< li> < a href="http://testbaorin.blog109.fc2.com/blog-entry-286.html" onfocus="this.blur();" class="nonborder" title="fullwidth"> Fullwidth< /a> < /li>
< li> < a href="http://testbaorin.blog109.fc2.com/blog-category-4.html" onfocus="this.blur();" class="nonborder" title="ブログ"> Blog< /a> < /li>
< !-- リンク編集ここまで -->
< /ul>
< /nav> < !--navigationここまで-->


●スライダーの編集

これはなじみ深いnivosliderを使ってます。
画像の変更方法は、以下のソースの画像アドレスの部分を変更します。
画像の大きさは960×400ピクセルです。

< div id="slider" class="nivoSlider"> 
< !-- ここから画像・title編集してください -->
< img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/whitetigerphoto1_20110602075729.jpg" alt="" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend rhoncus fermentum. Phasellus pretium massa dolor. Donec arcu nunc consectetur nec fringilla vitae, placerat in libero. Curabitur a justo ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend rhoncus fermentum. Phasellus pretium massa dolor.">
< img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/whitetigerphoto2.jpg" alt="" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend rhoncus fermentum. Phasellus pretium massa dolor. Donec arcu nunc consectetur nec fringilla vitae, placerat in libero. Curabitur a justo ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend rhoncus fermentum.">
< img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/whitetigerphoto3.jpg" alt="" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend rhoncus fermentum. Phasellus pretium massa dolor. Donec arcu nunc consectetur nec fringilla vitae, placerat in libero. Curabitur a justo ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
< !-- 画像・title編集ここまで -->
< /div>


今回はtitle部分に入れた文章が画像にかぶさるように表示されるようになってますので、
文章の部分をお好きな文に編集してください。

次は、フィーチャー記事の編集ですね。

●特集記事の編集

これは単純にリンク先のアドレス、画像のアドレス、タイトル、内容をお好みで変更するだけです。
画像の大きさは282×94ピクセルです。

< !-- ここからリンク・画像・内容を編集してください --> 
< div class="feature">
< a href="http://testbaorin.blog109.fc2.com/blog-entry-287.html"> < img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/redleatherphoto1.jpg"> < /a>
< h5> < a href="http://mysticdiarytemplate.blog137.fc2.com/blog-category-6.html"> Today's racepe< /a> < /h5>
< p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.< /p>
< a href="http://testbaorin.blog109.fc2.com/blog-entry-287.html" onfocus="this.blur();" class="nonborder" id="readmore"> < /a>
< /div>
< div class="feature">
< a href="http://testbaorin.blog109.fc2.com/blog-entry-282.html"> < img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/redleatherphoto2.jpg"> < /a>
< h5> < a href="http://mysticdiarytemplate.blog137.fc2.com/blog-category-1.html"> Today's racepe< /a> < /h5>
< p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.< /p> < a href="http://testbaorin.blog109.fc2.com/blog-entry-282.html" onfocus="this.blur();" class="nonborder" id="readmore"> < /a>
< /div>
< div class="feature2">
< a href="http://testbaorin.blog109.fc2.com/blog-entry-47.html"> < img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/redleatherphoto3.jpg"> < /a>
< h5> < a href="http://mysticdiarytemplate.blog137.fc2.com/blog-category-4.html"> Today's racepe< /a> < /h5>
< p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eismod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.< /p>
< a href="http://testbaorin.blog109.fc2.com/blog-entry-47.html"onfocus="this.blur();" class="nonborder" id="readmore"> < /a>
< /div>
< !-- リンク・画像・内容を編集ここまで -->



●サムネイル画像の編集
< !-- ここからリンク・画像を編集してください --> 
< ul id="indeximage">
< li> < a href="#"> < img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/wphotosum42.jpg
" width="150" height="150" alt=""> < /a> < /li>
< li> < a href="http://testbaorin.blog109.fc2.com/blog-entry-47.html"> < img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/wphoto6sum2.jpg" width="150" height="150" alt=""> < /a> < /li>
< li> < a href="http://testbaorin.blog109.fc2.com/blog-entry-47.html"> < img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/wphoto5sum2.jpg" width="150" height="150" alt=""> < /a> < /li>
< li> < a href="http://testbaorin.blog109.fc2.com/blog-entry-47.html"> < img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/wphoto3sum2.jpg" width="150" height="150" alt=""> < /a> < /li>
< li> < a href="http://testbaorin.blog109.fc2.com/blog-entry-47.html"> < img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/wphoto2sum2.jpg
" width="150" height="150" alt=""> < /a> < /li>
< li> < a href="http://testbaorin.blog109.fc2.com/blog-entry-47.html"> < img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/wphoto1sum2.jpg" width="150" height="150" alt=""> < /a> < /li>
< /ul>
< !-- リンク・画像編集ここまで -->


これは画像のアドレスと、デモサイトでは特定の記事にリンクさせているので、
お好みでリンク先を変更してください。
サムネイルの大きさは150×150ピクセルです。

●フッターの最新記事等はプラグイン3になります。
管理画面でフッターに並べたいプラグインをカテゴリ3にしてください。
3つぐらいまでが見栄え良く並びます。

whitetiger.html
whitetiger.html

whitetiger.css
whitetiger.css




関連記事
baorin

いつも超ド近眼眼鏡をかけています。ああ、視力が良くなりたい・・・。好物はおすしです。性格はずぼらで人見知りです。こわい人がきらいです。

25 Comments

uthusemi says..."動画ページについて"
管理人様、はじめまして。
とても素敵なテンプレートだと思いつつ、設定が難しそうでなかなか手が出せませんでした。
でも、やっぱり使わせて頂きたいと奮起して、何とか形はできたのですが一箇所行き詰ってしまいました。動画のページ、管理人様のサンプルではパンダの画像の下に文字が来ますが、Cras neque mi, semper at interdum id の Cras までが画像と画像の間にきて、その後の文字が画像の下に表示されてしまいます。管理人様のサンプルのように全部真下に表示させたいのですが、どうしたら良いのかご指導いただけないでしょうか。どうかよろしくお願いします。
・トラックバック、コメントはきってあります。
・CSSのカテゴリー番号も変えてあります。
2011.08.03 23:48 | URL | #4iFRpXFQ [edit]
管理人 says..."uthusemiさんへ"
こんにちは。

動画ページのレイアウトが崩れるということですが、
実際のソースを見てみないことには何とも言えません。
ブログのURLを教えていただければどこに原因があるのか見てみることはできます。
ただ、見栄えがおかしくなる場合、たいていの場合CSSの設定に問題があったり
するものです。
あとは、それぞれのビデオの項目がちゃんと</div>で閉じられているか
見てください。
一つぬかしてしまっただけでレイアウトは崩れます。
よろしくお願いします。
2011.08.05 11:08 | URL | #i4E9Nobc [edit]
管理人 says..."uthusemiさんへ"
こんにちは。
ブログを拝見しましたが、管理人がみたところ、
レイアウトが特に崩れていませんでした。ソースも異常ありません。
管理人のデモが正常に見れる場合は、ブラウザによって違いが
出ているわけでもなさそうです。
ただあまり関係ないと思いますが、一つ気になるのが、サーバー番号なしのアドレスを
使ってらっしゃる点です。これはfc2の方で自動で割り当てているので
変更しようはありませんが、通常のサーバー番号ありのアドレスと
違って仕様がいろいろと違ってしまい、不具合が出る可能性もあります。
どのあたりで違いが出るのかというのは管理人もよく把握していないの
ですが、
例えば、ナビゲーションのホームという文字はテンプレートではhomeと
指定してあるはずなのに、勝手に変換されてカタカナになってしまいます。
なのでサーバー番号なしのアドレスでこのテンプレートを使うことは
現段階ではあまりおすすめではありません。
サーバー番号なしのアドレスの挙動に関しては、fc2の方でもまだ
発展途中といいますか、仕様が確定していないようなところもあり
未知数です。
いまの段階で管理人が言えるのはこのくらいしかありませんが・・
あまりお役にたてずすみません。

2011.08.07 09:29 | URL | #i4E9Nobc [edit]
utsusemi says...""
わざわざブログに来て頂いたうえに、丁寧な説明をありがとうございます。
ソースに異常がないのなら、ほっといたしました。
今の段階で動画ページの文字だけしか表示の不具合はないので、動画のページを表示させないようにして、そのまま使わせて頂こうと思います。
管理人様、お手数をかけて申し訳ありませんでした。
これですっきりして写真の差し替え作業に入れます。
ありがとうございました!
2011.08.07 14:02 | URL | #- [edit]
管理人 says..."samsaraさんへ"
こんにちは。

テンプレート気に入っていただいてありがとうございます。
ところで、どこから手をつけたらいいか・・との質問ですが、
このテンプレートで一番大事なのはカテゴリーの編集とそれに伴うCSSの編集です。
これさえクリアできれば、あとは補足のようなものです。
一度、実験用にまったく新しいブログを作り、解説記事の通りに
一通りやってみると、だいたい仕組みがわかると思います。
仕組みさえわかってしまえば、今運営しているブログにも適用
させることができると思います。
http://mysticdiary.blog99.fc2.com/blog-entry-373.html
こちらの記事を熟読し、「やること」と書かれている順番通りにやれば
一応デモサイトと同じものは作れると思います。
(photogalleryとwhitetigerは構造的にはまったく一緒です)

わからないことがあればまたご質問ください。


2011.08.08 16:06 | URL | #i4E9Nobc [edit]
samsarajewel says...""
お返事ありがとうございます!
実験用のブログですね・・やってみます!
とにかく手を付けてみます・・
そんで、分からない時はまたメールさせてください。
管理人さんのデザインどれもステキなんで・・
ありがとうございました。
2011.08.08 17:00 | URL | #- [edit]
謝花崇 says...""
こちらのテンプレートをお借りして、ブログを改装させていただきました。
おかげさまで申し分のない仕上がりです!
素敵なテンプレートを本当にありがとうございました。
2011.08.31 22:17 | URL | #aXlKz3Nw [edit]
管理人 says..."謝花崇さんへ"
こんにちは。

使っていただいてありがとうございます。
これからもよろしくお願いいたします。
2011.09.04 08:50 | URL | #i4E9Nobc [edit]
メリー says...""
テンプレートお借りさせていただいてます!
管理人様のページを参考に試行錯誤しているのですが、トップページの下の方、RATEST TWEETS欄を自分のツイートに変更する方法がどうしてもわかりません…
体調不良とのことで、差し支えなければでよろしいのでお教え頂きたいと思います。よろしくおねがいします。
2012.02.20 20:46 | URL | #fYTKg7yE [edit]
サイモモ says..."スライダー表示について"
管理人様

はじめまして、サイモモと申します。素敵なテンプレート、使わせていただいております。

早速ですが表題について質問です。

コチラのページで配布されている、
◆whitetiger.html
◆whitetiger.css
を、最初の段階でそのままはめ込みましたところ、PC個体別で、以下3種の状況になりました。


1≫スライダー部分の画像が、全く表示されず、読み込み中のサークルのみずっと回っている

2≫スライダー画像は表示されてスライド(変化)もするが、横に広がるはずのスライスされた画像が、左端の一カ所で重なってタテに、はみ出続ける

3≫普通に見られる、IE9・Firefox・Google Chrome全てでスライダー正常(私のノートPCはこれです)

正常にスライダーを表示させるにはどうしたらよいのでしょうか?
何か欠けてる(入れるべき)コード、設定などがあるのでしょうか?

体調不良のところ差し支えがなければお教え下さい。どうぞよろしくお願いいたします!
2012.03.09 23:28 | URL | #GaU3vP2. [edit]
管理人 says..."725さんへ"
こんにちは。
このテンプレートでレイアウトが崩れる原因としては、
カテゴリーナンバーをcssできちんと指定していないことが主な原因でしょうか。
上の記事でカテゴリーナンバーをcssで指定するやり方を例としてあげていますが、
これがきちんとできていないと、ブログ記事なのに全ページ表示になってしまったりします。
あとは固定ページにしたいならば、コメントとトラックバックはきちんと切っておく、
この2点がこのテンプレートでは最も重要です。
またわからないことがあればご質問ください。
2012.04.08 10:17 | URL | #i4E9Nobc [edit]
725 says...""
管理人さま、ご指摘ありがとうございました。
他の方と同様の問題のようでした。

カテゴリー登録とCSSをもう一度見直し、再度指定し直してみましたところ子カテゴリーもうまく働きました。お手数かけました。

ありがとうございました!
2012.04.09 14:59 | URL | #- [edit]
ともっぴ☆ says..."教えていただけませんか?"
素敵なテンプレートで、使用させていただきたいと思っているのですが、
何回やってもおなじところで行き詰まっているので、
教えていただけると助かります。

TOP画面のindexから各記事へのページにリンクさせたのですが、
リンク先には飛んでいるようなのに、
TOPページが表示されてしまいます。
管理人様の手順にならってすべて設定したつもりなのですが。

どこで不具合がでているのか
どうしても気づくことができなかったので、
お時間のあるときに教えていただけないでしょうか。
よろしくお願いします。。。
初歩的なことならばもうしわけありません。


2012.05.02 00:53 | URL | #wyPnW/yE [edit]
管理人 says..."ともっぴ☆さんへ"
こんにちは。
リンクの設定はあっていると思います。
なぜリンクの先へ飛ばないかはちょっとわかりません。
ブログを拝見したところ、ところどころおかしい場所が見受けられる
(ページのタイトルがmysticdiaryになってしまっているとか)
のですが、もう一度ダウンロードしなおして適用させてみたらいかがでしょうか。
(文字コードはUTF-8です)
それと、ともっぴ☆さんのブログはサーバー番号がないタイプなので
こちらの記事を参考にして文字コードを書き換えてみてください。
http://mysticdiary.blog99.fc2.com/blog-entry-400.html
2012.05.02 10:13 | URL | #i4E9Nobc [edit]
ともっぴ☆ says..."先日・・・"
先日、教えていただいたともっぴです。
ご連絡遅くなりましたが、あのあと、DL方法が間違えているのに
気づきまして、再度DLしましたら、
先の問題は解決しました!
その節はありがとうございました。

ちなみに今回も2点質問がありまして、

・1点は画像一覧で並べているページで、
サムネイルが並んでいますが、このサイズに変倍されてしまいます。
管理人さまのサイトのように等倍のまま一部のみ切り取られるようにするには
どうしたらいいのでしょうか。

・もう1点は、TOPの切り替わる画像は今3枚ですが、
それを増やすことは可能なのでしょうか。

以上です。
お時間あるときにおしえてください。
よろしくお願いいたします。
2012.06.02 21:21 | URL | #- [edit]
管理人 says..."ともっぴさんへ"
こんにちは。
サムネイルの画像はそのサイズの画像を作っているんです。
なので、サムネイルのサイズの画像を作ってアップロードしてリンクしてください。
自動的に画像の一部を切り取りはできません。

あとスライドショーはお好きなだけ画像を増やせます。
増やすと画像下のナビの位置が変わってくるのでCSSで微調整は必要になります。
よろしくお願いします。
2012.06.04 16:29 | URL | #Ma8mXhuU [edit]
ともっぴ☆ says..."ありがとうございます!"
お答えいただき、ありがとうございます☆
勉強になります。助かりました。
2012.06.11 22:41 | URL | #- [edit]
管理人 says..."osokiさんへ"
こんにちは。
記事が固定ページにならない場合、編集画面でコメントとトラックバックが切ってあるか
どうか確認してください。
またトップに広告が表示されるようになるとレイアウトがくずれます。
記事を更新してください。

あと下部の最新記事等はプラグイン3なので、プラグイン編集画面で下部に表示したい
項目をプラグイン3にしてください。
プラグインの編集の仕方はあっていると思います。

2012.06.16 13:21 | URL | #i4E9Nobc [edit]
osoki says..."ありがとうございました!"
お礼が大変遅くなりましたが、先日はていねいにお答えいただきありがとうございました!
その後、記事が固定ページにならない件、解決いたしました。
原因は、私の初歩的なミスでした。
コメントとトラックバックは切ってあったのですが、記事を指定するところで、固定ページのエントリナンバーを指定しなければいけないのに、この部分までカテゴリナンバーを指定してしまっていました。

エントリナンバーを指定して、記事を更新したら固定ページが上手く表示されました。
お手を煩わせてしまい申しわけありません。
ありがとうございました。
2012.06.23 16:02 | URL | #HYjkyH3s [edit]
リン says..."初めまして。 宜しくお願い致します。"
初めまして、リンと申します。
この度、ブログの開設に至り、様々なテンプレートを拝見しておりましたところ、管理人様が作成されていらっしゃいます『ホームページ風テンプレート第2弾』のテンプレートを是非とも、使用させて頂きたいと思い今回コメントをさせて頂きました。

そこで当テンプレート適用にあたり、管理人様の「テンプレート適用についての解説」
http://mysticdiary.blog99.fc2.com/blog-entry-373.html
http://mysticdiary.blog99.fc2.com/blog-entry-379.html

上記の記事を拝見させて頂きました。
しかしながら、ブログ開設が初めてで、HTML&CSSの知識が全く無い状態でありまして、ダウンロードの段階で止まってしまいました。

当ページで配布されている、
◆whitetiger.html
◆whitetiger.css
の2つのファイルのダウンロードの方法、並びに、FC2ブログのテンプレートの編集画面に適用・コピペする方法が分からない状態でございます。

現状、『whitetiger.html』のファイルをクリックしますと、別のタブに画像や文字が崩れ、化けて表示されます。(※IEを使用しております。)この状態からどのようにして、ダウンロードを行い、HTML編集画面へ適用・コピペをするのでしょうか。

また、『whitetiger.css』のファイルをクリックしますと、メモ帳にて文字列が表示されますが、その文字列を全てコピーし、スタイルシート編集画面へコピペする、ということで宜しいのでしょうか。

上記の問題は、ブログテンプレートカスタマイズの基本的な手順になると思われますが、その方法が分からないために、それ以降のご解説の手順が上手に理解できていない状態です。

初歩的なことで、大変申し訳ありませんが、ご教授頂けませんでしょうか。
宜しくお願い致します。
2012.06.24 08:54 | URL | #- [edit]
管理人 says..."リンさんへ"
こんにちは。
ファイルのダウンロード方法は右クリックで対象をファイルに保存で
一度デスクトップなどにファイルをダウンロードします。
ダウンロードしたhtmlファイルをテキストエディタかwordなどで
開きます。開いて文字化けしているようであれば、文字エンコードを
UTF-8に変更します。
文字化けが治ったら、ブログのテンプレート編集画面で内容を
全部コピペしてください。
cssの場合も同様です。
またわからないことがあればご質問ください。
2012.06.25 13:09 | URL | #i4E9Nobc [edit]
うさ says..."こんばんは。"
こんばんは。
度々申し訳ありません。背景の変更場所はどこで行うのでしょうか?
宜しくお願いします。
2012.07.03 19:01 | URL | #- [edit]
管理人 says..."うささんへ"
こんにちは。
背景画像の変更は、CSSの一番上の方にある、
bodyのbackground-imageの画像リンクを変更します。
よろしくお願いします。
2012.07.04 17:06 | URL | #i4E9Nobc [edit]
さち says..."はじめまして、宜しくお願いします。"
こちらのwhitetigerをとてもとても気に入り、
これまでにもないほど、とても難しいですが、
とてもかっこよくてこちらのテンプレートを使用させて頂いております。

起こっている問題というか、越えられない壁が2つあります。
1つ目ですが、
ページ下の6個並びのサムネイル画像を
さらに下に1列(横に6個同じ)で追加しようとしています。
クロムを使っているのですが、クロムでは追加しても
ツイッター部分が自然に下にずれてくれて綺麗な表示なのですが、
IEではツイッターが追加したところのサムネイル画像部分にかぶってきてしまいます。

2つ目が
ツイッターを削除しようとしますと、クロム表示では大丈夫なのですが、
IEでは削除後、下のフッター部分にサムネイル画像が落ちていく感じに
なって配置が壊れてしまいます。

一番やりたいことは、サムネイルを1列追加して、ツイッターは削除、です。
そして、IEでもちゃんと表示できるようにしたいのです。

教えて頂けませんでしょうか。
宜しくお願いします。



2013.09.05 02:22 | URL | #- [edit]
さち says...""
昨日質問させて頂いた、さちです。こんばんは。
お忙しいところ長々とすみませんでした。

whitetigerを見つける前に使わせて頂こうと考えておりました
aplikeを使わせて頂くことにしました。
ホームページ風でこちらもとてもクールですね。
センスの良さがつくづくすばらしいです。

今のところ、管理人様のご説明を
読んで作れているところです。
また、何か行き詰ったらご質問させて頂くと思います。
宜しくお願い致します。

ありがとうございました。
2013.09.05 22:44 | URL | #- [edit]

Leave a reply






管理者にだけ表示を許可する

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/379-576dbe1d
新装開店!
2ヵ月ほどかけてブログを改装しました! 元々自作漫画発表の場としてブログを立ち上げたのですが、諸々の準備で延び延びに…。 本日ようやく公開と相成りました。 改装にあたり、『Mystic Diary』より...
← フェイスブック、グーグル+・・どーすりゃいいの!? → しんぷるいずざべすと