ラベル ネット の投稿を表示しています。 すべての投稿を表示
ラベル ネット の投稿を表示しています。 すべての投稿を表示

blogger 背景画像の差し替え

blogger で背景画像を自分の好きな画像に差し替える テンプレートデザイナーで背景画像を変えればそれで問題ないかなと思ったが、画像全体がブラウザ全体いっぱい表示にならない。ユーザーがファイルをアップロードして設定すると必ず画像の一部を表示することしかできない。 具体的に...

blogger Stackeditから投稿するとlightboxが発動しない件

Stackeditからbloggerに画像を投稿するとlightboxが発動しません。 blogger内で記事を書くと画像に関するタグは < a href = "https://blogger.googleusercontent.com/img/b/...

bloggerでのラベル装飾 その2

ラベル付近の謎の点線 ラベル付近にあった謎の点線。もともとあったものがそのまま表示されていただけであった。CSSで border: none を指定して消した。 .Label ul li { display : inline-block ; mar...

bloggerでのラベルの装飾

bloggerでラベルの装飾を行う このブログでは画面の右のウィジェットとして表示される「ラベル」、そして記事ごとの登校日の次に表示される「ラベル」がある。この2種類のラベルを単なる文字列ではなく、もっとラベルっぽく仕上げてみよう。 結局CSSでタグを指定して装飾してあげる...

blogger 「もっと読む」の装飾

「もっと読む」「続きを読む」をCSSで装飾 このページ を参考にしてCSSにて装飾を加えた。 .jump-link { text-align : right ; margin : 8 px 0 px 0 ; } .jump-link a { c...

bloggerで「もっと読む」を自動化

ブログの表示をスッキリしたい よく見る「もっと読む」「つづきを読む」を挿入して見栄えを揃える。でもブログを書くときにStackeditを使用しているのもありmoreタグをいちいち挿入するのもたるいので、自動化する。 こちらを 参考にして、というかそのまま利用した。 ...

Stackeditからbloggerへ画像投稿

Stackeditで画像貼り付け Markdownのいいところは、テクストの記述のみでガシガシ記事が掛けるところ。でも、画像の貼り付けだけは他のツールとの連携もあるのでマウスを使って指示したい。 画像挿入を選択 Import from Google+をクリック ...

Stackeditから投稿する画像のlightbox対応 その1

Stackeditからbloggerに画像投稿する Stackeditからbloggerに画像を投稿するとimgタグのみでの投稿となるためにlightboxに対応してくれない。対応するための方法としてaタグで囲むように投稿してみても、今度は単なる画像へのリンクとなり目的を達成...

今更のシェアボタン設置 blogger編 その3

こんにちは。 片山です。 みなさん如何お過ごしでしょうか。シェアしまくりですか? さて前回無事にシェアボタンの設置が完了したのですが、 ガタガタガタガタガタガ ちなみに歯並びは綺麗です 嫌ですね。 無駄に幅を広くとっているボタンがある。 縦位...

今更のシェアボタン設置 blogger編 その2

こんにちは。 片山です。 こんなシェアボタン設置したい。 あるあるよくみるこんなのあるよねー 設置したいシェアサービスのボタン仕様の確認 Twitter Facebook Google+ はてなブックマーク Pocket だいたいど...

今更のシェアボタン設置 blogger編 その1

みなさん、こんにちは。 片山です。 さてぼちぼちブログも書き始めているのですが、やっぱりどしても 他のブログで見かけるあれがない ってよくあることだと思います。 シェアボタンがない、いや正確にはある。 なんでこんなに遠慮気味 ...

BloggerでのSyntax Highlighter

ここを見て https://code.google.com/p/google-code-prettify/wiki/GettingStarted google-code-prettify をbloggerに導入した。 その際、 <script src=...

画像とキャプション をかっこよくしたい

Bloggerで画像を貼り付けた時に、ちょっとさみしーなーということで、調べてみました。 キャプションを含め画像に枠を付けたいなと。(枠好きw) こんな感じの仕上がりにしたい。 ポイントは 控えめな角丸 控えめな影 キャプションの位置 キャプションの前に...