すたすた式
Blogger Vaster2
追記 別の物に変更しました。簡単でした
サイドバーに新着記事がでるようにしました。
つまずいた部分があったので記録をしておきます。
まず、表示させるパーツ（部品）は以下のサイトで作れます
リンク先は２つ Blogger Random – Recent – Specific Label Posts Widget – All in One Post Feed Widget もしくは 5 Cool Recent Post Widgets for Blogger - Helplogger
今回は１つ目のリンク先のものをつかって作ります
イメージとしては
下記スクリーンショットは未入力だが、 Host URL に自分のブログのトップページのアドレスを入力（.comのほう）.jpは未検証
最後にAdd Widgetを押す
画面が変わります
ここでタイトルを変更（あとでも変更可能） ウィジェットを追加を押す
サイドバーの好みの場所に設置
いろいろ残念な結果です
数字の調整等（力技）をしていきます
具体的に
編集ボタンを押して編集
これを探す
.bcd140526_post_feed li.item h3.title { display: block; margin: 0 0 5px 0; }
border: none;
.bcd140526_post_feed li.item h3.title { display: block; margin: 0 0 5px 0; border: none; }
先ほどの
.bcd140526_post_feed li.item h3.title
よくみてみると、文字がリンクの色？っぽくなっている
なのでリンクの色や文字の大きさを変えられるように上の
.bcd140526_post_feed li.item h3.title a{ color:#04202F; font-size:0.9em; }
.bcd140526_post_feed li.item a.cate { display: block; margin: 0 0 5px 0; }
color:#04202F; font-size:0.8em;
.bcd140526_post_feed li.item a.cate { display: block; margin: 0 0 5px 0; color:#04202F; font-size:0.9em; }
ロケーションバーの右
クリック
詳しく見るをクリック
とりあえず”サイト上の問題のあるスクリプトを確認する”の手順をやってみる
コンソールを押す
これかな？
Bloggerのレイアウト==>今回追加したウィジェットの編集画面、もしくはテーマ==>HTMLの編集で これを検索して
http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css
https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css
サイト内検索に使ってください 🐤
© 2015 すたすた式
Enjoy!👍
QooQ
コメントなし:
コメントを投稿