【無料で簡単！】アイコンフォントFont Awesomeの導入方法と使い方【初心者でも安心】 - すんこのアトリエとうぐいす工房
SNSや矢印、ボタンなど様々なアイコンがありますよね。 それらを使いたい場合、いちいち画像として保存して貼り付けていませんか？ 今回紹介するFont Awesomを使えば簡単に表示できちゃいます。 しかも画像ではなくフォントとして扱うため 普段やっているフォントのカスタマイズと同じように 簡単にカスタマイズできちゃうんです。 覚えることはちょっとだけなので、頑張って覚えて使いこなしちゃいましょう！ Font Awesomeを使う下準備 Font Awesomeの使い方 アイコンをカスタマイズする サイズ変更 色の変更 枠で囲む 角度を変更 上下左右に反転させる アイコン同士を重ねる 回転させる 位置を調整する まとめ Font Awesomeを使う下準備 まずは<head></head>の部分に以下のコードを貼り付けます。 すでに追加してある場合は不要です。 <link href="htt
【はてなブログ】記事内の一部を折りたたんで隠す方法 - すんこのアトリエとうぐいす工房
ブログを見ていたりしていた時、 ボタンをクリックすると詳細がずらっと表示されたりしたことはありませんか？ ▶クリックすると表示されるよ 見つかっちゃった（笑） こんな感じに記事内の一部を折りたたんで隠す方法を紹介したいと思います。 折りたたんで隠すコード コードの説明 まとめ 折りたたんで隠すコード やり方は簡単。 以下のコードを記事内に貼り付けて、文章を変更するだけです。 <div onclick="obj=document.getElementById('oritatamu').style; obj.display=(obj.display=='none')?'block':'none';"> <a style="cursor:pointer;">隠しているときの文章</a> </div> <div id="oritatamu" style="display:none;clear:bo
アドセンスの検索エンジン機能を設置してみよう！ - すんこのアトリエとうぐいす工房
アドセンスの検索エンジン機能とは アドセンスの検索エンジンを作成しよう 全体検索ユニットを作成する サイト内検索ユニットを作成する まとめ グーグルアドセンスの広告ユニットに検索エンジン機能が追加されましたね。 検索エンジン機能自体は前からあって、検索向けアドセンスに申し込んで 細かい設定をすることで使えたのですが、 今はデフォルトで使えて作成も簡単になりました。 もちろん、以前と同じように細かく設定する項目もあります。 通常の広告ユニットについては 【グーグルアドセンス】合格したけど何をすればいいの？で記事にしています。 アドセンスの検索エンジン機能とは サイト内の検索ボックスで検索した時、検索した結果に広告を表示する機能です。 検索してもらった後にさらに広告をクリックしてもらうと言う 2段階のアクションが必要ですが、ないよりはましかなと… アドセンスの検索エンジンを作成しよう それでは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
