Skip to content

Instantly share code, notes, and snippets.

View gist:ee803b409aa00a294cddd66ae6de28cb
<div>
<a href='http://blog.hatena.ne.jp/はてなID/ブログアドレス/subscribe' target='blank'>
<img src="はてな読者になるボタンの画像URL"></a>
</div>
<div>
<a href='https://twitter.com/Twitterのユーザー名' target='blank'>
<img src="Twitterフォローボタンの画像URL"></a>
</div>
View Google AdSense関連コンテンツ
<!-- Google AdSense関連コンテンツ -->
<div style="font-size: 100%;">
<div style="font-weight:bold;"><div style="padding: 0px 0px 10px 0px;">関連記事</div>
</div>
</div>
<!--以下に関連コンテンツコードを挿入-->
<!--挿入終わり-->
View はてなスターAddボタンのカスタマイズ
/*はてなスター Addボタン*/
.hatena-star-add-button-image {
background-image: url(コピーしたURL);
}
View はてなフォトライフ画像URL
<a href="URLその1"><img src="URLその2" alt="◯◯◯◯◯◯◯◯◯"></a>
View はてなスター Addボタンのカスタマイズ(モバイル)
<style>
/*はてなスター Addボタン*/
.hatena-star-add-button-image {
background-image: url(コピーしたURL);
}
</style>
View はてなブログ蛍光ペン風カスタマイズ
<style type="text/css">
/* 強調表示を蛍光ペン(ピンク)風に */
article strong{
margin:0 0.1em;
padding:0.1em 0.2em;
background:#fcfc60 !important;
background:linear-gradient(to bottom, transparent 60%, rgba(255,153,255,1) 60%) !important;
}
/* bタグは太字 */
article b{
View スクロールバー付きテキストボックス
<!-- スクロールバー付きテキストボックス用CSS -->
<div style="border:1px solid #ccc;height:300px;overflow:auto;width:90%;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#f7f7f7;margin:auto;padding:10px;">
<!-- プライバシーポリシー文面 -->
<p>以下は、当サイトにおける個人情報の保護、及びその適切な取り扱いについての方針を示したものです。</p>
<h4>当サイトに掲載されている広告について</h4>
<p>当サイトでは、第三者配信の広告サービス(<a href="http://www.google.com/adsense/start">Googleアドセンス</a>を利用しています。</p>
<p>このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当サイトや他サイトへのアクセスに関する情報 『Cookie』(氏名、住所、メール アドレス、電話番号は含まれません)を使用することがあります。</p>
<p>またGoogleアドセンスに関して、このプロセスの詳細やこのような情報が広告配信事業者に使用されないようにする方法については、<a href="http://www.google.co.jp/policies/technologies/ads/">こちら</a>をご覧ください。</p>
<h4>当サイトが使用しているアクセス解析ツールについて</h4>
<p>当サイトでは、アクセス解析ツールとして「Googleアナリティクス」及び、はてなブログの標準機能である<a href="http://help.hatenablog.com/entry/setting/accesslog">「アクセス解析」</a>を利用しています。</p>