Blogger専用ガジェットメーカーが凄い!!画像付き最新記事orランダム

Blogger専用ガジェットメーカー

Google Bloggerユーザー必見!
Bloggerの基本ガジェットには「人気の投稿」はあっても「最新記事」「最近の投稿」を表示するガジェットがないため、フィードを利用して作ったり外部ツールに頼るしかありませんでした。

スポンサーリンク

Bloggerで画像付き最新記事を表示するには

これまでに、自分で試した
「複眼RSS」と「忍者レコメンド」の使用法を解説しました。

過去記事はこちら 

「複眼RSS」も「忍者レコメンド」も良かったのですが
欠点は、外部ツールのため内部リンクを貼ってるのに1度外へ飛ばされることでしたし、そのため表示も重い!

海外サイトで見つけた Blogger専用、ランダムポストや最近の投稿をサムネイル付きで表示できるガジェットを紹介します。

Blogger Random – Recent – Specific Label Posts Widget

Blogger Random – Recent – Specific Label Posts Widget – All in One Post Feed Widget › Blogger Can Do 

このガジェットの凄いところはジェネレーター付きで簡単に、
綺麗なサムネイル付き一覧が生成できること。
しかも外へ飛ばされないので軽い!と、いいことだらけです♪

ガジェットメーカー

↑の紹介ページリンクにジェネレーターがあるので表示させたい項目へチェックを入れ、設置するガジェットの横幅を入力します。

↑が私の設定です。
(私の左サイドバーは160)

 このガジェットの良い点は、「HTML/JavaScript」ガジェットの中だけ記入したり書き換えたりするだけで、本体のHTMLはいじらないため、バックアップの必要もなく何度でもやり直せるので、色々とチェック項目を変えて自分の好みに合わせてみて下さい。

自分のブログURLを入力してADD WIDGETをクリック。

ガジェットメーカー2

窓が開くので設置するブログを選んで下さい。
このままではタイトルが長いのでここで書き換えることもできます。(あとからも可能)
ウィジェットを追加をクリック。 

できあがった状態です。

ガジェットメーカー3



ありがたいことに、タイトルをh3で表示してくれてるため文字サイズが大きくなってます。
ジェネレーターにはなかった「カテゴリー」も表示されていたので、
Bloggerの「レイアウト」からガジェットを開き中のソースコードを書き換えて調整します。

↓これが生成されたデフォルトのコード

70行目からの「true」と「false」を書き換えて表示・非表示をかえることができます。


各タイトル前へ Bloggerファビコンを入れてみよう!

忍者レコメンド

以前、紹介した「忍者レコメンド」の表示が気に入ってたので、そっくりになるようコードを書き換えました。
スマホでは表示されませんが、
PCだと左サイドバーの「最新記事」ガジェットがそうです。
「忍者レコメンド」についてた Bloggerの「ファビコン」も入れてみました♪(^^)

ファビコンを入れる場合は、まずは「Ligature Symbols 」を使えるようにします。

使い方を解説した記事はこちら 

この「Ligature Symbols」のフォントコードと:before疑似要素で簡単にタイトル前へ Bloggerロゴを挿入できます。

↑のコードを作成したガジェット内へ書き足せばOKです。
「Ligature Symbols」をブログで使えるようにしてからです)
大きさは「font-size」、余白は「margin」で設定して下さい。

お疲れ様でした♪(^^)


他にも↓5つのデザインが作れるガジェットもありました。

5 Cool Recent Post Widgets for Blogger | Helplogger


最後までご覧いただき ありがとうございました。 

この記事が役に立ったと思った方はシェアして頂けると嬉しいです。(^^)

スポンサーリンク

このページをシェアしてくれたら嬉しいな~(*'∀'人)

テスト
おじぎ猫 訪問ありがとうございました。

お知らせ
スパムが多いため、コメントは承認制になっています。
確認次第、承認と返信をいたしますね。(^^)/

My Youtube
石巻貝を助けるコリドラス 石巻貝を助けるコリドラス
morphing morphing
恐竜体操で食べられた!? 恐竜体操で食べられた!?
ゴジラのパロディ ゴジラのパロディ
アナと雪の猫王 アナと雪の猫王
Prince PURI #2 Prince PURI #2
トカゲ酒飲んで変身!! トカゲ酒飲んで変身!!

 15日月末ポイント消滅 !? 確認はこちら 楽天市場

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

トップへ戻る