タグ

HTMLとhatenaに関するSwatzのブックマーク (2)

  • 【修正済】はてなブログの「最新記事」を画像付きにする方法。 - #chiroruLab

    前回のカスタマイズでは、「人気記事」に画像を付けました。 やっぱりこのほうが、文字だけよりも内容が分かりやすくなりますよね。 その記事に「最新記事」のやり方も書いてほしいとのリクエストがあったので、今回はその方法をまとめていきます。 基的にやっていることは同じなので、画像は使い回しもあるのでそこだけご注意を。 追記(2014年1月10日) こんなの作ってみました。 不正な指定があれば教えてくれるので、最初はこちらでコードの生成を行ってもらえると助かります。 なお、このページの記事はソースの説明という意味合いで残すものとします。 はてなブログの「最新記事」を画像付きにするコードを作るやつ。 - #ChiroruNoteはてなブログの「最新記事」を画像付きにする」で必要なコードを簡単に作れます。続きの作業等は元記事を参考にしてください。 面倒な手順もいくつか合ったので、そういうのを全部や

    【修正済】はてなブログの「最新記事」を画像付きにする方法。 - #chiroruLab
  • はてなブログのidとかclassとか - kyabana's blog

    はてなブログで「デザインテーマコンテスト」が開催されています! オリジナルデザインを投稿してAmazonギフト券を当てよう! 「はてなブログ デザインテーマコンテスト」開催 - はてなブログ開発ブログ 使われている"id"や"class"がわかっていると デザインしやすいのでザックリさらってみました。 おおよそこんな感じ。 body(トップページで.page-index、記事ページで.page-entryが追加)div#globalheader-containeriframe#globalheader(ヘッダ[メニューやHatena Blogロゴ、Hatenaロゴなど])div#containerdiv#container-innerheader#blog-titlediv#blog-title-inner(タイトル画像)h1#title(ブログ名)h2#blog-description(

    はてなブログのidとかclassとか - kyabana's blog
  • 1