2 May 2014

CurioWhite - Free and Clean Blogger template

Curiowhite is a free and clean template for blogger with many built in features like, related posts widget, Prettyprint, YouTube video embedder, auto content selector etc.
This theme is best for those bloggers who are looking for a simple and clean theme for their blog.

How to use Curiowhite blogger template ?

1. Download the template or just copy the code.
2. Go to your blogger dashboard and choose 'Template' option and then click on 'Edit HTML' tab

3. Back up your current theme
4. Now remove your older template code and paste CurioWhite template code.
5. Click on 'Save Template'.

Customizing Curiowhite blogger template configuration

1. Primary Menu


    For adding custom primary menu in header section of blog, Search for "primary menu" in the above theme code and change menu as according to your need,

2. Pretty print for posting code inside blog post
    If you want to put some code inside blog post then put your parsed code inside <pre></pre> and theme will automatically assign prettyprint class to it.For printing line number add class="linenums" to <pre> element.
Example,

       i. Without line number ,
           <pre>
                &lt;div&gt;  This is a html Div  &lt;/div&gt;
           </pre>
          final look,
    <div>This is a html Div </div>
      ii.  With line number ,
         <pre class="linenums">
              &lt;div&gt; html Div1  &lt;/div&gt;
              &lt;div&gt; html Div2 &lt;/div&gt;
         </pre>
<div>html Div1 </div>
<div>html Div2 </div>

3. Element content selector

    This theme automatically adds a function to select inner contents of <pre></pre> elements, to apply to other elements just add a onclick function 'selectElementContents(this)'.
<div ondblclick="selectElementContents(this)" > double click to select content of this div </div>

4. Related Posts widget

    This widget display posts with similar label.For more details visit this link.It takes first image of your post as a thumbnail image for display in related post. To remove it, search for 'Related posts'  and delete JavaScript and css.

5. YouTube video embedder

    This widget embeds YouTube video with the facility to load asynchronously.for details visit this link
Did you find this post useful? Let Us know in the comments section below.

0 comments:

Post a Comment