Welcome to my Demo blog, if you can't find what are you looking for or just want a fresh new feature on your blog or website then hire me to design your blog, add features, design CSS logos and more. I can help you in HTML, CSS, JavaScript, JQuery, XML etc.
Old - Newer buttons like DamnLOL for Blogger Hover effects on images JQuery tab plugin for Blogger SpiceUpYour blog comment design for your blog

Tuesday, July 31, 2012

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










Read our Previous Post

No comments:

Post a Comment