BloggingTricks4u-Blogging Tips Tricks: Add HTML and JAVA SCRIPT into blogger post

Add HTML and JAVA SCRIPT into blogger post

For beginner or amateur blogger like me, will be very difficult to make posting that contains the HTML, CSS, or JavaScript. You might have ever seen a blog post which showing html script in a display box. >

So, how to make our blog post able to show HTML or Java Script?. You don't need to have headache about it. You only need doing some simple steps as follow:

Log in to your blogger account
Click Layout
Then click Edit HTML
Backup your template
Find ]]>
Add below script right above ]]> section.

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

7. Save your template

The code above is for drawing a display box inside the post to show HTML and Java Scripts you want to post. Hemmm.... You can change the length ,width ,size and color of the box as well by editing the code . Even you can add an image background by adding image url following color code of display box background.

Now you able to post HTML and Java Script code in your blog post. You can call the display box anytime into your post by writing below code:

<pre> Place your HTML or JAVA Script Here </pre>

But, before you place your HTML or Java Script code, you need to make your code postable by generate your HTML or Java Script here to make it friendly. Paste your HTML or Java Script inside the box provided and then click make it friendly.

And then, copy the generated code and paste between

<pre> & </pre>

to make it posted inside display box

Author : k

5 comments

comments

Magistral699

September 18, 2021 at 3:23 AM delete

Global “Big Data Storage Market” research report designed in a way that it can help to the businessman to acquire overall knowledge about the industry scenario and its most important factors. This report also provides accurate data which will help to developing and growing high in the industry. The company fungible helps you with bare metal data center and solves the most challenges like cost, production, supply chain, sourcing strategy, factor analysis, distribution business strategy. And their main goal and vision are to prevent invalid data-centric calculations between server nodes and invalid data exchanges between server nodes and to strengthen reliability security.

Muzhumathi

September 20, 2021 at 4:43 AM delete

Nice Blog, it is very impressive.

Java Online Course
Java Training in Chennai
Java Training in Bangalore

merry

December 26, 2021 at 12:17 PM delete

One of the incredible powers of the human body is the ability to repair itself. You've probably experienced scraping your knee and watching it gradually heal itself after a few weeks. While our body indeed can repair skin damages on its own, we can actually help it by taking Vitamin C. According to studies conducted by clinical researchers, liposomal vitamin c helps skin repair faster. It also plays an integral role in preventing DNA mutation which in the long run, helps your body fight diseases and bacteria.