google blogger templates

ヘッダ固定

    <nav class='navbar navbar-default main-top-nav navbar-fixed-top' role='navigation'>

Bootstrapのcssを入れ直す

StandardテンプレはBootstrapのサブセットのようなので、BS3から移植。
ちょっとサイズがデカくなるが、整理は一旦保留。

一覧ページに表示する投稿数

設定でトップページの表示数を

コードでページ送り数を

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
        <script type='text/javascript'>
          var pageCount=10;
          var displayPageNum=0;
          var upPageWord =&#39;Previous&#39;;
          var downPageWord =&#39;Next&#39;;
        </script>
        <script>

抜粋文字数調整と、画像サイズ修正

        <script type='text/javascript'>
      //<![CDATA[
      var thumbnail_mode = "no-float" ;
      summary_noimg = 385;
      summary_img = 20;
      img_thumb_height = 200;
      img_thumb_width = 250;
      eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('y 10(g,o){8(g.q("<")!=-1){6 s=g.1k("<");z(6 i=0;i<s.4;i++){8(s[i].q(">")!=-1){s[i]=s[i].L(s[i].q(">")+1,s[i].4)}}g=s.1l("")}o=(o<g.4-1)?o:g.4-2;16(g.1g(o-1)!=\' \'&&g.q(\' \',o)!=-1)o++;g=g.L(0,o-1);I g+\'...\'}y 1e(14,E){6 l=m.1F(14);6 H="";6 u=l.1z("u");6 J=1C;8(u.4>=1){H=\'<a K="\'+E+\'"><R P="17:13; 1E-1D: 1y;1x:12;1s:1r;18: E(\'+u[0].M+\') 1t 0 1u-1w 1v;18-1B: 12 1q;"></R></a>\';J=1A}6 T=H+\'<l>\'+10(l.Z,J)+\'</l>\';l.Z=T}6 7=x v();6 h=0;6 f=x v();6 9=x v();y 1n(N){z(6 i=0;i<N.U.n.4;i++){6 n=N.U.n[i];7[h]=n.1f.$t;1c{9[h]=n.1a$1b.E;9=9.1p("/1h-c/","/1o-a/")}1m(1i){s=n.1j.$t;a=s.q("<u");b=s.q("M=\\"",a);c=s.q("\\"",b+5);d=s.1d(b+5,c-b-5);8((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){9[h]=d}B{8(S(V)!==\'Q\')9[h]=V;B 9[h]="27://3.28.26.25/-23/24/2a/29/2b/2e.2d"}}8(7[h].4>W)7[h]=7[h].L(0,W)+"...";z(6 k=0;k<n.O.4;k++){8(n.O[k].1G==\'2c\'){f[h]=n.O[k].K;h++}}}}y 21(){6 w=x v(0);6 D=x v(0);6 C=x v(0);z(6 i=0;i<f.4;i++){8(!Y(w,f[i])){w.4+=1;w[w.4-1]=f[i];D.4+=1;C.4+=1;D[D.4-1]=7[i];C[C.4-1]=9[i]}}7=D;f=w;9=C}y Y(a,e){z(6 j=0;j<a.4;j++)8(a[j]==e)I 1N;I 22}y 1O(11){6 G;8(S(X)!==\'Q\')G=X;B G="#1P";z(6 i=0;i<f.4;i++){8((f[i]==11)||(!7[i])){f.A(i,1);7.A(i,1);9.A(i,1);i--}}6 r=19.1M((7.4-1)*19.1L());6 i=0;8(7.4==0){m.p(\'<F>1H 1I 1J</F>\')};8(7.4>0)m.p(\'<F>\'+1K+\'</F>\');m.p(\'<l P="1Q: 1R;"/>\');16(i<7.4&&i<20&&i<1X){m.p(\'<a P="1Y-1Z:1W;17:13;\');8(i!=0)m.p(\'"\');B m.p(\'"\');m.p(\' K="\'+f[r]+\'"><u 15="u-1V-1S" M="\'+9[r]+\'"/><1T/><l 15="1U">\'+7[r]+\'</l></a>\');i++;8(r<7.4-1){r++}B{r=0}}m.p(\'</l>\');f.A(0,f.4);9.A(0,9.4);7.A(0,7.4)}',62,139,'||||length||var|relatedTitles|if|thumburl||||||relatedUrls|strx|relatedTitlesNum||||div|document|entry|chop|write|indexOf||||img|Array|tmp|new|function|for|splice|else|tmp3|tmp2|url|h3|splitbarcolor|imgtag|return|summ|href|substring|src|json|link|style|undefined|span|typeof|summary|feed|defaultnoimage|35|splittercolor|contains_thumbs|innerHTML|removeHtmlTag|current|150px|left|pID|class|while|float|background|Math|media|thumbnail|try|substr|createSummaryAndThumb|title|charAt|s72|error|content|split|join|catch|related_results_labels_thumbs|s300|replace|auto|100px|height|center|no|transparent|repeat|width|10px|getElementsByTagName|summary_img|size|summary_noimg|right|margin|getElementById|rel|No|similar|posts|relatedpoststitle|random|floor|true|printRelatedLabels|DDDDDD|clear|both|thumb|br|imgpost|home|none|maxresults|text|decoration||removeRelatedDuplicates|false|PpjfsStySz0|UF91FE7rxfI|com|blogspot|http|bp|092MmUHSFQ0|AAAAAAAACl8|s1600|alternate|jpg|no_image'.split('|'),0,{}))
      //]]>
    </script>

