HTML Syntax Highlighter with side image widget for blogger post-TRICKS AND TIPS

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy25CgalKFHA_RkYpkK23xX_FkEA4iFh9W_ZsAKLTno5dXaxZB48jY3_ADMLRktdKX6SoZYENGm-7CPFJSxXSgfBdcfPBEA5tJif4HyZXkEL5SMn3zPkCIIjVLZwugeF73RfZCGk_43EQq/s1600/hoverquote1+copy.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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy25CgalKFHA_RkYpkK23xX_FkEA4iFh9W_ZsAKLTno5dXaxZB48jY3_ADMLRktdKX6SoZYENGm-7CPFJSxXSgfBdcfPBEA5tJif4HyZXkEL5SMn3zPkCIIjVLZwugeF73RfZCGk_43EQq/s1600/hoverquote1+copy.png