Friday, December 5, 2014

How To Post HTML-CSS Codes in Blogger

Post HTML-CSS Codes in Blogger.
If you posts HTML - CSS & JavaScript codes on your blogger/blog platform. now i will show you how you insert HTML & CSS code insert easily in you Blogger Blog Posts. and highlight your important quotations code in your blogger posts, Click Here and see live demo.
  
Insert CSS Style Sheet in Blogger Template.
1: Go to your Blogger >> Template Setting and click >> EDIT HTML >> Proceed 
2: Press (CTRL+F) And now Search   ]]></b:skin>
3: Just Above  ]]></b:skin> paste the following coding. 
.post blockquote {
background: #D0DDFF url(http://2.bp.blogspot.com/-eO18IrUYZvs/VIGaRe5l4xI/AAAAAAAAAbc/J9u_09i3L7w/s1600/mybloggertoolslogoHTML.png);
background-position:top left;
background-repeat:repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border-top: 5px solid #000000;
border-right: 5px solid #000000;
border-left: 5px solid #000000;
border-bottom: 5px solid #000000;
font-size: 0.9em;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.blockquote {
font: 18px normal  sans-serif,Tahoma;
padding-top: 10px;
margin: 5px;
text-indent: 65px;
}
.blockquote div {
display: block;
padding-bottom:10px;
}
.blockquote p {
margin: 0;
padding-top:10px;
}

  • After pasting the above code save your template.
3: Now Inserting you HTML, CSS Coding in Blogger Post with your post.
4: Go To Blogger >>> Your Blog >>> and write your New Post >>>


5: Now paste the HTML, CSS or JavaScript coding in the Blogger Post. 


6: Now Select the HTML, CSS or JavaScript coding which you highlighter your blogger posts. 


7: After Selecting the HTML, CSS, or JavaScript coding just Press (Quote) button, i show this button on below image.  just Press the Button only one time after select codes. 


8: Almost Don now Publish your Post. :)

--------------------------------------------------------------------------------------------------------if you want to change "code bar logo" you just find link code and change this link to your (PNG) Link. i highlight this link below image you easily find this to your html settings and change this and you also change background color.  


and you also use (QUOTE) Tools to "highlight" (important quotations).If you any problem, don't hesitate to contact us.


Previous Post
Next Post

1 comment: