Norimakiのアフィリエイトツール開発室 -18ページ目

読者が600人を超えたようです。

ども、サンデーアマグラマーNorimakiです。

最近、更新ができてないのですが、読者数が600人を超えたようです。
ありがとうございます。これからも末永くよろしくお願いします。


今は、ちょっとした理由で更新できていないんですが、
何とか生きています。できるだけ早く続きを更新したいとは
思っています。


そのちょっとした理由というのは、あまり大きな声では言えませんが、
ちょっとした実験ツールを作っています。申し訳ないのですが、
諸事情があって、これに関しては一般公開はできないと思います。

軽く種明かしをすると、文章生成ツールなんですが、使い方を誤ると
スパミーなツールになってしまうので一般公開はできません。

イメージとしては、ABPゴースト2とかシナリオメーカーPROみたいな
感じです。

それぞれのツールでもうちょっとこんなことができればいいのに。
と思うところがあるので作ってみようかなと。

ということで、近況報告でした。


ではでは。
Norimaki。



「配布期間限定のツール」が手に入るメルマガ発行中です。
登録はこちらからどうぞ


HTMLテンプレート【ベースHTML2】

ども、サンデーアマグラマーNorimakiです。

記事を書いていたら消えてしまって、
モチベーションがダウンしているNorimakiです。


さて、現在取り上げているテーマはこちら。

「HTMLに変更を加えることなく、スタイルシートだけを変更する
だけでデザインが変えられるテンプレート」


です。この前掲載したHTMLソースがちょっと間違っていたので、
参考にされた方には申し訳ありませんが、修正しておきましたので、
見直していただければと思います。

コピペミスでした。すいません。


で、これからはこのHTMLソースを叩き台にして解説を少しずつ
やっていきます。


HTMLソース全体では4つのパーツに分けられています。

・ヘッダー
・メイン部分
・サイドバー
・フッター


ですね。諸々の事情によって多少手を加えているところもありますが、
大雑把に言ってこんな感じです。色分けもしてあるので参考にして
下さい。およそ必要だと思われるものについては入れ込んでいます。


{$---}みたいな変な記号のようなものがありますが、これは、
書き換える箇所を指定しています。

{$サイトタイトル}であれば、ここにサイトタイトルを入れるのよ。
ということを示しています。

<head>~</head>までの間は、こんなものだと
思ってください。というより、あまりよく知らないと言うのが
本音だったりします。


一応、HTML-Lintで致命的なエラーが出ないならそれでOKかなと。
そんな感じです。

とりあえず今回はこんな感じで。


ではでは。
Norimaki。




無料ツール(配布期間限定)が手に入るメルマガ発行中です。
登録はこちらからどうぞ


メルマガ新着4位でした。

ども、サンデーアマグラマーNorimakiです。
ワタクシ、メルマガを発行していまして。

おかげさまで、新着メルマガ4位という結果になりました。
できれば、3位以内に入りたかったんですが、タイミングが
悪かったようです。

まだ購読されていない方はこちらからどうぞ。

Norimakiのアフィリエイトツール談義


メルマガでは期間限定で開発中のツールをご紹介しています。
現在は、ミニブラウザにスクリプトエンジンを載せて、
自動化に向けて仕組みを作っているところです。

その第1弾として、ヤフーメルアド自動取得スクリプトというのを
公開しました。期間限定なので、今はもうダウンロードできなくなって
しまっていますが。


ま、そんなものが作れるって事です。もちろん、そのほかにも作ろうと
思えば、スクリプトである程度のことはできてしまいます


お金を出してツールを買うということが、時間を買うという意識であれば
全然問題ないわけですが、なんか凄いことが出来そうだから買って
みようか
と思っているなら、僕のメルマガ限定公開版ミニブラウザでも、
似たような体験はできる(事もある)ので、ご覧頂くのも一興かと
思います。


まだまだ読者募集中ですので、興味のある方はこちらからご購読下さい。

Norimakiのアフィリエイトツール談義


ではでは。
Norimaki。



無料ツール(配布期間限定)が手に入るメルマガ発行中です。
登録はこちらからどうぞ


HTMLテンプレート【ベースHTML】

ども、サンデーアマグラマーNorimakiです。
現在、取り上げているテーマはこちら。

「HTMLに変更を加えることなく、スタイルシートだけを変更する
だけでデザインが変えられるテンプレート」


です。今回はHTMLソースを挙げてみました。長くて申し訳ないんですが、
こんな感じです。これは現時点でのHTMLソースです。今後変更もありえます。
これまでの説明とちょっと違うところもありますが修正したということで。

とりあえず、これに基づいてちょいとお話を進めていこうと思います。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link href="Styles.css" rel="stylesheet" type="text/css" />
<title>{$サイトタイトル}</title>
</head>
<body>
<div id="Container">
<h1>{$サイトキーワード}</h1>

