Wednesday, May 18, 2016

How to Add snippets in posts Blogger/Wordpress


Adding snippets to a blog postIf you have a blog where you often Add snippets in posts this trick will entertain you you can add snippets in posts using this simple css script which we align all of your in lines and your will look grt in posts see here i Use this script in post where i add a snippet of C# program to Convert lower case letter to upper case.
Here is css script which might be useful to all rders, This is not for syntax highlighting but works well for presenting the source in original format.

<pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace;
color: #000000; background-color: #eee;
font-size: 12px; border: 1px dashed #999999;
line-height: 14px; padding: 5px;
overflow: auto; width: 100%">
< style="color:#000000;word-wrap:normal;">

<<<<<<<YOUR HERE>>>>>>>

</>
</pre>
How to use :Paste this snippet in text editor.
Paste your in <<<<<<>>>>>> block.
Copy all and paste to HTML view in blogger(or any other) post editor.

No comments:

Post a Comment