当機能【おすすめ記事テーブル生成機VER3.0~はてなブログなら最新記事取得機能つき~】はどなたでもご自由にお使いいただけます。
生成したHTMLを自身のサイトに貼り付けることに関して、使用許可の申請等は必要ありませんので、ご自由にお使いください。
ただし、使用は自己責任でお願いします。
当機能の使用によって生じた損害について、当方は一切責任を負いません
特に最新記事取得機能は、誤った情報を取得してしまう可能性もございますので、生成されたHTMLは必ず正しい情報かどうかご確認してから使用してください。
テーブル設定
- 最新記事取得
- はてなブログでサイドバーに表示できる公式モジュール「最新記事」から、記事タイトルとURLの情報を抽出し、テーブル設定に反映します。
- はてなブログじゃない場合や、公式モジュール「最新記事」を表示していない場合、この機能は使えません。
- 以下の設定をしてください。
- ・取得する最新記事の数:
- ・公式モジュールのクラス名:
- (↑おそらく、変更しなくても大丈夫だと思います。情報が取れない場合は、モジュールのタイトル名にすると情報取得できるかもしれません。)
- ・最新記事を取得したいブログのソースコード↓
- 入力できたら、下のボタンを押してください。
- ソースコード貼り付けのやり方。
- ①:最新記事情報を取得したいブログページで右クリックし、「ページのソースを表示」を選択。
- (MacPCの場合は「Cmd + Option + U」で表示されるようです)
- ②:出てきたページの内容を全てコピー。ショートカットキー「Ctrl+A」→「Ctrl+C」とすれば早いです。
- ③:テキストエリアに貼り付けて、情報取得ボタンをクリック。下の設定欄の記事名とURLに内容が反映されます。
- 見出しタイトル:
- テーブルの一番上の行に表示する文字を入力します。
- 記事名とURL(最大15件表示,入力済み行のみでテーブルを作成します)
- テーブルに表示させる記事名とそのURLを入力します。
- 1記事名:URL:
- 2記事名:URL:
- 3記事名:URL:
- 4記事名:URL:
- 5記事名:URL:
- 6記事名:URL:
- 7記事名:URL:
- 8記事名:URL:
- 9記事名:URL:
- 10記事名:URL:
- 11記事名:URL:
- 12記事名:URL:
- 13記事名:URL:
- 14記事名:URL:
- 15記事名:URL:
- 表の横幅:
- テーブルの横幅を指定します。親要素に対するパーセンテージや、px等でも指定できます。
- 見出しデザイン(一番上の行のデザイン)
- 見出しや記事表示部のデザインをそれぞれ指定します。
- (参考)カラーコードはこちらのサイトが参考になります→原色大辞典
- 文字の色:
- 背景の色:
- 文字サイズ:
- 記事部分デザイン(記事名が表示される行のデザイン)
- 文字の色:
- 背景の色:
- 文字サイズ:
- ↓に実際のテーブルとHTMLが表示されます。
↓下のHTMLをブログ内の好きな所にコピペしてください↓