How To Insert HTML, CSS, JavaScripts Codes inwards Blogger Posts? This is i of a nearly mutual query which arrives inwards users minds. It has been a biggest headache for many Blogger (Blogspot) users. Still many Blogspot users are unable to discovery why they cannot display HTML coding equally manifestly text inwards in that place posts.
So today I volition present y'all how y'all tin easily insert whatsoever HTML coding inwards y'all Blogger Posts. We volition insert all of our HTML codes inwards a Stylish Box which volition brand our coding facial expression dissimilar from the all other text acquaint inwards our post.
I know, y'all would dearest to preview how your coding would facial expression a similar subsequently applying this tutorial.Here it is see the alive demo here
Insert CSS Style Sheet inwards Blogger Template:
- Go to Blogger >> Your Blog >> Template >> EDIT HTML >> Proceed
- And directly Search For ]]></b:skin> With (CTRL+F)
- After y'all find ]]></b:skin> just inwards a higher house it glue the next coding
.post blockquote {background: #C8EFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEWl49pcPC-hSb1spDMh3ze75cjlMXAFWK0GFNicerqXWX8yS4fmmJ_LH4y_N1nZpBDbjzHcLcr-Qu-reE-36XZ5uGC_yMz0AFpM5Izh-indVoxMtrw3cl0LKCayaCICvwaMWrL105Kss/s1600/1.png);background-position:top left;background-repeat:repeat-y;margin: 0 20px;padding: 10px 20px 10px 45px;border-top: 2px venture #DDD;border-right: 5px venture #666;border-left: 2px venture #DDD;border-bottom: 5px venture #666;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;}
- Now After pasting the inwards a higher house code salve your template yesteryear pressing Save Template Button
Inserting HTML, CSS or JavaScript Coding inwards Blogger Post equally Plain Text:
Now inwards social club to display the HTML, CSS or JavaScript coding inwards your Blogger post we'll purpose a blogger tool called "QUOTE". This tool is available inwards your Blogger Post Editor which volition brand your HTML Coding look equally manifestly text,
And Now become to your spider web log post too it volition laissez passer a moving painting perfect finish. So that's how y'all tin Display HTML, CSS or JavaScript coding inwards Blogger Posts. You tin also purpose this "QUOTE" Tools to highlight of import quotations.If y'all Feel whatsoever Difficulties experience gratuitous to ask.Till hence Peace, Blessing too happy Quoting.
- First Go To Blogger >> Your Blog >> Create a New Post >>
- Now Just paste the HTML, CSS or JavaScript coding inwards the Blogger Post editor
- Now Select the HTML, CSS or JavaScript coding which y'all pasted previously.
- Now After Selecting the HTML, CSS, or JavaScript coding merely Press the "QUOTE" push clit Which is at the "Top Right" of you "Blogger Post Editor Tool Bar" Remember: Press the Button alone once.
- Publish your Post
Tip:If y'all desire to Quote whatsoever text You tin also pick out text to quote yesteryear adding the “<blockquote>” tag unopen to the text. For Example <blockquote>Hey I am On MyBloggerLab<blockquote>. But Remember This volition function alone if y'all are working on HTML TAB inwards Blogger Post Editor
And Now become to your spider web log post too it volition laissez passer a moving painting perfect finish. So that's how y'all tin Display HTML, CSS or JavaScript coding inwards Blogger Posts. You tin also purpose this "QUOTE" Tools to highlight of import quotations.If y'all Feel whatsoever Difficulties experience gratuitous to ask.Till hence Peace, Blessing too happy Quoting.
No comments:
Post a Comment