<div id="Header">
<h2 class="SiteTitle"><a href="http://........">ここにサイトタイトルを</a></h2>
<p class="SubTitle">ここにサブタイトルを<br>ここにサブタイトルを<br></p>
<p class="SiteExp">ここにサイト説明文を。ここにサイト説明文を。ここにサイト説明文を。ここにサイト説明文を。ここにサイト説明文を。ここにサイト説明文を。。</p>
<p class="AfBanner">
<a href="http://....."><img src="./images/banner.jpg"></a></p>
</div>

<div id="GlobalNavi">
<ul id="GL3">
  <li class="GL1"><a href="URL">リスト</a></li>
  <li class="GL2"><a href="URL">リスト</a></li>
  <li class="GL3"><a href="URL">リスト</a></li>
</ul>
</div>

<div id="Links">
<ul>
  <li class="Link1"><a href="URL1">リンク1</a> | </li>
  <li class="Link2"><a href="URL2">リンク2</a> | </li>
  <li class="Link3"><a href="URL3">リンク3</a></li>
</ul>
</div>


<div id="Contents">

<div id="Pankuzu">
<ul>
  <li class="PL"><a href="URL">HOME</a> > </li>
  <li class="PL"><a href="URL">カテゴリ1</a> > </li>
  <li class="PL">個別記事1</li>
</ul>
</div>

<div id="Main">
  <div class="Item">
    <h3>{$記事タイトル1}</h3>
    <p class="Itembody">
      {$記事本文1}{$記事本文1}{$記事本文1}{$記事本文1}{$記事本文1}{$記事本文1}{$記事本文1}{$記事本文1}{$記事本文1}{$記事本文1}{$記事本文1}{$記事本文1}{$記事本文1}{$記事本文1}{$記事本文1}
    </p>
  </div>

  <div class="Item">
    <h3>{$記事タイトル2}</h3>
    <p class="Itembody">
      {$記事本文2}
    </p>
  </div>

  <div class="Item">
    <h3>{$記事タイトル2}</h3>
    <p class="Itembody">
      {$記事本文2}
    </p>
  </div>

  </div>

<div id="Sidebar">
  <div id="LeftSidebar">

  <div class="Menu">
  <div class="MenuTitle">メニュータイトル</div>
    <div class="MenuBody">
      <ul>
        <li><a href="URL">左メニュー1</a></li>
        <li><a href="URL">左メニュー2</a></li>
        <li><a href="URL">左メニュー3</a></li>
        <li><a href="URL">左メニュー4</a></li>
      </ul>
    </div>
   </div> 
    
  <div class="Menu">
  <div class="MenuTitle">メニュータイトル</div>
    <div class="MenuBody">
      <ul>
        <li><a href="URL">左メニュー1</a></li>
        <li><a href="URL">左メニュー2</a></li>
        <li><a href="URL">左メニュー3</a></li>
        <li><a href="URL">左メニュー4</a></li>
      </ul>
    </div>
   </div> 

  </div>

  <div id="RightSidebar">
  
  <div class="Menu">
  <div class="MenuTitle">メニュータイトル</div>
    <div class="MenuBody">
      <ul>
        <li><a href="URL">右メニュー1</a></li>
        <li><a href="URL">右メニュー2</a></li>
        <li><a href="URL">右メニュー3</a></li>
        <li><a href="URL">右メニュー4</a></li>
      </ul>
    </div>
   </div>
   
  </div>

</div>

</div>


<div id="Footer">
copyright(c) 2010.<span class="SiteName"><a href="{$サイトURL}">{$サイトタイトル}</a></span> 
<span class="eMail"><a href="mailto:{$e-mail}">{$e-mail}</a></span> 
Template by <span class="TempCreator">
<a href="http://usefultoolers.com/">テンミニッツサイトストラテジー</a></span> 
Illustrated by <span class="IllustCreator"><a href="{$画像作者サイトURL}">{$画像作者サイト}</a></span>
</div>


</div>

</body>
</html>




無料ツール(配布期間限定)が手に入るメルマガ発行中です。
登録はこちらからどうぞ




HTMLテンプレート【3カラム】

ども、サンデーアマグラマーNorimakiです。
現在、取り上げているテーマはこちら。

「HTMLに変更を加えることなく、スタイルシートだけを変更する
だけでデザインが変えられるテンプレート」


です。今回はパンくずナビを付けてみました。
一応これで3カラムは出来たのかなと。思います。

これです。

$Norimakiのアフィリエイトツール開発室-試作品

まぁ、ここ数日大して変わりばえのしない画像ですが、
ま、色々いじくっていたということで。

始めに言っておいた方が良いと思いますが、ソースは汚いです。
キレイに書けません。

なにせ、行き当たりばったりですから。
そんなことで、ソースは後日ご紹介します。


それから、他人のHTMLソースを見て気になったんですが、
H1タグにクラスをつけるのはどうなんでしょうね?

H1タグってのはHTMLソースに1つしかないわけで、
クラスをつけなくても特定は出来るはずですよね。

SEO云々のテンプレートがそうなってるんですから、
そういうものなのかなとも、思わなくもなくもない。
って気がしますが。


ではでは。
Norimakiでした。



無料ツール(配布期間限定)が手に入るメルマガ発行中です。
登録はこちらからどうぞ