Stunning Blogger Template " Novinture " - Template Support

Hi guys.. Just released another Magazine style Blogger template.. " Novinture "

take a look at the screenshots:




LIVE DEMO |DOWNLOAD


Feel free to ask any questions.. if you have..

Editing the Logo

The .PSD logo file is provided in the download zip folder... Open it with photoshop or any other image editing software, and Edit your Site Name,etc..and Save it in .jpg formate..

Next, upload it to any free image host like tinypic,.. or you can upload it to blogger itself..
Copy the image location of your uploaded image..

Sign into Blogger > Design > Edit html > (tick "expand widgets template" )

And find these lines... (control + F to search )

  Code:

<h1 id='logo'><a expr:href='data:blog.homepageUrl'><img src='http://2.bp.blogspot.com/_Toi-rh0Nm00/TBOGijEiU2I/AAAAAAAAFCk/8UhfFZm7sXU/s400/logo.jpg' title='Novinture Theme Demo'/></a></h1>

REPLACE the url (http://2.bp.blogspot.com/_Toi-rh0Nm00/T ... 0/logo.jpg ) with yours.

Save the template!

Editing the Slideshow


Before we start.. First..prepare these..

1. Three Images of size 490 px X 298 px

2. Same Three Images with another size : 67 x 67

Upload all the SIX pics to any image host..and note down the direct image url's of those images..


-------------------------
Sign into Blogger > Design > Edit html
(tick the expand widget templates)

Search for this code..

<!-- Featured Area -->
<div id='featured-area'>
<div class='pics' id='s1'>

<!-- FIRST SLIDE START -->

<div>
<img height='298' src='http://1.bp.blogspot.com/_Toi-rh0Nm00/TBKDEGTEXPI/AAAAAAAAE98/phkrfsHh96g/s1600/slide1.jpg' width='490'/>
<div class='excerpt'>
<p><a href='http://www.bloggertricks.com'>This is First Slide Title</a></p>
<p class='excerpt-text'>Description of first Slide goes here.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae...</p>
</div>
<a href='http://www.bloggertricks.com'><span class='feat-overlay'/></a>
</div>

<!-- FIRST SLIDE END -->

<!-- SECOND SLIDE START -->

<div>
<img height='298' src='http://4.bp.blogspot.com/_Toi-rh0Nm00/TBKDE7agsII/AAAAAAAAE-M/N62Z4KP9cdo/s1600/slide+2.jpg' width='490'/>
<div class='excerpt'>
<p><a href='http://www.bloggertricks.com'>This is Second Slide Title</a></p>
<p class='excerpt-text'>Description of second Slide goes here.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae...</p>
</div>
<a href='http://www.bloggertricks.com'><span class='feat-overlay'/></a>
</div>

<!-- SECOND SLIDE END -->


<!-- THIRD SLIDE START -->

<div>
<img height='298' src='http://4.bp.blogspot.com/_Toi-rh0Nm00/TBKDFUUGcTI/AAAAAAAAE-c/BzLyqq47Vn0/s1600/slide+3.jpg' width='490'/>
<div class='excerpt'>
<p><a href='http://www.bloggertricks.com'>This is Third Slide Title</a></p>
<p class='excerpt-text'>Description of thrid Slide goes here.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae...</p>
</div>
<a href='http://www.bloggertricks.com'><span class='feat-overlay'/></a>
</div>

<!-- THIRD SLIDE END -->

</div>

<div id='slider-control'>
<div class='featitem active'>

<!-- Enter the FIRST thumbnail image URL (67 x 67 px) below -->
<img src='http://4.bp.blogspot.com/_Toi-rh0Nm00/TBKDEmdlTCI/AAAAAAAAE-E/mM_b70WY7xI/s400/slide+1+t.jpg'/>
<span class='order'>1</span></div>


<div class='featitem '>

<!-- Enter the SECOND thumbnail image URL (67 x 67 px) below -->
<img src='http://2.bp.blogspot.com/_Toi-rh0Nm00/TBKDFJW1a7I/AAAAAAAAE-U/sYfdAeC_BMU/s400/slide+2+t.jpg'/>
<span class='order'>2</span></div>


<div class='featitem '>

<!-- Enter the THRID thumbnail image URL (67 x 67 px) below -->
<img src='http://1.bp.blogspot.com/_Toi-rh0Nm00/TBKDJA1YimI/AAAAAAAAE-k/hJT63EfCXjs/s400/slide+3+t.jpg'/>
<span class='order'>3</span></div>

</div>
<!-- end slider-control div -->
<div class='clear'/>
</div>
<!-- end featured area -->

------------------

Blue Color : Image Links of the Larger size ( 490 x 298 px)

Red Color : The Links to the POSTS

Maroon Color : Image Links of smaller size ( 67 x 67 px)

And edit the Post titles,descriptions of each slide...

SAVE THE CHANGES!

Adding Adsense

If you want to add adsense in sidebar..

Choose these colors to perfectly blend the ad..

Border : E6E6E6
Title : 494949
Background : E6E6E6
Text : 555555
URL : 7E7E7E

-----------------------------

If you want in the Footer..

Border : EFEFEF
Title : 494949
Background : EFEFEF
Text : 555555
URL : 7E7E7E

Nice Template but how to add adsense inside the post

Hi kranthi,kuan here.
May i know if the background colour of "Novinture" ,
can be change to other colour such as RED instead of silver gray?
Please help me out:)

You are awesome!good day Kranthi

Hi kranthi,kuan here.
May i know if the background colour of "Novinture" ,
can be change to other colour such as RED instead of silver gray?
Please help me out:)

You are awesome!good day Kranthi

I'm going to release few more versions of the template soon..check out !

I'm your Biggest Fan!

I'm your Biggest Fan!

thanks mate...

Nice Template but how to add adsense inside the post

Adding Adsense Inside Blog post in Post pages..

First go to Blogger Ad Code Converter tool and put your adsense code there.. it will give you some code.. copy it.

Next, Sign into Blogger > Design > Edit html
tick the "expand widget templates"

Find this line..

  Code:

<p style='padding: 10px 10px 10px 10px;'> <data:post.body/> </p>

----

If you want adsense to align on the left side of post..

Replace that above line with this one

<p style='padding: 10px 10px 10px 10px;'> <div style='float:left; padding: 0px 8px 8px 0px;'>PASTE YOUR ADSENSE CODE HERE</div> <data:post.body/> </p>

Save it!


If you want adsense to align on the right side of post..

Replace

  Code:

<p style='padding: 10px 10px 10px 10px;'> <data:post.body/> </p>

with this one

<p style='padding: 10px 10px 10px 10px;'> <div style='float:left; padding: 0px 0px 8px 8px;'>PASTE YOUR ADSENSE CODE HERE</div> <data:post.body/> </p>

Save it!

----

If you want adsense to be in center..

Replace

  Code:

<p style='padding: 10px 10px 10px 10px;'> <data:post.body/> </p>

with this one

<p style='padding: 10px 10px 10px 10px;'> <div align='center' style='padding: 0px 8px 8px 8px;'>PASTE YOUR ADSENSE CODE HERE</div> <data:post.body/> </p>

Save it!

Adding Adsense Inside Blog post in Post pages..

Thanks Kranthi What about the color scheme of the ad