Top Tutorials

Recent Posts

Showing posts with label Pinterest. Show all posts

Accord Blogger Template

Template name : Accord

Platform: Blogger / Blogspot

Release date : October 2012

Author : top-tut.blogspot.com

Designer : color-theme.com

Template features : Pinterest Look, 3 Columns, Right Sidebar, Fashion, Featured Post Slider, Fixed Width, Gray Background, Social Widget, Header Banner, Dropdown Menu, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Dropdown Menu:

<div id='menu'>
<div class='menu-main-nav-container'>
 <ul class='sf-menu sf-navbar' id='menu-main-nav'>
  <li><a href='#'>Home Features</a>
  <ul class='sub-menu'>
   <li><a href='#'>Home + Sidebar</a></li>
 ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<div class='top-social-block'>
 <ul>
  <li><a class='facebook-top' href='#'/></li>
  <li><a class='twitter-top' href='#'/></li>
 </ul>
</div>

Replace "#" with your Social Account URL.

How To Change Header Banner:

find this:

<div class='banner'>
 <a href='#'><img height='60' src='/banner.jpg' width='468'/></a>
</div>

Now replace:

"#" with your banner URL.
"banner.jpg" with your banner image.

Configure Page Navigation Widget:

search for:

var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

Labels: 3 Columns, Blogger Template, Pinterest

TheStyle Blogger Template

DemoDownload

Template name : TheStyle

Platform: Blogger / Blogspot

Template features : Wordpress Look, Personal, Modern, Right Sidebar, Dark Background, Top Navigation Menu, Page Navigation Widget, Tabbed Widget.

Release date : Sep 2012

Author : top-tut.blogspot.com

Designer : www.elegantthemes.com

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Post Date:

Log in to Blogger Dashboard --> Settings --> Format. Make sure the Timestamp Format and Language are all changed to the following:

If you don't do this, it will display "UNDEFINED".

Configure Page Navigation Widget:

search for:

var posts=7, // Number of posts in each page
    num=2, // Number of buttons will display

Labels: Personal, Pinterest, Wordpress Look

Pinfinity Blogger Template

DemoDownload

Template name : Pinfinity

Template features : Pinterest Look, Clean Design, Social Widget, Dropdown Menu.

Release date : August 2012

Author : top-tut.blogspot.com

Designer : www.cssigniter.com

Basic Instructions : How to install a Blogger Template

Configure Dropdown Menu:

<ul class='group' id='navigation'>
 <li class='current_page_item'><a href='#'>Home</a></li>
 <li><a href='#'>Page Template</a></li>
  <ul>
   <li><a href='#'>Standard Format</a></li>
   <li><a href='#'>Image Format</a></li>
 ..........

Now replace "#" with your menu item URL.

Configure Social Widget:

search for:

<aside class='widget group widget_ci_social_widget'>
 <a class='icn twitter' href='https://twitter.com'>Twitter</a>
 <a class='icn facebook' href='http://www.facebook.com'>Facebook</a>
 <a class='icn pinterest' href='http://pinterest.com'>Pinterest</a>
 <a class='icn youtube' href='http://www.youtube.com'>Youtube</a>
</aside>