Add Html Together With Coffee Scripts Within Blogger Posts Inwards A Display Box

It is really hard for anyone using Blogger blogs to demonstrate HTML codes in addition to JavaScript within the weblog posts . You mightiness bring besides seen people showing the scripts inwards pocket-sized display boxes of fixed length in addition to width. Now later applying this Blogger trick , y'all would last able to demonstrate HTML in addition to JavaScript within Blogger posts amongst custom display boxes .



Click on layout of the weblog inwards which desire demonstrate HTML or JavaScript in addition to straight off guide edit HTML .Before y'all utilize whatever Blogger hack ,remember to download in addition to salve your total template.Now tick the expand widget templates in addition to deed onto the pick shown below ( towards the destination of CSS code )

Otherwise y'all tin press Cntrl+F in addition to glue ]]></b:skin> on appearing search box hence enterPaste the next CSS code to a higher house that line of piece of work .

pre
{
background:#efefef;
border:1px corporation #A6B0BF;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
color:#000000 }
pre:hover {
border:1px corporation #efefef;
}
code {
font-size:120%;
text-align:left;
margin:0;padding:0;
color: #000000;}
.clear { clear:both;
overflow:hidden;
}

The to a higher house code is for drawing a display box within the Blogger post to demonstrate HTML in addition to JavaScript.You tin modify the length ,width ,size in addition to color of the box , dorsum dry reason icon etc. yesteryear editing the CSS code. After adding this code y'all tin telephone band the display box anytime into your post yesteryear next side yesteryear side step

<pre>

"your HTML or JAVA script"

</pre>

In Blogger inwards draft , in that place would last a work amongst this HTML in addition to JavaScript display box . For fixing that,Expand Post options from the Blogger text editor ( On the bottom left corner ) . From the compose settings, guide Interpret typed HTML . Now everything would look fine

Before y'all add together "your HTML or JAVA script " decease inwards post friendly yesteryear next this linkInside the box provided glue the script in addition to click decease inwards friendlyNow re-create the generated code in addition to glue betwixt

<pre> & </pre>

to proceed it within display box

Making the script postable is the exclusively requirement if y'all excogitation to demonstrate the HTML or Java Script solitary , without a display box.

Please teach out a comment if y'all similar this post or subscribe to this weblog via RSS or Email.

Share this post