Skip to content

Instantly share code, notes, and snippets.

View manbearwolf's full-sized avatar
🌴
On vacation

Matt Bott manbearwolf

🌴
On vacation
8 followers · 51 following
View GitHub Profile
@manbearwolf
manbearwolf / MobileMenu.css
Created December 5, 2016 17:44
Mobile Responsive Menu http://www.mybloggertricks.com/2013/06/design-responsive-drop-down-menu-in-blogger.html
/*-----Responsive Drop Down Menu by MBT ----*/
body {
margin: 0px;
}
#menu{
background: #50B7DC;
color: #FFF;
height: 40px;
border-bottom: 2px solid #DDD;
box-shadow: 1px 2px 9px #B1B1B1;
@manbearwolf
manbearwolf / Contact Page Blogger.xml
Last active July 29, 2026 15:51
How To Add Contact Form (Contact Us Page) in Blogger? http://www.bloggertipstricks.com/blogger-contact-form-page.html
<div id="custom_ContactForm1" class="widget ContactForm">
<div class="contact-form-widget">
<p>Get in touch with us by filling out the form below.</p>
<div class="form">
<form name="contact-form">
<p></p>
Name
<br>
<input type="text" value="" size="30" name="name" id="ContactForm1_contact-form-name" class="contact-form-name">
<p></p>
@manbearwolf
manbearwolf / 3D Text All.css
Last active December 6, 2016 01:04
Blogger Title, Description, Page Title, Date, & Center Blogger Title, Discription (CSS3 Gives Shadow To Text) Above "]]></b:skin>" https://mbott1982.blogspot.com/2016/12/center-give-shadows-css3-to-blog-title.html
/*--- Header Center Text & 3D CSS3 ShadowText ----*/
#header-inner {text-align:center !important;} #header-inner img {margin: 0 auto !important;}
.header h1 {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
#header-inner {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
.post-title {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
.date-header {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
/*--- Feel Free To Modify ----*/
@manbearwolf
manbearwolf / 3D Text All.css
Last active December 8, 2016 15:33
Blogger Title, Description, Page Title, & Date (CSS3 Gives Shadow To Text) (Does Not Center, But Works) (Add to Blogger CSS Wizard in Customize Template) https://mbott1982.blogspot.com/2016/12/center-give-shadows-css3-to-blog-title.html
/*--- Header Center Text & 3D CSS3 ShadowText (Add to Blogger CSS Wizard in Customize Template)----*/
#header-inner {text-align:center !important;} #header-inner img {margin: 0 auto !important;}
.header h1 {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
#header-inner {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
.post-title {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
.date-header {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
/*--- Feel Free To Modify ----*/
@manbearwolf
manbearwolf / 3d Shadow EVERYWHERE.css
Last active December 8, 2016 15:35
Example of Shadows Everywhere (add .widget h2) or (keep .widget) on line 10 https://mbott1982.blogspot.com/2016/12/center-give-shadows-css3-to-blog-title.html
/*--- Header Center Text & 3D CSS3 ShadowText ----*/
#header-inner {text-align:center !important;} #header-inner img {margin: 0 auto !important;}
.header h1 {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
#header-inner {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
.post-title {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
.date-header {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
.widget {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
@manbearwolf
manbearwolf / Show Next Previous.css
Created December 7, 2016 06:20
Show Next & Previous Post Titles in Blogger with jQuery Navigation http://www.mybloggertricks.com/2013/12/show-next-previous-post-titles-in.html
/*################MBT Pager ##########################*/
.mbt-pager { border-top: 2px dashed #ddd; border-bottom: 2px dashed #ddd; margin-bottom: 10px; overflow:hidden; padding:0px;}
.mbt-pager li.next { height:114px; float: right; padding:0px; background:none; margin:0px;}
.mbt-pager li.next a { padding-left: 24px; }
.mbt-pager li.previous { height:114px; margin:0px -2px 0px 0px; float: left; border-right:1px solid #ddd; padding:0px; background:none;
}
.mbt-pager li.previous a { padding-right: 24px; }
.mbt-pager li.next:hover, .mbt-pager li.previous:hover {background:#333333; }
.mbt-pager li { width: 50%; display: inline; float: left; text-align: center; }
.mbt-pager li a { position: relative; min-height: 77px; display: block; padding: 15px 46px 15px; outline:none; text-decoration:none;}
@manbearwolf
manbearwolf / Thumbnail Homepage with snippets.xml
Last active December 29, 2016 04:45
Thumbnail Homepage w/snippets http://onenaijablog.com/2013/01/showing-post-excerpt-with-thumbnail-on-blogger-homepage/
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
@manbearwolf
manbearwolf / default auto resize posts images.css
Last active December 29, 2016 04:41
Blogger above ]]></b:skin> http://www.designerblogs.com/how-to-resize-blogger-photos-automatically/
.post-body img {
width:100%;
height:100%;
display: block;
}
@manbearwolf
manbearwolf / SyntaxHighlighter 3 EveryBrush.xml
Last active October 27, 2017 14:23
EveryBrush Language Above </head> Blogger Template http://alexgorbatchev.com/SyntaxHighlighter/
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shCore.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushAS3.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushAppleScript.minjs'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushBash.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushCSharp.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushColdFusion.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushCpp.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushCss.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushDelphi
@manbearwolf
manbearwolf / Tables01.css
Last active October 22, 2017 22:09
Table dasher... uses HTML5 a little http://www.eobcards.com/tablet.htm for arrangement
<!--- Above/Before ]]></b:skin> Blogger Template table styles-->
table.bigE {
border-collapse: initial;
border-color: #eee;
border-style: dashed;
padding: 1px;
table-layout: fixed;
width: 100%;
background-color: #ffffff;