ラベル

ラベル Bloggerのカスタマイズ の投稿を表示しています。 すべての投稿を表示
ラベル Bloggerのカスタマイズ の投稿を表示しています。 すべての投稿を表示

2013年1月13日日曜日

Bloggerの全記事一覧の作り方

こちらの記事は以下の二つのサイトを参考にさせて頂きました 

1、スナフさんのブログ

 2、Abu Farhan氏のサイト

 おおもとのソースは2番のサイトのようですが、日本人である私は主にスナフさんのブログを見て何とかしました。

 こちらのサイトには色々と他にも情報が載っていて、今後とも参考にさせて頂きたいです。

さて、Abu Farhan氏のサイトには以下のようなスクリプトが掲載されています


<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://demo-paginator3000-abu-farhan.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>


これをまず白紙ページに貼付ける
(左上の作成/HTMLから、HTMLモードにするのをお忘れなく)

次いで下線部を自分のブログのURLに変更すればOKです

簡単だよね。

きちんと動くかプレビューで確かめてみて下さい






Bloggerのタイトルにリンクを貼る

私はHTMLとかほとんどわかっていないITど素人です。

そんな私ですが、できればこのブログをもう少し格好良くしたいと企んでいます。

そこで色々といじった設定の仕方を備忘録的に残していきたいと思います。



まずは表題のこと。

多くのブログではタイトルをクリックするとTopページ的なところに戻ることができます。

しかしBloggerではデフォルトでこの機能がなく、自分で設定をいじる必要があります。

いじり方はこちらのブログに載ってました

もう付け足すことがないくらい分かりやすいですが、Blogger操作の練習もかねて私からも簡単に説明をします


①まずはマイブログの画面でテンプレート画面に移動


②次いでHTMLを編集をクリック。すると次の画面になるので


③ヴィジェットのテンプレートを展開にチェック

④記号の羅列(HTMLね)の中から3ヶ所くらいある

 <b:include name='title'/>

 を

 <a href="/"><b:include name='title'/></a>

 に置き換える。

⑤保存して完成

簡単です。

伊藤さんのブログにある通り<b:include name='title'/>を探すときには検索ウインドウを出して検索をかけると便利。確かに3カ所見つかりました