Skip to content

Instantly share code, notes, and snippets.

View manbearwolf's full-sized avatar
🌴
On vacation

Matt Bott manbearwolf

🌴
On vacation
7 followers · 51 following
View GitHub Profile
@manbearwolf
manbearwolf / CopyTextButton clipboard.min.js
Last active December 4, 2016 10:12
Blogger Posts HTML or HTML https://clipboardjs.com/
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.5/clipboard.min.js"></script>
<script>new Clipboard('.btn');</script>
<input id="input" value="Some Text">
<button class="btn" data-clipboard-target="#input">Copy</button>
@manbearwolf
manbearwolf / CopyTextButton clipboard.min.js
Last active December 4, 2016 09:59
Longer Copy Box (Input) https://clipboardjs.com/
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.5/clipboard.min.js"></script>
<script>new Clipboard('.btn');</script>
<input id="input" value="Some Text" style="width: 300px;">
<button class="btn" data-clipboard-target="#input">Copy</button>
@manbearwolf
manbearwolf / NavigateLeftRightPosts Circlepop RI – 3.5.html
Last active December 4, 2016 09:58
Circlepop RI – 3.5 "post-footer-line-3" Under Blogger (Part A) https://eutectics.blogspot.com/2015/01/add-next-previous-post-navigation-in-blogger.html
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<nav class="nav-circlepop">
<b:if cond='data:olderPageUrl'>
<a class="prev" expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'>
<span class="icon-wrap">
</span>
</a>
</b:if>
<b:if cond='data:newerPageUrl'>
<a class="next" expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'>
@manbearwolf
manbearwolf / NavigateLeftRightPosts Circlepop RI – 3.5.html
Last active December 6, 2016 01:26
Circlepop RI – 3.5 "]]></b:skin>" Above Blogger (Part B) https://eutectics.blogspot.com/2015/01/add-next-previous-post-navigation-in-blogger.html
.svg-wrap{position:absolute;width:0;height:0;overflow:hidden;overflow-x:hidden;overflow-y:hidden}.nav-circlepop a{position:fixed;top:50%;display:block;outline:0;text-align:left;z-index:1000;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.nav-circlepop a.prev{left:0}.nav-circlepop a.next{right:0}.nav-circlepop a svg{display:block;margin:0 auto;padding:0}.nav-circlepop a{margin:0 30px;width:50px;height:50px}.nav-circlepop a::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:gray;content:'';opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:scale(0.9);transform:scale(0.9)}.nav-circlepop .icon-wrap{position:relative;display:block;margin:10% 0 0 10%;width:80%;height:80%}.nav-circlepop a.next .icon-wrap{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nav-circlepop .icon-wrap::after,.nav-circlepop .icon-wrap::before{position:absolute;left:25%;width:3px;height:50%;background:black;conte
@manbearwolf
manbearwolf / ImageZoomEffect.css
Last active December 4, 2016 10:08
/* CSS image zoom effect http://www.spiceupyourblog.com/2014/01/add-css-auto-zoom-effect-to-post-images.html */
/* CSS image zoom effect http://www.spiceupyourblog.com */
.post img {
height: 100%;
width: 100%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
@manbearwolf
manbearwolf / Grey Blockquote.css
Created December 3, 2016 20:07
Grey Blockquote https://www.bloggingbasics101.com/how-do-i-make-s/
<blockquote style="border: 2px solid #666; padding: 10px; background-color: #ccc;"> This is some quoted text.</blockquote>
@manbearwolf
manbearwolf / ScollingToTopButton.html
Last active December 30, 2016 16:28
Smooth Scrolling "Back To Top" Button for Blogger http://www.mybloggertricks.com/2011/09/smooth-scrolling-to-top-button-for.html
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Modified by www.MyBloggerTricks.com
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
@manbearwolf
manbearwolf / NoShadowBorders.css
Created December 4, 2016 00:57
No Shadow Borders Blogger https://helplogger.blogspot.com/2012/04/how-to-remove-blogger-pictureimage.html
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 0 !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}
@manbearwolf
manbearwolf / PopularPosts1-10.css
Last active December 7, 2016 18:09
Count Down Popular Posts Blogger https://helplogger.blogspot.com/2015/09/5-popular-posts-widget-for-blogger.html
<style type='text/css'>
.sidebar .PopularPosts ul {
counter-reset: popularcount;
margin: 0;
padding: 0;
}
.sidebar .PopularPosts ul li {
float: left;
max-height: 130px;
min-width: 250px;
@manbearwolf
manbearwolf / ShareButtons.html
Last active December 4, 2016 10:09
Flipper Sharing Widget (Search for <data:post.body/>) http://www.mybloggertricks.com/2012/06/flipper-sharing-widget.html
<style>
/*--------Flipper Sharing Widget ------*/
.flipper a {
display:block;
height:48px;
width:48px;
padding:0 4px;
float:left;
background:transparent url(http://4.bp.blogspot.com/-dlD3BDKTZjA/T9IuXkfhSeI/AAAAAAAAGno/s8BGOkjdwX0/s1600/flipper.png) no-repeat;
-webkit-transition: ease-in 0.15s all;