If you are having a blog which provides various and scripts to your visitors, then this tutorial is much needed for you.Today i am going to show you how to show/display or scripts in your blogger blog.
If you are having a blog that provides let's say Blogger widgets,templates,wordpress gadget or any other , then follow the steps given below.
Normally you have seen many blogs using syntax highlighter in order to display HTML/Javscript or CSS .There are some advantages and disadvantages with syntax highlighter.Let's discuss the advantages first.Syantax highlighter offers many pro ftures like one click copy and print,One click enr and more.The more the ftures, the more complied it will be and may take more time to load.
When you add it in your blog, it reduces your overall blog speed or can even corrupt/mess your blog HTML.This is not good for your blog in SEO point of view.Every blog owners try to make their blog faster,but only few may succeed.Reducing the of used can incrse the loading speed of your blog.So its better to use minimal .The highlighter which iam going to provide here has many nice ftures.
The highlighter uses minimum resources, there by incrsing the loading time of your blog.It also even loads fastly.More over this highlighter is fully SEO optimized, so ther is no need to worry about seo.Its also attractive i design.Follow the steps given below carefully to add it in your blog.
Go to Blogger Dashboard >>> Template >>> Edit HTML >>> ProceedTick the box " Expand widget templates "Srch for the " ]]></b:skin> " in your HTMLAdd the below above " ]]></b:skin> "
.view { margin : 15px 15px 15px 35px; padding : 10px; clr : both; font-family : "Courier New", "MS Sans Serif", sans-serif, serif; line-height:1.6; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAEdEBVhyphenhyphenv68r8ErSWEpnLHTVNMLFUbcwJNZVOVYSXG7bZU7IPm-gbadWo4E8Ju9AD-VWMhaQy2OAi5nRaRf0putdsTvGSx38ugXz9wgwO9wVjZTnAqma2qF17YFcZUfcPGjZuNT0EMK5K/') no-rept scroll bottom right #EFFBF5; border-top : 1px solid #eeeeee; border-right : 2px solid #cccccc; border-bottom : 2px solid #cccccc; border-left : 1px solid #eeeeee; } .view li { line-height : 24px; color : #333333; margin : 0; padding : 0; } Save your templateNow to show/display a in your blogger post, you have to en it first You can use out HTML ENR for thisNow add the following piece of in your post's HTML
No comments:
Post a Comment