Saturday, 18 May 2013

HTML Syntax Highlighter with side image widget for blogger post

Filled under: ,

















HTML Syntax Highlighter with side image  widget for blogger post from here .this highlighter is a most are using for blog . you will highlight any special subject in the blog post . I have few days ago posted with another subheading highlighter for blog is the another highlighter in the blog .

        HOW TO ADD THIS SYNTAX HIGHLIGHTER ON THE BLOG

  • LOG IN BLOGGER
  • CLICK TEMPLATE
  • THEN CLICK EDIT HTML
  • PRESS Ctrl + f
  • FIND THE BELOW TAG
]]></b:skin>
  • YOU CAN PASTE THE BELOW CODE ABOVE IT
/*WORLDAJITH.BLOGSPOT.IN SYNTAX HIGHLIGHTER----------------------------------------------- */ .WORLDAJITH.BLOGSPOT.IN SYNTAX HIGHLIGHTER{-webkit-box-shadow: rgb(221, 221, 221) 4px 4px 4px; background-image: url(http://4.bp.blogspot.com/-SXakW8lYnXE/UZX2rOFUhWI/AAAAAAAAAYg/OHeyBXi5yyc/s1600/hoverquote1%2Bcopy.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-top-left-radius: 6px; border-top-right-radius: 6px; border-width: 1px; color: black; font-family: Consolas, 'Courier New', Monaco, Courier, monospace; line-height: 18px; margin: 0px 20px; overflow: hidden; padding: 10px 20px 10px 45px;} .post ul {list-style:none; }


                                HOW TO CHANGE SIDE IMAGE


  • LOG IN BLOGGER
  • CLICK TEMPLATE
  • THEN CLICK EDIT HTML
  • PRESS Ctrl + f
  • FIND THE BELOW LINK
http://4.bp.blogspot.com/-SXakW8lYnXE/UZX2rOFUhWI/AAAAAAAAAYg/OHeyBXi5yyc/s1600/hoverquote1%2Bcopy.png

                     HOW TO ADD YOUR POST THIS HIGH LIGHTER

  • LOG ON BLOGGER
  • CLICK NEW POST OR OLDER POST
  • CLICK HTML 
  • AND BELOW TAG WILL PASTE HERE
<div class="WORLDAJITH.BLOGSPOT.IN SUBHEADING HIGHLIGHTER "> YOUR TEXT</div>
  • REPLACE YOUR TEXT TO YOUR CODE
                                                                                     NOW YOU CAN FINISH ALL STEPS



IF YOU HAVE ANY PROBLEM,ASK THROUGH COMMENTS

0 comments:

Post a Comment