サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
tea-for-me.cocolog-nifty.com
(株)アクトクリエイティブが運営している「DecoWeb」という無料テンプレート配布サイトにてココログのテンプレートが配布されているのを発見したので使ってみました。 ■ココログ@Niftyテンプレート 上記のページで気に入ったテンプレートを選んでファイルをダウンロード。 保存したファイルを解凍するとCSSファイルが入っているので、それをデザイン画面の「CSSの編集」欄に貼り付けて保存するだけでデザインが変更できます。 ※「ダウンロード方法」「解凍方法」「編集方法」は上記ページ内に詳しい解説ページへのリンクがあります。 私が選んだのは「自然 葉っぱ 3カラム」という爽やか系のデザイン。 ホントはこっちの「Simple Modern 3カラム」のほうが好きだったのですが、タイトル部分の余白とか文字色とか調整する部分が多かったので今回は諦めました。 デザインの点数はまだ少ないのですが、ココログの
書籍や雑誌、他のWebページ、ブログに記載されている内容を借りてきて自分のブログに掲載する際は、自分の文章と借りてきた文章を分ける意味で「<blockquote>~</blockquote>」というタグで囲みます。 ココログでも記事作成画面に標準で「引用文」 ボタン(左図参照) があり範囲を選択したあとこれを押すことでタグを自動的に挿入出来ますが、 デフォルトのままのスタイルだと単に文章がインデント(文字下げ)されるだけであまり目立ちません。 デフォルトだとこんな感じです。↓ これは引用文です。 そこで、引用タグに装飾をして、他の文章とハッキリ区別できるようにしてみましょう。 著作物の引用ルールは「著作権法」において定められています。 他人の著作物を引用する場合は、そのルールの範囲内で正しく利用して下さい。 ■参考:「はてなダイアリー」内『引用とは』 ■参考: 「Wikipedia」内『引
ココログには表示方法や各種設定などをココログの標準仕様よりも使い易くしてくれる便利な自作スクリプトを公開されているユーザーさんがたくさんいらっしゃいます。 そんな便利なスクリプトを用途別にまとめてみました。(過去に記事にしたものも含めてあります) カスタマイズの際の参考にして下さい。 【お願い】 下記のスクリプトの設置ついて、(過去に記事にしたものを除き)ここでは説明はいたしません。 動作の詳細や設置方法については該当のユーザーさんのブログ記事にてご確認下さい。 (過去に記事にしたものについては、その記事へのリンクを貼っておきます) 設置方法が判らない、上手く動かないなどの質問についてもこちらではお答え出来ませんので、作者様に直接お問い合わせ頂けますようにお願いいたします。 ※設置方法が「マイリストのメモ欄に貼り付け」→「サイドバーに設置」の場合は「基本2: マイリストの作成→サイドバーへ
ブログを続けているとサイドバーにいろいろな項目が増えてきてどんどん長くなってきます。 これをスクリプトを使って項目ごとに折り畳めるようにしてみましょう。 このカスタマイズは「facet-divers」 様の 『サイドバー折り畳み2:状態保持機能付き』 の記事を全面的に参考にさせて頂いています。 「facet-divers」様、ありがとうございます(^^) (いつもお世話になってます) 事前準備:スクリプトを準備する 下記のウィンドウ内のスクリプトを全文コピーして「メモ帳」などに貼り付けて下さい。 ※facetさんのご好意により転載させて頂きました。ありがとうございました。 <script type="text/javascript" src="http://facet.cocolog-nifty.com/divers/myFunctions01a.js"> </script> <scrip
先日『みんなで解決!広場』で「写真にキャプションが付けたい」という質問を見て検索した結果、「All About」の下記の記事を見つけました。 ■キャプション付き画像を左右の端に寄せたい アドレスをつけて回答したのですが「よく判らなかった」という返事が返ってきてしまったので、僭越ながら内容をココログ用にアレンジしてみました。 ※以下の内容は、AllAbout掲載の該当記事を全面的に参考にさせて頂きました。ありがとうございました。 実際にCSSを適用すると、こんな感じで画像の下にキャプションが表示されます。 CSSで文章の回り込みを右(または左)に設定するので、画像の後ろにキャプション以外の文章を記述すると画像の横に表示されます。 CSSを編集する 「管理ページトップ」→「ブログ」タブ→(便利メニューから)「デザインの編集」→「カスタムCSSを編集」 ※「カスタムCSSを編集」は、 リッチテン
カスタム・テンプレートを作成したときに生成される主な要素(セレクター)名を一覧にしてみました。 CSSを記述する際の参考にして下さい。 【注意】 表示してある項目によって、セレクターの種類・数は変動します。 下記に記載したのは、あくまで私が作ったカスタム・ テンプレート上で確認できたものであり全てのセレクターを網羅しているわけではありません。 「適用箇所」については、適用が確認出来たもののみ記載しました。 記入がないものは、セレクターとして存在するがどこに適用されるか判断出来なかったものです。 今後確認しましたら随時追加・修正していきます。 セレクターの記載には注意を払ったつもりですが、記入ミスがあるかもしれません。 ミス・モレを発見しましたら管理人までご一報頂ければ幸いです。 各セレクターに対してCSSを適用する方法については、CSSの解説サイトなどを参考にして下さい。
favicon(ファビコン)とは、 FAVorite ICONの略で、 ウェブブラウザのお気に入りリストやタブに現れることのある、ウェブサイト独自のアイコン。 (はてなキーワード 「favicon」より) のことです。 例えばココログのログイン画面をブラウザで開くとアドレスバーのURLの前に「ココログ」の文字が表示されます。 これが「favicon」です。 今回はこれを自分のブログに設定する方法です。 事前準備1:favicon用の画像を準備する 「ペイント」などの描画ソフトで正方形の画像を作成し、自分のPC内の判りやすい場所に保存する。 ※ favicon自体は16px×16pxの大きさですが今回は後でアイコンファイルに変換するツールを通し自動的にこの大きさに縮小するため、 元画像の大きさはもっと大きくても大丈夫です。 ※但し、実際に使う大きさはあくまで16px×16pxですから、その大
□基本 / □第1回~第10回 / □第11回~第20回 / □第21回~第30回 / □第31回~第40回 / □ブログ便利ツール / □カスタマイズ・サンプル /□その他 ■第0回:ごあいさつ □基本 ■基本1:ファイルのアップロード ■基本2:マイリストの作成→サイドバーへの設置 ■基本3:記事欄への画像の挿入 ■基本4:自分のブログのCSSファイルを確認する ■基本5:カスタム・テンプレート用CSSの主な要素名一覧 □第1回~第10回 ■第1回:カウンターをつけてみよう ■第2回:バナーを貼ってみよう ■第3回:カスタムテンプレートを作ってみよう ■第4回:タイトルにオリジナルの画像を設定してみよう ■第5回:背景の色を変えてみよう ■第6回:背景に画像を表示してみよう ■第7回:コメントをツリー表示にしてみよう ■第8回:サイト内検索を設置してみよう ■第9回:アクセス解析を設置
このページを最初にブックマークしてみませんか?
『初めてのココログ・カスタマイズ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く