Skip to content

Instantly share code, notes, and snippets.

@kowata

kowata/kwt.html

Last active December 16, 2018 06:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save kowata/9756469 to your computer and use it in GitHub Desktop.
Save kowata/9756469 to your computer and use it in GitHub Desktop.
Download ZIP
Blogger のテンプレート
Raw
kwt.html
<!--
＊Navbar を隠したい場合は、24〜26行をコメントアウト。
＊CSSは別のとこに置くと楽です。
＊GAタグは不要です。管理画面でトラッキングIDを入力すれば有効になります。
-->
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<link rel="stylesheet" type="text/css" media="all" href="YOUR-DOMAIN/style.css" />
<b:skin><![CDATA[
/* -----------------------------------------------
Blogger Template Style
Name: kwt
by: kowata
ver: 3
----------------------------------------------- */
]]></b:skin>
</head>
<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>
<div id="Wrapper">
<b:section class='Sidebar' id='Sidebar'>
<b:widget id='Header1' locked='true' title='Header' type='Header'/>
<b:widget id='BlogArchive1' locked='true' title='Blog Archive' type='BlogArchive' />
<b:widget id='HTML1' locked='true' title='Links' type='HTML' />
</b:section>
<b:section class='Main' id='Main'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' />
</b:section>
</div>
</body>
</html>
Raw
style.css
/* RESET
================================================== */
div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,blockquote,th,td { padding:0; margin:0; }
table { border-collapse: collapse; border-spacing:0; }
fieldset,img,abbr,acronym { border:0; }
caption,th{ text-align:left; }
/* NAVBAR
================================================== */
#navbar-iframe {}
/* FONT
================================================== */
body { font-family: 'Kozuka Mincho Std', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', Helvetica, Arilal, 'ＭＳ Ｐゴシック', 'MS PGothic'; }
#Header1 h1 { font-family:Georgia; font-style:italic; }
#HTML1 { font-family:Georgia; }
.post-timestamp { font-family:Georgia; }
#blog-pager { font-family:Georgia; font-weight:bold; font-style:italic; }
.post table,
.post pre,
.post code { font-family: "Andale Mono", "courier new", courier, "osaka-等幅", monospace; }
/* LAYOUT
================================================== */
body {
font-size:13px;
margin:0 !important;
padding:0 !important;
background:#FFF;
color:#333;
}
#Wrapper { width:860px; margin:0 auto; }
/* ABCHOR
================================================== */
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: underline; position: relative; top:1px; }
.post-body a:link { color: #000; text-decoration: none; background:#FE0; }
.post-body a:visited { color: #000; text-decoration: none; background:#FFC; }
.post-body a:hover { color: #FFF; text-decoration: none; background:#333; }
.post-body a:active { color: #FFF; text-decoration: none; background:#000; }
/* #Sidebar
================================================== */
#Sidebar { float:left; width:180px; position: relative; }
#Header1 { position:fixed; top:60px; }
#Header1 h1 { font-size:16px; }
#Header1 p.description { }
#BlogArchive1 { position:fixed; top:100px; }
#HTML1 { position:fixed; top:145px; font-size:12px; }
#Sidebar h2 { display:none; }
/* #Main
================================================== */
#Main { float:right; width:640px; }
.post { padding:0 0 60px; border-bottom:1px solid #333; }
.post-title { padding:60px 0 0; font-size:16px; }
.post-body { padding:30px 0 0; line-height:175%; }
.post table { border: 1px solid #CCC; border-collapse: collapse; border-spacing: 0; color:#333; background:#FFF; }
.post tr {}
.post th { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; font-weight: bold; padding: 0.5em; text-align:center;}
.post td { border-right: 1px solid #E6E6E6; border-bottom: 1px solid #CCC; padding: 0.5em; vertical-align: top; font-size:12px; }
.post td:last-child { border-right: 1px solid #CCC; }
.post pre { font-size: 12px; }
.post blockquote { padding: 15px; border:1px solid #CCC; border-radius: 3px; color: #444; }
.post-footer { padding:30px 0 0; color:#999; }
.post-timestamp { font-size:12px; }
#blog-pager { padding:60px 0; }
#blog-pager span { }
.blog-feeds,
.post-feeds,
.quickedit { display:none; }
/* #Main
================================================== */
#Main .status-msg-wrap { width:100%; margin: 60px 0 30px; }
#Main .status-msg-body { padding:20px; font-size: 13px; height:auto; border: 1px solid #333; border-radius: 5px; }
#Main .status-msg-border { border:none;}
#Main .status-msg-bg { background:none; }
Raw
widget_html1.html
<!--
Widget id:HTML1
-->
<form action="http://YOUR-BLOG-URL/search" id="searchform" method="get" style="display: inline;"><a href="javascript:opensearch()">Search</a>
<input id="q" name="q" type="hidden" value="">
<script type="text/javascript">
var f = document.getElementById("searchform");
var q = document.getElementById("q");
function opensearch(){
var searchprompt = prompt("Search", "");
if(searchprompt!="" && searchprompt!=null){
q.value=searchprompt;
f.submit();
}
}
</script>
</form>
|
<a href="http://YOUR-BLOG-URL/feeds/posts/default">Feed</a>
|
<a href="http://www.blogger.com/">Blogger</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment