Show HTML and Other Codes With Code Language Name

As we give previously Show HTML and Other Codes in blogger, Now this is new and updated widget with tutorials of blogger where you can show your codes in blogger with coding language name like jQuery, HTML, CSS, JavaScript etc, this tutorial is very simple and very highly customize with CSS Codes. It's a very Pro widget be'coz it include the orange bar where you can mention the code name with your site name.

Series of Show Codes in Blogger

1.HTML CSS and Other Coding Background

2.Blackino Pro Blockquote for HTML, CSS Codes

3.Show HTML, CSS Codes in New Three Coloured Background

Add CSS Codes of Widget

Login to Blogger > Dashboard
Go to Design > Edit HTML
Search for

]]></b:skin>

Paste below code before ]]></b:skin>

/*------Codes By www.fblatest.in------*/

pre{
position:relative;
background:#333;
color:white;
font-family:Monaco, Courier, MonoSpace;line-height:1.8;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;font-size:12px;padding:10px;margin:0 0 25px 0;overflow:auto}pre code{padding:0;color:white;background:#333;white-space:pre
}

pre[rel]{padding-top:40px}pre[rel]:after{content:attr(rel);position:absolute;top:0;background:#F3A01E;padding:4px;left:0;right:0;font-size:36px;line-height:0;color:white;font:bold 20px "myriad-pro-1",Verdana;

/*------Codes By www.fblatest.in------*/