Skip to content

Instantly share code, notes, and snippets.

@jyeary

jyeary/foundation-5.5.1-2-column-template.xml

Created March 30, 2015 21:00
Show Gist options
  • Save jyeary/1303573a2f2d7ca00d78 to your computer and use it in GitHub Desktop.
Save jyeary/1303573a2f2d7ca00d78 to your computer and use it in GitHub Desktop.
Download ZIP
A generic two-column template for Blogger using Foundation 5.5.1
Raw
foundation-5.5.1-2-column-template.xml
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html 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'
b:version='2' class='v2 no-js' expr:dir='data:blog.languageDirection'>
<head>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<title>
<data:blog.pageTitle/>
</title>
<link href='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/css/foundation.min.css' rel='stylesheet'/>
<link href='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/css/normalize.min.css' rel='stylesheet'/>
<link href='https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.min.css' rel='stylesheet'/>
<b:skin>
<![CDATA[
<!-- Add Custom CSS Here -->
]]>
</b:skin>
<b:include data='blog' name='google-analytics'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/vendor/modernizr.js' type='text/javascript'>
</script>
</head>
<body>
<!-- NAVBAR -->
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'></b:widget>
</b:section>
<!-- META DATA -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<meta expr:content='data:blog.title' itemprop='name'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
</div>
</b:if>
<!-- HEADER -->
<div class='row'>
<div class='large-12 medium-12 small-12 columns'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'></b:widget>
</b:section>
</div>
</div>
<!-- MAIN -->
<div class='row'>
<!-- COLUMN 1 - MAIN -->
<div class='large-9 medium-9 small-9 columns'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'></b:widget>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'></b:widget>
</b:section>
</div>
<!-- COLUMN 2 - SIDEBAR -->
<div class='large-3 medium-3 small-3 columns'>
<b:section class='sidebar' id='sidebar' showaddelement='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive'></b:widget>
<b:widget id='CustomSearch1' locked='false' title='Search' type='CustomSearch'></b:widget>
<b:widget id='Label1' locked='false' title='Labels' type='Label'></b:widget>
</b:section>
</div>
</div>
<!-- FOOTER -->
<div class='row'>
<div class='large-12 medium-12 small-12 columns'>
<b:section class='foot' id='footer-3' showaddelement='yes'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'></b:widget>
</b:section>
</div>
</div>
<!-- CDN JS Required for Foundation -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/vendor/jquery.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/vendor/jquery.cookie.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/vendor/placeholder.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/vendor/fastclick.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.abide.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.accordion.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.alert.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.clearing.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.dropdown.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.equalizer.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.interchange.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.joyride.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.magellan.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.offcanvas.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.orbit.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.reveal.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.slider.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.tab.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.tooltip.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.topbar.min.js' type='text/javascript'>
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.topbar.min.js' type='text/javascript'>
</script>
<script>
$(document).foundation();
</script>
</body>
</html>
@jyeary
Copy link
Author

jyeary commented Mar 30, 2015

Replace your existing template with this template to create a generic Foundation 5.5.1 blog site using a CDN to load the CSS and JS.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment