有名ブロガーになろうよ！―ファンブログ工房

オリジナルスキン公開中！

オリジナルスキンのソースページへ
ファンブログ変数表―メイン関連

スキン変数表（メイン関係）

2007年03月21日（Wed）

まだ全部じゃないけど、ファンブログの変数表を少し。

制限なし変数

{$BlogName$}―Blogの名前
{$BlogUrl$}―BlogのURL
{$BlogDescription$}―Blogの説明
{$BlogSidebarLeft$}―左側のサイドバー
{$BlogSidebarRight$}―右側のサイドバー
{$BlogAccessCounter$}―アクセスカウンター
{$BlogPagePrevLink$}―前のページ
{$BlogPageNextLink$}―次のページ

<BlogIfPagePrevious></BlogIfPagePrevious>―前のページが存在する場合の条件分岐

<BlogIfPageNext></BlogIfPageNext>―次のページが存在する場合の条件分岐

エントリー関係変数

<BlogEntries></BlogEntries>―記事部分

↓以下、記事部分に記述できるもの

{$BlogEntryDateformat="" language=""$}―Dateformatの""の中には"%Y年%m月%d日(%a曜日)%H時%M分"のように入れる。languageは"ja"でok
{$BlogEntryTitle$}―記事タイトル
{$BlogEntryBody$}―記事本文
{$BlogEntryPermalinkUrl$}―記事URL
{$BlogEntryWriterUrl$}―記事投稿者の名前
{$BlogEntryWriterName$}―記事投稿者のプロフURL
{$BlogEntryCategory$}―記事のカテゴリー名
{$BlogEntryCategoryLink$}―記事のカテゴリーURL
{$BlogEntryCommentCount$}―記事のコメント数
{$BlogEntryTrackbackCount$}―記事のトラバ数

<BlogEntryIfExtended></BlogEntryIfExtended>―追記がある場合の条件分岐

<BlogEntryIfCategory></BlogEntryIfCategory>―カテゴリー指定がある場合の条件分岐

<BlogEntryIfAllowComments></BlogEntryIfAllowComments>―コメントが許可されている場合の条件分岐

<BlogEntryIfAllowPings></BlogEntryIfAllowPings>―トラバが許可されている場合の条件分岐

Posted by F.B | オリジナルスキン | ▲

ファンブログの正体見たり！！

2007年03月20日（Tue）

いや、実はね。ファンブログはドリコムブログだったんですよ。

「そんなバカな」って？

じゃあ、ファンブログをお使いの皆さん。貴方の自分のプロフィール画像を「右クリック→名前を付けて画像を保存」で、どこか適当に保存してみてください。

UTF-8でエンコードされていて分かりにくいですが、冒頭に「%2Fdrecom_blog%2F」ってありませんか？（"%2F"は"/"のことです）

多分、ドリコムが他社向けのパッケージとしてリリースするときの修正漏れですね。これは。

（なお、画像データ自体はドリコムではなく、ちゃんとファンブログのサーバにありますのでご安心を）

え？まだ信じられないって？

じゃあ、ドリコムのこのページを見てください。

アクセス解析の画面とか、どこかで見たことないですか？

じゃあ、おまけです。ドリコムのさっきのページをよーく覚えて、「続きを読む」をクリックしてください。

Posted by F.B | ブログサービス | ▲

ファンブログをSEO的に考える

2007年03月19日（Mon）

オタ？さんのブログでも取り上げられていましたが、このファンブログ、足跡やコメントの参照元がブログトップではなくプロフィール画面になってしまう。

これを回避するためには一度ログアウトしなければならないというとても面倒な仕様。

スパム対策なのかもしれませんが、全頁にブログトップ、プロフ、経歴へのリンクが出来ているので、インナーリンクが散ってしまう。

これはSEO的にどうなんでしょうかね…

（サブドメイン形式でない時点でSEOもクソもないという話がありますが…）

いっそのこと、インナーリンクをプロフにあつめ、記事全てをドアページにして、プロフを事実上のブログトップにしてしまうというのはどうでしょうか。

まず、プロフにサイトマップをhtmlベースで記述し（めんどくさ）、目当てのアフィリエイトリンクを配置します。

で、ブログトップ、プロフ、経歴へのリンクがあるプロフィールの機能を削除し、項目の追加でプロフのみへのリンクがあるhtmlソースを記述。

あとはプロフページを各種検索エンジンやランキングサイトに登録する、と…。

プロフィールと称していろいろキーワード埋め込むことができますよね。

暇になったら試してみようかな。

スキンの完成＆公開は週末予定です。

Posted by F.B | SEO | ▲

画像倉庫３

2007年03月19日（Mon）

スキン用の画像倉庫スペースです

Posted by F.B | 画像倉庫 | ▲

画像倉庫２

2007年03月19日（Mon）

スキン用の画像倉庫スペースです

Posted by F.B | 画像倉庫 | ▲

画像倉庫１

2007年03月19日（Mon）

この記事はスキン用の画像倉庫です。

Posted by F.B | 画像倉庫 | ▲

続き

2007年03月18日（Sun）

なんか10000文字という文字数制限があるらしい。
容量じゃなく文字数なのか。
ださいなあ。
ファイルのアップロードも記事単位でしかできないので、コンスタントに画像ファイルを使うには、一度記事にしなければならないみたいですね。
うーん使いづらい。

CSS

/*■■■　全般　■■■■■■■■■■■■■■■■■■■■■■■*/
* {
	margin : 0;
	padding : 0;
	word-wrap : break-word;
	word-break : break-all;
}

h1{
	font-size : 200%;
}
h2{
	font-size : 160%;
}
h3{
	font-size : 130%;
}
h4{
	font-size : 120%;
}

h5{
	font-size : 110%;
}

h6{
	font-size : 105%;
}

th,td {
	vertical-align: top;
}

a {
	text-decoration: none;
	color: #ffff99;
}

a:hover {
	text-decoration: underline;
	position: relative; top: 1px; left: 1px;
}

p { margin: 2px 0; }
ul { margin:2px 0 5px 0; padding:0; } 
li { margin-left:15px; margin-bottom:3px; } 
form { margin:0;}
table { font-size:10pt; }
.c-both { clear:both; } 
img { border-style:none;
}
blockquote {
	margin: 5px;
	background-color:transparent;
	padding: 5px;
	border-top: 2px dotted #cccc66;
	border-right: 2px dotted #cccc66;
	border-bottom: 2px dotted #cccc66;
	border-left: 6px solid #cccc66;
}
.imgover { overflow: hidden;}

/*■■■　ボディ　■■■■■■■■■■■■■■■■■■■■■■*/

body{
	padding: 0px 0px 10px 0px; 
	margin: 0px;
	text-align: left;
	font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	font-size: 14px;
	color: #ffffff;
	line-height: 1.3;
	background: #a08855 url("https://fanblogs.jp/fblogger/file/3/a2F0YWNoaddo.jpg") no-repeat fixed;
	background-position        : center center;
}

/*■■■　外枠　■■■■■■■■■■■■■■■■■■■■■■■*/

#container {
	clear: both;
	position:relative;
	width: 770px; 
	margin:10px auto; 
	background-color:transparent;
}

/*■■■　ヘッダー　■■■■■■■■■■■■■■■■■■■■■*/

#header {	
	height: 100px;
	padding:2px;
	background-color:transparent;
	color: #ffffff;
}

#header h1 {
	font-family:"HG丸ｺﾞｼｯｸM-PRO", "Verdana", "ＭＳ Ｐゴシック", "Arial Black", "Impact", "Osaka";
	margin: 10px 0px 10px 0px;
	padding:10px 5px 5px 20px;
}

#header h1 a{
	color: #ffffff;
}

#header h2 {
	margin: 10px 0px 10px 0px;
	padding:7px 5px 5px 5px;
	text-align: right;
	font-size : 85%;
}

/*■■■　記事№クラウド　■■■■■■■■■■■■■■■■■■*/

#cloud {
	width : 520px;
	clear: both;
	position:relative;
	font-weight: bold;
	border: #ffffff 2px solid;
	margin: 10px 0px;
	padding: 5px 5px;
	line-height: 1.3;
}

/*■■■　メイン　■■■■■■■■■■■■■■■■■■■■■■*/

#main {
	width : 560px;
	float : left;
	margin: 0px;
	padding: 10px 0px;
}

.navi {
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding:2px 5px;
	text-align: left;
	font-size : 110%;
}

#menu {
	width : 190px;
	float : right;
	margin: 0px;
	padding: 10px 0px;
}

/*■■■　エントリー　■■■■■■■■■■■■■■■■■■■■*/

#entry {
	margin: 10px 0px;
	padding: 5px 2px 2px 2px;
	background-color:transparent;
}


#entry h2 {
	margin: 10px 0px 10px 0px;
	padding: 0px 10px;
	color: #000000;
	background-color: #cccc66;
	filter:alpha(opacity=80);
	width : 540px;
}

#entry h2 a{
	color: #000000;
}

.plugin1 {
	margin: 10px 0px 10px 0px;
	padding: 0px 10px;
	color: #000000;
	background-color: #cccc66;
	filter:alpha(opacity=80);
	width : 170px;
}

.plugin3 {
	margin: 10px 0px 10px 0px;
	padding: 0px 10px;
	color: #000000;
	background-color: #cccc66;
	filter:alpha(opacity=80);
	width : 540px;
}

#entry h5 {
	margin: 10px 0px 10px 0px;
	padding: 0px 10px;
	text-align: right;
}


#ently_body { 
	background-color:transparent;
	text-align:left; 
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
        overflow: hidden;
} 

#ently_body textarea { 
	background-color:transparent;
	border:1px solid #ffffff;
	color:#ffffff;
} 

#ently_body INPUT { 
	background-color:transparent;
	border:1px solid #ffffff;
	color: #ffffff;
} 

.entry_base {
	margin: 10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-size : 85%;
	text-align: right;
	border-top:#ffffff 1px solid;
}

.readmore { margin-top: 10px; } 
.readclose { margin: 10px 0; } 

}

/*■■■　コメント＆トラックバック　■■■■■■■■■■■■■*/

#comment {
	margin: 0px 0px;
	padding: 5px 2px 2px 2px;
	background-color:transparent;
}

#comment h2 {
	margin: 10px 0px 10px 0px;
	padding: 0px 10px;
	background-color: #cccc66;
	filter:alpha(opacity=80);
}

#comment h2 a{
	color: #000000;
}

#comment h5 {
	margin: 10px 0px 10px 0px;
	padding: 0px 10px;
	text-align: left;
}

/*■■■　フッター　■■■■■■■■■■■■■■■■■■■■■*/

#footer {	
	width: 770px; 
	padding:2px;
	background-color:transparent;
}

#footer h5 {
	margin: 10px 0px 0px 0px;
	padding:5px 5px 0px 5px;
	text-align: right;
	background-color:transparent;
	font-size:85%;
}

#footer h6 {
	margin: 0px 0px 10px 0px;
	padding:0px 5px 5px 5px;
	text-align: right;
	background-color:transparent;
	font-size:80%;
}

#footer h6 a {
	color: #ffffff;
}

/*■■■　メニュー　■■■■■■■■■■■■■■■■■■■■■*/

#content .side {
	text-align : center;
}

.side .side_title {
	margin: 10px 0px 10px 0px;
	padding: 0px 10px;
	color: #000000;
	background-color: #cccc66;
	filter:alpha(opacity=80);
	width : 180px;
	text-align : left;
        font-weight : bold;
	font-size : 110%;
}

.side .calendar_bg {
    /* カレンダー全体 */
	width: 170px;
	padding : 5px;
	color : #ffffff;
	font-size: 12px;
    text-align : center;
}

