Displaying scripts and css on blogger posts | Blogger Hacks


Have you ever tried posting "scripts" or "css" on your blogger. If yes, then your codes must have vanished form the post or formally the scripts are not visible. But here is a simple hack to make scripts and css visible.

Follow the steps below:

Step 1:
Login to your blogger account > select layout tab of the blog to be edited > Then go to Edit HTML tab.

Step 2:
Find  ]]></b:skin>. Replace the code with the one below.

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
]]></b:skin>
Save the template. Now we are done.

Step 3:
Now go to New Post. Copy the code below and paste it on the place where you want your code to be (i.e. all sorts of scripts and css)

<div class="codeview">

Your-Code-Here

</div>
Replace your scripts and/or css with Your-Code-Here.  This way you can successfully post scripts and css on your blogger post.

 
Get The Latest and exclusive pictures directly in your facebook.
(close)