ブログのページタイトルは「記事タイトル | ブログタイトル」がデファクトスタンダードのようで、<title><data:blog.pageTitle/></title>以下のコードに変更します。
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
</b:if>2行目が記事タイトルで、5行目がBloggerの「ページ」のタイトルで、
Blogger ブログにサイトマップ - ラベル分類された投稿一覧を「ページ」に表示する方法
http://www.kuribo.info/2012/04/blogger.html
<script src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script> <script src="http://www.kuribo.info/feeds/posts/summary?redirect=false&max-results=500&alt=json-in-script&callback=loadtoc"></script>
blogspot.comからblogspot.jpへリダイレクトに伴なってソーシャル系で困った場合の対処方法 - buzzword updateということで、data:post.canonicalUrl は必ず blogspot.com のURLを返してくれます。
data:post.url を使われていた場所に data:post.canonicalUrl を使うようにして下さい。
こちらは xxxxx.blogspot.com のURLを返します。
</head>5. </head>の前に以下のコードをコピペする。
<script type='text/javascript'>
if ((window.location.href.toString().indexOf('.jp/'))!='-1'){
window.location.href = window.location.href.toString().replace('.blogspot.jp/','.blogspot.com/ncr/');
}
</script>(保存後にBlogger側で少し自動変換されますが問題はないかと思います)
<a class='twitter-share-button' data-via='null' data-count='horizontal' data-lang='ja' expr:data-text='data:blog.title + ": "+ data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
<a class='twitter-share-button' data-count='horizontal' data-lang='ja' expr:data-text='" RT @null "+ data:blog.title + ": "+ data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
.gsc-result{
border-bottom: none !important;
}
.gsc-result-info{
border-bottom: none !important;
}
.gsc-tabsArea{
margin: 0px !important;
}
記事フッターのソーシャルボタンがIEだけ右の画像のように改行されてました。
各ブラウザの最新版をサポートするはずの<head> <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>2行目の部分を削除することによってIE9などで開いてもIE7として表示されることはなくなります。
<b:include name='feedLinks'/>これを削除すれば、「登録: 投稿 (Atom)」の表示を消すことができます。
ラベルウィジェットを設置したのだが.list-label-widget-content ul li{
float: left;
margin-right: 3px;
white-space: nowrap;
}これで置いてみるとラベル名と()で囲まれた投稿数が半角スペース1つ分くらい空いていて<b:widget id='Label1' locked='false' title='ラベル' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<a expr:href='data:blog.canonicalHomepageUrl + "feeds/posts/default/-/" + data:label.name + "?alt=rss"' expr:title='data:postLabelsLabel + " " + data:label.name + " (RSS)"'><data:label.count/></a>),</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<a expr:href='data:blog.canonicalHomepageUrl + "feeds/posts/default/-/" + data:label.name + "?alt=rss"' expr:title='data:postLabelsLabel + " " + data:label.name + " (RSS)"'><data:label.count/></a>),</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>なぜか、white-space: nowrap; を設定しないとIE7以下で正常に表示されません。
<pre class="brush: alias;"> // ココにソースを記述 </pre>メリット：後述のscriptタグと違ってハイライトスクリプトが読み込まれなくてもテキストとして表示される。
<script class="brush: alias;" type="syntaxhighlighter"><![CDATA[ // ココにソースを記述 ]]></script>メリット：<以降がタグとして誤認されることがない。(</script>タグだけは</script>と記述する必要あり)
| Brush name 使用言語 | Brush aliases 言語のエイリアス | File name JSファイル名 |
|---|---|---|
| ActionScript3 | as3, actionscript3 | shBrushAS3.js |
| Bash/shell | bash, shell | shBrushBash.js |
| ColdFusion | cf, coldfusion | shBrushColdFusion.js |
| C# | c-sharp, csharp | shBrushCSharp.js |
| C++ | cpp, c | shBrushCpp.js |
| CSS | css | shBrushCss.js |
| Delphi | delphi, pas, pascal | shBrushDelphi.js |
| Diff | diff, patch | shBrushDiff.js |
| Erlang | erl, erlang | shBrushErlang.js |
| Groovy | groovy | shBrushGroovy.js |
| JavaScript | js, jscript, javascript | shBrushJScript.js |
| Java | java | shBrushJava.js |
| JavaFX | jfx, javafx | shBrushJavaFX.js |
| Perl | perl, pl | shBrushPerl.js |
| PHP | php | shBrushPhp.js |
| Plain Text | plain, text | shBrushPlain.js |
| PowerShell | ps, powershell | shBrushPowerShell.js |
| Python | py, python | shBrushPython.js |
| Ruby | rails, ror, ruby | shBrushRuby.js |
| Scala | scala | shBrushScala.js |
| SQL | sql | shBrushSql.js |
| Visual Basic | vb, vbnet | shBrushVb.js |
| XML | xml, xhtml, xslt, html, xhtml | shBrushXml.js |
<pre class="brush: html;"> // ココにソースを記述 </pre>
<pre class="brush: alias; highlight: [1];"> // ココにソースを記述 </pre>カンマ区切りで行数を指定することによって複数行を強調表示することも出来ます。
<pre class="brush: alias; first-line: 10;"> // ココにソースを記述 </pre>1行目のように指定することによって行番号が10から始まるようになりました。
<pre class="brush: alias;" title="タイトル設定"> // ココにソースを記述 </pre>さっきまではclass属性の中に記述していましたが、title属性を使用しているので注意です。
<pre class="brush: alias; first-line: 1; highlight: [,];" title=""> // ココにソースを記述 </pre>highlightとtitleは未指定でも表示に影響無いのでイチイチ消さなくても良いです。
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/> <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script> <script language="javascript" type="text/javascript"> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.all(); </script>例えば、これはJavaだけを選択してGenerateボタンを押した時のコードです。
.syntaxhighlighter {
width: 100% !important;
margin: 1em 0 1em 0 !important;
position: relative !important;
overflow: auto !important;
font-size: 1em !important;
overflow-y: hidden !important; // 追加
}.syntaxhighlighter.ie {
font-size: .9em !important;
padding: 1px 0 20px 0 !important; // 1px->20pxに変更
}DevAchieve: BloggerをIEで開くと最新版でもIE7として表示されることによる問題で説明したコードを削除した場合、<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/> <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script> // (中略)選択した言語に対応するscriptタグ <script language="javascript" type="text/javascript"> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.defaults['toolbar'] = false; SyntaxHighlighter.all(); </script>7行目のオプションを設定しておくことによって非表示にすることができます。
Grow!って何？って方は以下のページに少し説明を書いたので見てください。<script src='http://growbutton.com/javascripts/button.js?apikey=xxx&insert=false' type='text/javascript'/> </body>apikey は xxx になっているので、あなたの取得した API Key に書き換えて下さい。
<div class='post-footer'> ... <span itemscope='itemscope' itemref='rectangle' itemtype='http://growbutton.com/ns#button' style='display: none;'><span itemprop='url'><data:post.url/></span><span itemprop='title'><data:post.title/></span></span>変更点
<a expr:href='data:post.href'><data:post.title/></a>上のリンクタグの直後に以下のコードを追加します。
<div class='item-counter'> <a expr:href='"http://tweetbuzz.jp/redirect?url=" + data:post.href'><img expr:src='"http://tools.tweetbuzz.jp/imgcount?url=" + data:post.href'/></a> <a expr:href='"http://b.hatena.ne.jp/entry/" + data:post.href'> <img alt='はてブ' expr:src='"http://b.hatena.ne.jp/entry/image/" + data:post.href'/></a> </div>後はお好みで item-counter クラスのCSSを指定してください。
お気に入りのコンテンツにボタンを通じてチップを贈り、コンテンツ製作者を支援すると同時にらしいです。詳しくはこちら。
それを友人と共有するSocial Tipping Platform ソーシャル チッピング プラットフォーム
<script type='text/javascript' src='http://growbutton.com/javascripts/button.js?apikey=xxx&shape=rectangle'></script>
はてなブックマーク、Facebook、Twitter、Google +1のボタンを設置したいと思います。
<script async='async' charset='utf-8' src='http://b.st-hatena.com/js/bookmark_button.js' type='text/javascript'/>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'>{lang: 'ja'} </script>
...
</body><div class='post-footer'> ... <a class='hatena-bookmark-button' data-hatena-bookmark-layout='standard' expr:data-hatena-bookmark-title='data:blog.title + ": " + data:post.title' expr:href='"http://b.hatena.ne.jp/entry/" + data:post.url' title='このエントリーをはてなブックマークに追加'><img alt='このエントリーをはてなブックマークに追加' height='20' src='http://b.st-hatena.com/images/entry-button/button-only.gif' width='20'/></a> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/> <a class='twitter-share-button' data-via='' data-count='horizontal' data-lang='ja' expr:data-text='data:blog.title + ": "+ data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a> <g:plusone expr:href='data:post.url' size='medium' />一行目：はてなブックマーク(はてなブックマークボタンの作成・設置について)