fluid

段組み調整

ラベル検索結果の二重表示削除

                    <div class='status-msg-border'>
                      <div class='status-msg-bg'>
                        <div class='status-msg-hidden'>
                          <data:navMessage/>
                        </div>
                      </div>
                    </div>

ナビゲーション修正

              <b:includable id='main' var='top'>
                  <b:if cond='data:blog.pageType != &quot;item&quot;'>
                    <b:include name='nextprev'/>
                  </b:if>

PopularPostsの修正

before

.widget-content ul li{border:1px solid #ddd;padding:10px;margin-bottom:10px;-webkit-box-shadow:1px 1px 2px 0 #d0d0d0;-moz-box-shadow:1px 1px 2px 0 #d0d0d0;box-shadow:1px 1px 2px 0 #d0d0d0;border-radius:4px}.PopularPosts img{border-radius:10px;padding:3px}

After

.widget-content ul li{border-bottom:1px solid #ddd;padding:10px;margin-bottom:10px;}.PopularPosts img{border-radius:10px;padding:3px}

BS3のテンプレ。

pros

• navbar-fixed-top 用。
• ページ送り。
• タグクラウドのフォントサイズ切り替え
• font-awesome組み込み済み。

cons

• フォントみづらい。
• CSSがBS3のサブセットのみ？

テーブルテスト

商品名/購入リンク	ピッチ	対応電線	許容電流	備考
JST SH	1.0mm	AWG28-32	1A
molex51146	1.25mm	AWG28-32	1A	MX Nano のUART1(OSD用)
molex51021/53047	1.25mm	50079：AWG26-28 50058：AWG28-32	1A	コネクタ付き8mmブラシモーター マイクロサイズ用FC,Rx論理回路
JST ZH	1.5mm	AWG26-32	1A	マイクロサイズ用ESCとか動力系
molex51005/51006	2.0mm	AWG24-28	2A	1Sリポはこのタイプが多い。 Nine Eagleは極性が逆なので要注意。
JST PH	2.0mm	AWG24-30	2A	BLADE Glimpseの1Sリポ
JST XH	2.5mm	AWG22-28	3A	2Sリポのバランス充電端子
JST-RCY	2.5mm	AWG22-28	3A	2Sリポの給電端子はこのタイプが多い。

bootstrap

BootStrap3のなテンプレ。

pros

• ラベルが強調されるデザイン。
• タグクラウドのフォント変化
• BS3のCSSフル対応

cons

• リンクは黒でわかりづらい。
• 2重ヘッダ不要。
• フォントみづらい

投稿ヘッダのラベルデザインはcssだけの違いなので、それだけStandard～に移植して使お。


他のBS用bloggerテンプレ

いまこれ。

あらかじめ↑のレイアウトが組み込まれている。

見出しをいれてみる。

スライダー組み込みが魅力。
レスポンシブ。メニューはかわらん。

見出し

を入れると変わるのか？

テストテスト

みせかたはいい。
レスポンシブで、メニューはプルダウン化。

けどトップはこうなる↑ようにカスタマイズが必要？

いまいち。

スマホ対応。メニューはプルダウンメニュー化する。

bootstrapを使いたいなら、この Flat UI Blogger Template もありか。

スマホ対応で、ハンバーガーメニュー化する。