2012/02/25

DevAchieveブログカスタマイズまとめ

Blogger設定画面>テンプレート>カスタマイズ

テンプレート:Awesome Inc.(黒)
背景:変更なし
幅を調整:ブログ全体1100px, サイドバー310px
レイアウト:右サイドバー, 下段2段組

アドバンス
ページ:Verdana 14px
リンク:#9fc5e8
表示済み:#ea9999
カーソル:#b6d7a8
ブログタイトル:Times New Roman 40px
ブログの説明:Verdana 14px
タブのテキスト:Verdana 14px
日付ヘッダー:Verdana 14px
投稿タイトル:Verdana 22px
ガジェットタイトル:Verdana 14px
ガジェットテキスト:Verdana 14px
ガジェットのリンク:リンクと同じ
フィードのリンク:リンクと同じ

CSSを追加:
DevAchieve: Bloggerのラベルウィジェットのカスタマイズ
DevAchieve: CSS3でボックスを角丸にするborder-radiusを使ってみた
DevAchieve: CSS3の角丸を使ってキーを表現してみた
DevAchieve: BloggerにソースコードをハイライトするSyntaxHighlighterを導入する
DevAchieve: Bloggerの検索結果のCSSを上書きする
target="_blank"を設定したらリンクテキストのあとにアイコンを表示する | DevAchieve

HTMLの編集:
DevAchieve: Bloggerの「登録: 投稿 (Atom)」の表示を消す方法
DevAchieve: BloggerをIEで開くと最新版でもIE7として表示されることによる問題
DevAchieve: Bloggerの人気の投稿にTweet&はてブカウンターを表示させる方法
DevAchieve: Bloggerの記事フッターにGrow!ボタンを設置する方法
DevAchieve: Web上でチップが貰えるぞ!噂のGrow!をBloggerに設置する方法
DevAchieve: Bloggerの記事フッターに各種ソーシャルボタンを設置する方法
ツイートボタンをカスタマイズして「@~さんから」を非公式RT形式にする | DevAchieve
Bloggerのページタイトルを「記事タイトル | ブログタイトル」にする方法 | DevAchieve


ウィジェットの追加:
DevAchieve: Bloggerのページ機能と記事一覧を表示する方法
Bloggerの最新コメントをウィジェットに表示する | DevAchieve

その他
BloggerのモバイルページをGoogle検索に表示させない方法 | DevAchieve

関連:
DevAchieve: Bloggerのリダイレクトによる弊害を回避するための二つの方法の比較

結構色々なことやったので、リセットされた時にすぐに復活できるように。

タグ(RSS)

ブログ アーカイブ