.side .calendar_bg th.calendar {
    /* 曜日 */
    padding : 0 3px;
    text-align : center;
}

.side .calendar_bg td.calendar {
    /* 日付 */
    padding : 0 3px;
    text-align : center;
}

.side .side_text, .side .profile_name_text {
    width : 170px;
    padding : 2px 5px;
    white-space : normal;
    overflow-x : hidden;
	text-align : left;
}

.side .profile_name_text .side_text, .side .side_text .side_text {
    padding : 2px 0px;
	text-align : left;
}

/*■■■　ボタン　■■■■■■■■■■■■■■■■■■■■■■*/

a.button, span.button, {
	text-decoration:none;
	margin:2px 2px 2px 2px;
	padding:1px 3px 1px 3px;	
	vertical-align:middle;
	border: #ffffff 2px solid;
	background-color:transparent;
}

a.button:hover, span.button:hover, 
span.button-behavior-hover{
}
a.button:active, span.button:active, 
span.button-behavior-active{
}

で、これがスキンに使う画像↓

植田言志さん作です。

サムネイルもできないのね…

画像でレイアウトが崩れてボロボロだけど、そもそも画像サイズ調整ができないことにかなり問題がある。
と、責任転嫁して逃げておこう。独自タグの上から幾ら要素を指定しても効かないんだもん。

Posted by F.B | オリジナルスキン | ▲

オリジナルスキン作成中

2007年03月18日（Sun）

こっそり作成中です。

FC2用のお下がりだから、まあそれなり。

とりあえずメインページはできましたが、

何かアーカイブ、１記事、プロフィールも作らなければならないので、結構面倒ですね…

ポータルはまだサーバクエリが働いていないのかな？

まだ、メインだけだけど、欲しい人はコピペどうぞ↓

コメントもらえると嬉しいです。

メインのHTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja-JP">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=sift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">

<title>{$BlogName$}</title>

<meta name="description" content="{$BlogDescription$}">

<!--■■↓↓検索でＨＩＴさせたい言葉を記入（8個以内）↓↓■■-->
<meta name="keywords" content="ファンブログ,アフィリエイト,a8.net,blog">
<!--■■↑↑検索でＨＩＴさせたい言葉を記入（8個以内）↑↑■■-->

<link rel="stylesheet" type="text/css" href="{$BlogUrl$}style.css" type="text/css">
<link rel="alternate" type="application/rss+xml" href="{$BlogUrl$}index1_0.rdf" title="RSS">

</head>

<body>

<!--■■■　外枠　■■■■■■■■■■■■■■■■■■■■■■-->
<div id="container">

<!--■■■　ヘッダー　■■■■■■■■■■■■■■■■■■■■-->
<div id="header">
<h1><a href="{$BlogUrl$}">{$BlogName$}</a></h1>
<h2>{$BlogDescription$}</h2>
</div>
<!--■■■ /ヘッダー　■■■■■■■■■■■■■■■■■■■■-->
      <!-- 一記事・アーカイブは、ここのコメントを外してnavigatorを有効にして下さい -->
<!--
      <div id="niavigator">
        <BlogArchivePrevious><a href="{$BlogArchiveLink$}">« {$BlogArchiveTitle$}</a> | </BlogArchivePrevious>
        <a href="{$BlogUrl$}">Main</a> 
        <BlogArchiveNext> | <a href="{$BlogArchiveLink$}">{$BlogArchiveTitle$} »</a> </BlogArchiveNext> 
      </div>
-->
    
<!--■■■　メイン　■■■■■■■■■■■■■■■■■■■■■-->

<div id="main">
<!--■■■　フリーエリア　■■■■■■■■■■■■■■■■■■-->
<div id="entry">
<h2>フリーエリアです</h2>
<div id="ently_body">
<p>　ここはフリーエリアです。</p>
</div>
</div>
<!--■■■ /フリーエリア　■■■■■■■■■■■■■■■■■■-->

