Milliard関連記事をBloggerモバイル版の記事下に表示する方法
そしてフッターのガジェットに追加します。
(現時点でPC版はブログの一番下に表示されます)
(現時点でPC版はブログの一番下に表示されます)
③ HTML編集で<data:post.body/>を探すと、二つ出てきます。
(HTML内の何処かを押して「command + F」検索画面が出ます。)
1番目がPC版
2番目がモバイル版
それぞれの直下に生成したhtmlを挿入すると、PC版とモバイル版の記事下に関連記事が出ます。
※テンプレートによっては一つだけで、PC版とスマホ版共通しています。
④ 次に下記をCSSに追加し、1列から2列に変更します。
/* PC版 関連記事 Milliard カスタマイズ */
@media screen and (min-width: 1200px) {
.ssArticlesContainer {
overflow: hidden; /* ←横並び解除の設定 */
}
.ssArticlesContainer .ssPanel {
margin: 0 2% 0 0;
width: 48%;
float: left;
line-height: 1.4;
font-size: 90%;
}
.ssArticlesContainer .ssPanel a:hover {
text-decoration: underline; /* ←マウスオーバーでアンダーライン */
}
div.ssOriginalTemplateImgContainer img.ssImg {
height: 80px;
}}