View in Browserのインストール 1.Packege Controlを開く Tools > Command Palette...（mac Shift ＋ Command ＋ p /win ctrl + shift + p ）からコマンドパレットを開き 「Pa...
html中のアイコンフォントを表示させるコード bootstrapでアイコンフォントがあるが、html中の記述は、 <span class="glyphicon glyphicon-map-marker"></span> となる...
bootstrapのグリッドシステム はじめに bootstrapのグリッドシステムで container、row、col-xxx-xxx を使用すると簡単にページデザインが出来上がる。 しかし、下の図のようにcol-xxx-xxxの高さが違い要素の回り込みがちぐはぐになる場...
はじめに オリジナルなhタグ（要素）が作りたくて、肉球をつくってみたお話です。 まず最初にCSS擬似要素のbeforeとafterを使用する。 CSSの疑似要素beforeとafterの簡単な使い方 作るにあたっての考え方 まずは簡単な装飾から作り最後に肉球の形を作ることに...
「mainEntityOfPage」フィールドの値は必須ですを修正する 「mainEntityOfPage」って何？ 構造化データを検索エンジン（Google）に伝える際のマークアップの一つである。「mainEntityOfPage」とは記事の主なるトピック。記事中に複数の内容が...
下記の記述を記入する <!--more--> と記事中に記述。 記事を見ると <!--more--> 部分から折りたたむようになる。 BloggerでTOPを10記事と指定してていも容量制限があるらしく、その容量に引っかかると全部表示されなくなる。...
HTML5でYoutubeの動画を再生できるようにする。 基本的な動画の埋め込み Youtubeで目的の動画を開く。 赤枠の『共有』をクリック。 ①『埋め込みコード』をクリックすると下部にコードが表示されるのでコピーする。 <iframe wi...
出典元： Capture full web page screenshots in your browser instantly FireShotについて Google Chromeのプラ...
はじめに 参考サイト ： How to Add Numbered Page Navigation Widget for Blogger - Helplogger こちらのサイトを参考に組み込んでいきます。 １．CSSを選択しコードを追加する 参考サイトよりいくつかあるデ...
1.まずは、準備！レイアウトのメインに「ガジェットの追加」を表示させる。 1-1.初めに①に「ガジェットを追加」項目を表示させるためにカスタマイズを行う 1-2.テーマの「HTMLの編集」を開く 1-3.「ウィジェットへ移動」から...
0 件のコメント :
コメントを投稿