Show HTML, CSS Codes in New Three Coloured Background

New and other very different HTML, CSS and other coding backgrounds for blogger which highly customize for blogger from CSS with three different colors on mouse hover effects with big font and highly customization, and it will give a new and better look to your blog, in this tutorial the mouse hover effect also available be'coz when you see it, you will surely like it.

Series of Codes Posting Background

1.HTML CSS and Other Coding Background

2.Blackino Pro Blockquote for HTML, CSS Codes

Add CSS Part of Coding Background

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

]]></b:skin>

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

.fblatest { font-size: 15px;font-family: Courier;font-weight: normal;font-style:italic; background-color: #000000; color: #ffffff; width: 90%; margin: 5px 10px; padding: 20px 20px 20px 20px; border: 2px dotted lightgrey; transition: background-color .777s; -webkit-transition: background-color .777s; -moz-transition: background-color .777s; -o-transition: background-color .777s; -ms-transition: background-color .777s; } .fblatest:hover { background-color: #0c991a ; color: #fff; box-shadow: -1px -1px 12px 2px gainsboro; border-radius: 10px; } .fblatest:active { background-color: CornflowerBlue ; color: #000; }

• Save Your Template 

How to Add it in Post....?

•  After adding the CSS part
• Go to Posting > Edit HTML 
• Paste below code where you want to show the HTML CSS and others codes.

<div class="fblatest"> Replace Text With Your Codes </div>

Make Changes....!

• 15 Replace it to change the text size (Optional)
• Replace Replace Text With Your Codes this text with your own codes of HTML CSS JavaScript etc

If Any Problem Comes, Ask in Comments

Thanks for Visit Here Like Us on Facebook.

If Any Problem, Ask in Comments Follow US on Twitter.

Posted in: CSS, Widgets