ブログ>カスタマイズ(Seesaa,さくら) - アフィリエイトでお小遣い

さくらのブログがバージョンアップ

さくらのブログが10月21日にバージョンアップしていた。

今さらだが、今まであまり気づいていなかった。

ほぼ、Seesaaブログの現行バージョンに追いついたようだ。

タグクラウド、カテゴリーの関連記事化など、これでアクセスアップにつながるだろう。

また、各社のソーシャルブックマークボタンも簡単に設置できるようになった。

さらに、iPhone対応やTwitter、動画の貼り付け機能なども。

結構、充実していたのね。うっかりしていた。気づいてなかった。

出遅れてしまったようだ。

このサイトのテンプレートも上記機能が生かせるように変更しななければ!

ソースコードを見やすく表示

HTMLやCSS、VB、JAVAなどのソースコードをブログで紹介したいことってありますよね。

でも、ソースはどこからどこまでなの?
説明書きは何行目のこと?

など読者が読みにくいとせっかくの記事も台無し。

そこで、SyntaxHighlighterというJavascriptツールを使った方法の紹介です。

本サイトではないですが、Seesaaブログで実装してみました。

シーサーブログのカスタマイズさんの記事を参考にさせていただきました。


利用イメージはこんな感じ
SyntaxHighlighterImage.jpg

です。

他のJavascriptを設置する参考にもなります。

ブログで表作成

Seesaaやさくらブログでは、投稿用のエディタには表作成のツールが付いていません。

方法としては、
1.HTMLタグのtr,tdタグを直接、投稿エディタに書く。

2.ホームページビルダやDreamweaver等のホームページ作成ツールなどでテーブルを作成し、HTMLソースを投稿エディタにコピー・ペースト。

3.インターネット上の表のソースを作成してくれるサービスで表を作成し、HTMLを投稿エディタにコピー・ペースト

  ★Chos式テーブル素材メーカー

共通の注意事項ですが、投稿を保存するときに「この記事の詳細設定」の「改行HTMLタグ変換」を「改行を
タグに変換しない」のフラグをONにしてください。
この時、投稿エディタ上で改行しても改行されないので、改行したい箇所に「<br />」を入力しましょう。

↓の評価ボタンを押してランキングをチェック!
素晴らしい すごい とても良い 良い




ブログを見やすく−カテゴリーの階層化−

アフィリエイトで稼ぐには、できるだけ訪問者の方に見やすくすることも重要ですね。

ブログも記事が増えてくると、運営者本人ですら「あの記事どこにあるんだろう」という状態になってきます。

ましてや訪問者の方にはさっぱりわからんという状態になっちゃいます。

しかし、ブログのメニューとでもいうべき「カテゴリー」は1階層しか表示できず、メニュー化するには不十分です。

そこで、今回はこの「カテゴリー」をもう少し、見やすくするため、階層化することにしました。

方法は、下記サイトを参考にさせていただきました。
注)SeeSaaとさくらブログで利用可能。

カテゴリの分類とツリー化2

簡単に階層化できましたが、CSSの違いからか、文字が小さくなってしまいましたので、上記サイトの方法に付け加えて、CSSのフォントサイズを変更しました。

皆さんもチャレンジしてみては、いかがでしょうか?
当サイトはリンクフリーです。

http://affiri.sblo.jp/