【修正済】コピペで簡単！ はてなブログの人気記事を画像付きで表示させる方法。 - #chiroruLab
この間、ついに私のブログ記事にも「はてなブックマーク」が付きました！ そうなるとやっぱり付けたくなる「おすすめ記事」。 はてなさんで用意してくれているブログパーツもあるのですが どうもサムネイルがなかったり、デザインが合わなそうだったりと弄り難そうなので作ってしまうことにしました 追記（2014年1月12日） こんなの作ってみました。 不正な指定があれば教えてくれるので、最初はこちらでコードの生成を行ってもらえると助かります。 なお、このページの記事はソースの説明という意味合いで残すものとします。 はてなブログの人気記事を画像付きで表示させるコードを作るやつ。 - #ChiroruNote 「はてなブログの人気記事を画像付きで表示させる」で必要なコードを簡単に作れます。続きの作業等は元記事を参考にしてください。 面倒な手順もいくつか合ったので、そういうのを全部やってくれるページを作りました
サイドバーから過去記事を辿れる「もっと読む記事リスト」を作ってみた - 太陽がまぶしかったから
もっと読む記事リスト サイドバーの記事一覧からいっぱい見られると便利そうですね。実は作ろうとした事があるのですが、AJAXでやろうとするとアイキャッチ画像の取得が意外に面倒だったり、表示速度的な問題があって放り投げていました。ブログカード形式はサイドバーに適さないですし。 それで代替案を考えて標準の最新記事モジュールの限界である20記事分を取得してスクリプトで表示・非表示を切り替えることで擬似的に「もっと読む記事リスト」を実現させてみました。実行イメージは以下の通りです。 https://vine.co/v/Ov2ZvX31jgX 設置方法 デザイン画面のサイドバーの「最新記事」を「表示件数20件」で作成します。 フッタ部分に以下の記述を追加します。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アドセンスやバナーなど、横に二つの広告を並べる為のCSSとHTMLの覚え書き | ノート100YEN.com
ソーシャルブックマークが使いやすくなるタグの付け方7つのコツ*ホームページを作る人のネタ帳
