機能的で格安なページ制作

他サイトの新着記事を掲載する

Google Feed APIを使って他サイトの新着を表示

当サイトTOPページにもあるBlogPickupのうように他サイトの記事を
新着順に並べて表示する方法をメモしておきます。

まず、Google Feed APIを読み込む必要が有るので<head>内に次を記載

次にベージ内に表示させる為に必要なスクリプトを入れます。
この部分をそのまま<head>内に入れても外部のJSファイルにしても構いません
ソースはこちら

表示するには<body>内の表示させたい場所に上記12行目で決めたIDを使い

このように記載するだけです、
後は、CSSで綺麗に表示するように整形すれば完了です。


No Comments Yet

コメントを残す

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

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

スマートフォン

このサイトはレスポンシブルです、
画面幅によりレイアウト最適化します、
スマホサイズで見てみよう!

上のQRコードをスマホでスキャン
又はタップしてメールで送れます

 
 

財成神社






このブログパーツの貼り付けコードはこちら
無料ですので是非使ってください。

お勧めサーバー

Amazonでお買物