New Year Fireworks - JavaScript

Back to the tutorial http://www.stramaxon.com/2012/12/new-year-fireworks-effect.html

Designs for Paypal donation button

Design #1
Donate

Design #2
Donate

Design #3
Donate

Design #4
Donate

JQuery image hover effects

A Demo post. 

Prism Syntax Highlight plugin

This is a demo page > Click the link below for original tutorial
http://www.stramaxon.com/2012/07/prims-syntax-highlighter-for-blogger.html

Some HTML codes - class used 'language-markup'

<div class='srch-cnt'>
<form action="http://www.stramaxon.blogspot.com/search" class="formupsearch" method="get">
<input class="searchinputarea" placeholder='Search for..' maxlength="255" name="q" size="25" type="text" value="" x-webkit-speech="true" />
<input class="boxsearch123" type="submit" value="search" />
<input class="checkbutton23" name="sitesearch" type="radio" value="" />
<input checked class="checkbutton23" name="sitesearch" type="radio" value="stramaxon.blogspot.com" />
</form>
<a class='attrbl' target=blank' href='http://stramaxon.blogspot.com' title='Get this Gadget'>Get this!</a>       
</div>

Some JavaScript codes - class='language-javascript'

new function() {
    do break;while(typeof delete this);
    for(var a;void 0;)
        continue
    if (null)
        with(0)
    try{
        switch(1 in 1 instanceof 1) {
            case false:
            default:throw true
        }
    }catch(a){}finally{}else return  
};

CSS codes - class='language-css'

.blog-pager-newer-link,.blog-pager-older-link
{
    position:absolute;
    top:1px;
    z-index:999;
    color:transparent !important;
    width:55px;
    height:66px;
    background-color:red;
}        
    
.blog-pager-newer-link {
    position:absolute;
    right:-27px; /* Change this value to change the position of newer post link */ 
    top:50px; /* Change the position from top */
    background:url('http://www.damnlol.com/img/buttons.png');
    background-position:55px 0px; 
    background-color:transparent !important;   
}
.blog-pager-newer-link:active {
    background:url('http://www.damnlol.com/img/buttons.png');
    background-position:55px 67px;     
}

Click to change theme

Heat meter popular post widget

See on the right sidebar for the demo of Popular post widget heat meter design.

Original tutorial here
http://www.stramaxon.com/2012/07/heat-meter-hover-effect-popular-post-widget-blogger.html 

Tab JQuery plugin to switch between HTML elements

• Video 1
• Video 2
• Video 3
• Video 3
• Video 3

Michael Jackson - They don't care about us

Michael Jackson - Beat it

Michael Jackson - Billie Jean

Some random text

This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text.

Some random text with Picture

Random Text..

'Read our previous post' link below post

This is a demo.
Here's the original tutorial :
http://stramaxon.blogspot.com/2012/07/read-previous-post-link-under-post-blogger.html

A meaningless post

Older - New post button like in DamnLOL

This is a Test Post
Check the original tutorial here
http://stramaxon.blogspot.com/2012/06/how-to-create-next-previous-buttons.html

Slideshow by Picasa

This is a Demo, check the original tutorial here
http://stramaxon.blogspot.com/2012/07/embed-slideshow-in-blog-post-from.html

A Cute little Slideshow gadget.

Test Image links

Hover effect on images

This is a Demo. Hover the images and see the glorious effect
Check the original tutorial here
http://stramaxon.blogspot.com/2012/07/hover-effect-on-images-in-posts.html

Some Images

Expandable Search bar

This is a Demo Page.
Check the original tutorial here 
http://stramaxon.blogspot.com/2012/07/hover-effect-and-expandable-search-box.html

Comment System Design like SYB

This is A Demo Page.


Check the original Tutorial here
http://stramaxon.blogspot.com/2012/07/blogger-comment-design-like-on-spice-up.html

This is a demo link

Post on the old URL

post post post .. this is a test post :)

Test Post

testing post.. fffffffffff

button.blogg-button {
background: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
-webkit-border-radius: 2px;
-webkit-transition: all 0.2s;
-webkit-box-sizing: content-box;
-webkit-box-align: stretch;
-webkit-user-select: none;
}

Lorem Ispum

This is a test post, Test Post....... This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......  This is a test post, Test Post.......

fgty5r

dffdgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffgffffffffgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffgffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffff

Lorem Ispum