الأربعاء، 24 يوليو 2013

How To Show HTML,Javascript Code In Blogger Posts


I think its very important post for beginners.When you wish to write some tutorials that relate with coding you have to mention codes in your blogger post
.Please read the full tutorial you will understand
How To Show HTML Or Javascript Code In Blogger Posts While Writing Tutorial

Login to your blogger dashboard and go to Design > Edit HTML

Press CTRL+F and find the following code


]]></b:skin>

Now paste the following code after it

pre
{
background:#efefef;
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;
}

Your work is finished

Now go to type post and provide your code in the following format


How To Show HTML Or Javascript Code In Blogger Posts While Writing Tutorial
that's mean you have to use < pre >HTMl tag

< pre >YOUR CODE </pre >

After this you can publish your post with code and see result

How To Show HTML Or Javascript Code In Blogger Posts While Writing Tutorial

Now you can shoe HTML/javascript code like big bloggers


 تم النشر يوم  الأربعاء، 24 يوليو 2013 ' الساعة  2:11 م


ليست هناك تعليقات:

إرسال تعليق