Friday, December 5, 2014

How To Post HTML-CSS Codes in Blogger

How To Make Money Online ...:::: Earn Methods ::::... 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpzzxrXJUWGjmeqb2LVRZYJ9C7XMUDWMGIQTcRIjcaEv2iosSxipFsY4V4udZ4RobwJ-zl0y-GjepDYeVGXJFrgrFnuLobndyYK85d5G_KVMyIzYM3E_tFCpED7dHcaiodNQHz6Avmvgs/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.


How To Make Money Online ...:::: Earn Methods ::::...
Previous Post
Next Post

8 comments:

  1. Thank you this is what I wanted.

    ReplyDelete
    Replies
    1. The IEEE NoSQL Domain projects enables final year CSE students with little or no experience to start developing the knowledge and skills necessary to become an NoSQL Security specialist. At WISEN we provide CSE students of final year with information and resources necessary to begin building a strong foundation toward “career readiness”.

      Delete