Google検索結果での星表示にも対応させたレビューのまとめ表示カスタマイズ - FOXISM
… 基本的なデザインはGoogle Playストアの評価部分を参考にしました。ほぼアレです。 一応レスポンシブというか、横幅800px以下の時に画像と評価部分の横並びが解除されるようになってます。横幅800pxというのはこのブログの今の状態に合わせたものなので、導入の際は自分のブログに合わせてください。 html <div itemscope itemtype="http://schema.org/Product" class="review-ex"> [f:id:c-miya:20170704103615j:plain]<!-- 商品画像 --> <div class="review-ex-right"> <div itemprop="name" class="review-ex-title">Xiaomi Sling Bag</div><!-- 商品名 --> <div class="
はてなブログのカスタマイズ。ヘッダーメニューを追加しました。今まで行ってきた全てのカスタマイズも解説します。 - nasust life blog
こんにちはnasustです。 本日は仕事の片手間に、はてなブログをカスタマイズしていました。訪問者はもしかしたら作業途中の変な表示になっていたかもしれません。 今回カスタマイズしたのは、ヘッダメニュー(グローバルナビゲーション)とインデックスページを追加しました。 平均閲覧時間を上げたくてカスタマイズしました。 カスタマイズする為に参考にしたのは、No Nameと羆の人生記です。 この二つのサイトはブラウザにブックマークして、ブログ運営やカスタマイズの参考にしています。とても参考になるブログです。 http://shiromatakumi.hatenablog.com/entry/hatena-customize http://shiromatakumi.hatenablog.com/entry/hatena-customize はてなブログアクセスアップ1年目の教科書 - 羆の人生記 こ
『他にもこんな記事が読まれてます』を導入してみた。 - 私の小規模なブログ
【スポンサードリンク】 －－－－－－－－－－ よくほかのブログ様で、 『他にもこんな記事が読まれてます』 っていうやつがあっていいなーと思い調べ、私も導入することにしてみました。 すごい簡単だったので、ざっと雑にやり方をば。 LinkWithin - Related Posts with Thumbnails ■右下にメールアドレス、URLを入力するところがあるので、入力。 Platform……お世話になってるブログサービスさんを選ぶところ。はてなブログを利用してる人は「Other」を選択します。 Width……いくつ表示させたいか。３～５つのうちから選べます。まあ、お好みで。 チェック欄……バックの背景黒にしたい人はチェック。そうでない人は無視しておｋ。 すべて入力完了したら、青いボタンをクリックします。 ■コード作成完了 コードが出ます。 このままコピーするのも良いん
はてなブログ: スマートフォン表示での脚注を Wikipedia っぽくする - アジョブジ星通信
あけましておめでとうございます。いや、めでたくないです。課題がまったく終わっていません。 今回は上の動画を見ればわかるように、 Wikipedia のスマートフォン版の脚注のように押すとひゅいっと（あっ…）出てくるやつをつくったので置いておきます。 設置方法 以下のコードを記事下のやつに貼り付けて、「スマートフォン版にも表示する」にチェックを入れて保存すれば終わりです。 挙動と仕組み スマートフォン版（つまり entry-list 下）の a タグで href 属性が「#f」から始まり、さらに name 属性が「fn」から始まるものを拾ってきて click イベントを乗っ取ります。あとは HTML を入れ替えているだけです。またスクロール時に勝手に消えるようになっています。 注意 onload イベントを拾ってからコードが実行されるので、読み込みが完全に終わるまでは通常の動作になってしまい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site is undergoing maintenance