<!--■■■　エントリー　■■■■■■■■■■■■■■■■■■■-->
            <!-- middle -->
              <BlogEntries>
<div id="entry">
                <!-- entry -->
<h2><a name="entry{$BlogEntryDate format="%H%M"$}" id="entry{$BlogEntryDate format="%H%M"$}">{$BlogEntryTitle$}</a></h2>
<h5><a href="{$BlogEntryPermalinkUrl$}">{$BlogEntryDateformat="%Y年%m月0日(%a)" language="jp"$}</a></h5>

<div id="ently_body">

{$BlogEntryBody$}
                  <br class="cl">
<BlogEntryIfExtended>                  
<div class="readmore">
<a class="button" href="{$BlogEntryPermalinkUrl$}#BlogEntryExtend">
 続きを読む </a></div>
</BlogEntryIfExtended>

</div>

<!-- クリップを出したい場合はこの行全部削除
<p align="right">
<a href="javascript:(function(){location.href='http://clip.nifty.com/create?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title);})()">
<img src="http://clip.nifty.com/images/addclip_icn.gif" alt="niftyクリップに追加"></a>
<a href="javascript:(function(){location.href='http://clip.livedoor.com/redirect?link='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title);})()">
<img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_16_b.gif" alt="livedoorクリップに追加"></a>
<a href="javascript:window.location='http://b.hatena.ne.jp/add?mode=confirm&title='+escape(document.title)+'&url='+escape(location.href)">
<img src="http://b.hatena.ne.jp/images/append.gif" alt="はてなブックマークに追加"></a>
<a href="javascript:window.location='http://del.icio.us/post?url='+escape (location.href)+'&title='+escape (document.title);">
<img src="http://del.icio.us/static/img/delicious.small.gif" alt="del.icio.usに追加"></a>
</p>
クリップを出したい場合はこの行全部削除 -->

<div class="entry_base">
Posted by <a href="{$BlogEntryWriterUrl$}" target="_blank">{$BlogEntryWriterName$}</a>
<BlogEntryIfCategory> | <a href="{$BlogEntryCategoryLink$}">{$BlogEntryCategory$}</a></BlogEntryIfCategory>
<BlogEntryIfAllowPings> | <a href="{$BlogEntryPermalinkUrl$}#Trackback">トラックバック({$BlogEntryTrackbackCount$})</a></BlogEntryIfAllowPings>
<BlogEntryIfAllowComments> | <a href="{$BlogEntryPermalinkUrl$}#comments">コメント({$BlogEntryCommentCount$})</a></BlogEntryIfAllowComments>
 | <a href="#Top">▲</a>
</div>
                <!-- /entry/ -->
            </div>
              </BlogEntries>
            </div>
            <!-- /middle/ -->

            <!-- left -->
<!--■■■　メニュー　■■■■■■■■■■■■■■■■■■■■-->
<div id="menu">
<div id="entry">
<p><strong>illustrated by <a href="http://atomnet.exblog.jp/" target="_blank">植田言志</a></strong></p><br>
</div>
<div id="entry">
{$BlogSidebarLeft$}{$BlogSidebarRight$}
</div>
</div>
<!--■■■ /メニュー　■■■■■■■■■■■■■■■■■■■■-->
    <!-- /main/ -->
    <br class="cl">
<!--■■■↓↓　著作権表示改変不可！！ここから　↓↓■■■■■-->
    <div id="footer"><h5>copyright © <a href="{$BlogUrl$}">{$BlogName$}</a> all rights reserved.<br>Template by <a href="http://famousblogger.blog94.fc2.com/" target="_blank">有名ブロガーになろうよ！</a>―<a href="https://fanblogs.jp/fblogger/" target="_blank">ファンブログ工房</a></h5>
<img src="/image/copyrights.gif" border="0"></div>
</div>
<!--■■■↑↑　著作権表示改変不可！！ここまで　↑↑■■■■■-->
{$BlogAccessCounter$}
</body>
</html>

Posted by F.B | オリジナルスキン | ▲