hello readers welcome to khatriscreation. today i have posted a very useful widget for blogger.the gadget is add code box in blogger .to add this widget follow this steps........................Step1: Log in to your blogger Dashboard >>> Template >>
Step2: Then Click on the Customize
Step3: Now a window will open their click on Advanced >>> then >>> Add CSS
Step4: After this a box will open. Add the following code in the box and click on apply to blog button to enable this in to your blog.
.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .code:hover { background-repeat:no-repeat; }
Step5: Now in order to apply this to blogger post, when you're composing your post goes to HTML and then put code between the following tags
<div class="code">
Paste your code
</div>
Now your code will look like below box
thank you
happy blogging
Welcome To khatriscreation And Let Me First Introduce Myself. I’m Sudarshan khatri From Nepal And I Manage khatriscreation. I’m Not A Professional Blogger By Education I’m Self Trained Guy And I Am 13 Years Old. Well Talking About Me I’m A Normal Guy Who Lives The Life Fullest, Loves Searching New Things On Internet.I love to share my expenience and education to the peoples so i have managed this blog .khatriscreation is totally about blogging,seo,widgets and blogging tips.
ConversionConversion EmoticonEmoticon