ページ送りをつけるのもいいですが、最近では、記事を隠しておいてボタンを押したら記事を表示する方法もあります。
「続きを読むの開閉ボタン」のようにcssだけでやろうとすると、件数での制御が難しいですね。
なので、簡単なJavaScriptでできる記事（件数）の読み込みをご紹介します。

The post コピペでできる！簡単なJavaScriptで作る記事の読み込み first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.

ブロガーさん必見。記事のシェアなどで使えるブックマークレットを作りました。
ブログなどで他のサイトを紹介するときに面倒くさいからって単純にタイトルとリンクだけで済ませちゃいがちです。
でもこのブックマークレットなら、紹介したいサイトを開いてポチっとすればあら不思議。
貼り付けるソースコードがピロっとでてきます。
出てきたコードをコピーしてペッと貼って記事完成。忙しいブロガーさんでもパッと見やすいブログカードがすぐにできちゃいますよ。

吐き出されるコードは２種類です。

紹介したいサイトにogpの設定がある場合

<div class="ogp_card clearfix"><img src="ogp設定の画像URL" alt="サイト名" width="100" height="100"><p class="title"><a href="サイトURL" >サイトタイトル</a></p>サイトのディスクリプション…<p class="copy"><a href="サイトURL" >サイト名</a></p><p class="card_bt"><a class="card_link" href="サイトURL" >ホームページを見る</a></p></div>

紹介したいサイトにogpの設定がない場合

<div class="html_card"><p class="title"><a class="card_link" href="サイトURL" >サイトタイトル</a></p>サイトのディスクリプション …<p class="copy"><a class="card_link" href="サイトURL" >サイトURL</a></p><p class="card_bt"><a class="card_link" href="サイトURL" >ホームページを見る</a></p></div>

下記のステップでブラウザのツールバーやお気に入りに追加してご利用ください。

The post ブロガーさん必見！！簡単にできるブックマークレット＆ブログカードデザイン first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.

画像右のシンプルなブログカード

画像右のシンプルなブログカードです。

The post [パーツ]ブログカード　画像右のシンプルなブログカード first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.

画像左のシンプルなブログカード

画像左のシンプルなブログカードです。

The post [パーツ]ブログカード　画像左のシンプルなブログカード first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.