Sunday, December 8, 2013

Main Photo Responsive Blogger Template Collections

 

Main Photo : The responsive blogger template collections

Main photo responsive blogger template is my second collection responsive blogger template after responsival blogger template. This template very suitable for photography and gallery blog.


                              DOWNLOAD                           PREVIEW

 There are several features of this template:
  • You can edit font color, font size, font family, background image and others in template designer.
  • Minimalist and clean design template
  • Compatible with modern browsers
  • Featured image slider with auto recent post per label
  • 2 column template
  • 3 column footer

How to setting main photo responsive blogger template

  • General Setting
Make sure to change template the mobile view first. Click template => click gear icon => click yes.
  •  Setting view image slider
This template is supported by the image slider with auto post new d per label or category. You just need to type the name label on the widget. Go to layout => click edit on looped slide widget.
  • Setting social networks
Go to template => edit HTML => find code below 

<div class='network'>
<ul>
<li><a href='https://twitter.com/ireng_ajah'><img alt='Twitter' src='http://4.bp.blogspot.com/-xAYWEVyxvmM/Tpkdq4l1lNI/AAAAAAAALtk/FYlb2DxEcqE/s1600/twitter.png' title='Main Blogger on Twitter'/></a></li>
<li><a href='https://www.facebook.com/MainBlogger'><img alt='Facebook' src='http://3.bp.blogspot.com/-VOBRmsL8e6Y/Tpkdqs5VxOI/AAAAAAAALtI/z57Wppciv5c/s1600/facebook.png' title='main Blogger on Facebook'/></a></li>
<li><a href='https://plus.google.com/111461490683022468168'><img alt='Google+' src='http://4.bp.blogspot.com/-yA9nQkc9rSQ/Tpkdqk2-hKI/AAAAAAAALtQ/K0PjU7Z5tNs/s1600/gplus.png' title='Main Blogger on Google+'/></a></li>
<li><a href='http://feeds.feedburner.com/mainbloggerz'><img alt='RSS Feed' src='http://4.bp.blogspot.com/-i7NERqdQKP0/Tpkdq10lKqI/AAAAAAAALtY/TYmuUrKey9A/s1600/rss.png' title='Subscribe RSS Feed Main Blogger'/></a></li>
</ul>
</div>
Replace red color with your social network and feeds.
  • Setting menu navigation
Go to template => edit HTML => find code below
 <div class='creditl'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='/p/about.html'>About</a></li>
<li><a href='/p/advertise.html'>Advertise</a></li>
<li><a href='/p/contact-us.html'>Contact Us</a></li>
</ul>
</div>
Replace red color with your link.

Thursday, December 5, 2013

Responsive Blogger Templates Collections

Responsival : Responsive Blogger Templates Collections

After a long time not to share blogger templates with you, today I introduce a responsive blogger templates, called responsival. I am very happy to start posting again and thank you for all the comments and feedback that you provide.

           Download        Preview

This template includes the type of template that is designed to adjust to different types of screen resolution . up to 1400px width. So you can give the best service to your readers. If you see a demo version of this template then to have some additional work to you, is to change some parts of the template to suit your liking. There is a little different from this template, where there are some widgets that are not accessible via the ' layout ', but do not worry because I will give you the guide.
Go to the template => edit
HTML => edit template => click on the HTML code and press Ctrl + F => enter the name of a widget that does not exist in the ' layout ', such as 'sponsors' and press enter => if you have found you can change as you wish, or you can delete => Save.

How to change the Header

Same as above, go to the template => edit HTML=> edit template => press ctrl + F => enter the name of the header, example of 'about' => change the name to your liking and replace '#' with the url address.

 <header class='block' id='top-wrapper'>
    <section id='logo'>
        <a expr:href='data:blog.homepageUrl'><img alt='blog logo' src='http://1.bp.blogspot.com/-o5_GPJH6T6o/T2wKXkdcg_I/AAAAAAAAAhc/LXZsMOlI1tM/s1600/face_200.png'/></a>
    </section>
    <nav id='main-menu'>
     <ul>
            <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
            <li><a href='#'>About</a></li>
            <li><a href='#'>Contact</a></li>
            <li><a href='#'>More</a></li>
     </ul>
    </nav>
    <section id='blog-description'>
     <h1>Hello... <strong>Responsival Theme</strong> is another <strong>template</strong> for <strong>Blogger</strong> users. PLAY with this responsive design and See the release on my blog.</h1>
    </section>
</header>
Replace blue text with your descriptions. 

How to change image

This is the most important part, to make the necessary responsive template image corresponding to the size, so that when we use the post editor to upload the image then it is likely there will be attributes that cause images unresponsive. So you have to do is make images resizable, namely:

As usual you get into HTML, every post you will choose a code like this:



<div class="separator" style="clear: both; text-align: center;">
    <a href="http://blablablabla/s1600/blabla.jpg" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em">
        <img border="0" height="160" width="320" src="http://blablablabla/s320/blabla.jpg" />
    </a>
</div>
  •  Delete markyellow up.
  •  Delete red attributes.
  •  Change image size from s320/s400/s800/etc to s1600.
Happy blogging!!

Friday, January 11, 2013

Super SEO Blogger Template Collections


Super SEO blogger template collections 

This time I will share a SEO friendly blogger template collections, this template is very SEO friendly because the preparation of H1 tags, H2 and H3 are constructed according to the rules Search Engine, and in it I have included breadcrumbs, related posts.

Super SEO Blogger Template Collections

Super SEO Blogger Template Collections 
Download
Preview
 
Platform : blogger/blogspot
Template Name : Super SEO
Features :
  • 2 columns
  • Social Networking
  • Auto readmore with default thumbnail
  • Breadcumbs
  • Related Post
  • Bookmark Ready
Instructions : How to install a Blogger Template

Configure Social Icons

Blogger dashboard ----> Template ----> Edit HTML -----> Uncheck Expand widget ----> Scroll Down slowly and find code below :

<div class='right'>
<a class='iconFacebook' href='#'>Facebook</a>
<a class='iconTwitter' href='#'>Twitter</a>
<a class='iconRSS' href='#'>RSS</a>
<a class='iconGoogle' href='#'>Google</a> 
      </div>
Replace "#" with your social URL.

Configure Menu

Find code below :
<!-- Menu START -->
<div id='navbarsecond'>
<ul class='dropdown' id='secondmenu'>
<li><a href='/'>Home</a></li>
<li><a href=''>World News</a></li>
<li><a href=''>Entertainment</a></li>
<li><a href=''>Health</a></li>
<li><a href=''>Technology</a></li>
<li><a href=''>Auto</a></li>
<li><a class='sf-with-ul' href=''>Sport</a>
<ul class='sub-menu'>
<li><a href=''>Soccer</a></li>
<li><a href=''>Formula 1</a></li>
<li><a href=''>Rally Racing</a></li>
<li><a href=''>Golf</a></li>
</ul>
</li>
</ul>
<div class='clear'/>
</div><!-- /#navbarsecond -->
Change with your menu.
This Super SEO blogger template collections is free for you

Wednesday, January 2, 2013

Elements Blogger Template Collection

Elements Blogger Template Collection

Elements Blogger Template Collection 
DownloadPreview 

Element blogger template is elegant template collection with wordpress look, 2 columns, fixed width dark, featured content slider, right side bar, side bar widgets can be hide or expanded, tabbed widgets, top navigation menu and jQuery tab added.


Configure Dropdown Menu

Blogger dashboard ----> Template ----> Edit HTML -----> Uncheck Expand widget ----> Scroll Down slowly and find code below :
<ul class='menu'>
<li><a href='#'><span>Home</span></a></li>
<li><a href='#'>HTML Elements!</a>
..........
<ul class='submenu'>
<li><a href='#'>Celebrities</a></li>
<li><a href='#'>Miscellaneous</a></li>
Change '#' with your menu URL

Configure Content Slider

Blogger dashboard ----> Template ----> Edit HTML -----> Uncheck Expand widget ----> Scroll Down slowly and find code below :

<div id='mygallery'>
<div class='imageElement'>
<h2>Little Big Planet spawns festive level pack</h2>
<p>Phasellus ...</p>
<a class='open' href='#' title='Read More'/>
<img class='full' src='.../image.jpg'/>
<img class='thumbnail'/>
</div>
Change '#' with your post URL
Change 'image.jpg' with your image URL

Configure Tab Name of Tab widget

Just find this code :
<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Latest News</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Latest Comments</a></li>
</ul>
Change 'Popular', 'Latest News' and 'Latest Comments' as you like.
That's all and your elements blogger template collection is ready to use.

Sunrise Blogger Template Collection


Sunrise Blogger Template Collection

This time I will share blogger template with  very attractive features and newly released December 2012. Display template is very nice and very suitable for blogger templates music. My template collections called sunrise is indeed quite unique, look great background, consisting of three columns, with a cool slider content, coupled with a display wordpress templates make it worth your collection.

Sunrise
Sunrise Blogger Template Collection
previewdownload





 Template collection name : Sunrise

Platform  :  Blogspot / Blogger

Release date : December 2012

Author   :   www.soratemplates.com


 Feature :  
  • Music template
  • Wordpress look
  • 3 columns
  • Right side bar
  • Cool content slider
  • Fixed width
  • Dropdown menu
  • Dark bacground
  • 3 columns footer
Instruction : How to install the blogger template

Configure Content Slider :

Blogger Dashboard ---> Template ---> Edit HTML ---> check expand widget ---> Scroll down and find code below :
<li class='jcarousel-item-1 odd'> 
<div class='views-field views-field-field-portfolio-image'>
<div class='field-content'><a href='#'><img src='/image.jpg'/></a></div></div> 
 <div class='views-field-title'>Aenean sodales dapibus.</div>
 <div class='clearfix'>
 <div class='button'><a href='#'>more</a></div>
 </div>
 </div>
 </div></span>
 </div>
</li>
Change '#' with your post URL and  'image.jpg' with your image URL.

Configure Dropdown Menu

 Blogger Dashboard ---> Template ---> Edit HTML ---> check expand widget ---> Scroll down and find code below :

<ul class='sf-menu' id='superfish-1'>
 <li><a href='#'>Events</a></li>
 <li><a href='#'>Artists</a></li>
 <li><a href='#'>About us</a></li>
 <li><a href='#'>Gallery</a>
 <ul>
 <li><a href='#'>Gallery 1 col</a></li>
 <li><a href='#'>Gallery 2 cols</a></li>
Chane '#' with your menu URL





Tuesday, January 1, 2013

Eclipse Blogger Template Collections

Eclipse Blogger Template Collections

Eclipse blogger template  is excellent blogger template collection with 2 columns, 4 columns footer, wordpress look, fixed width,  dropdown menu, social widget, featured content slider.

Eclipse
Eclipse Blogger Template Collection 
4 columns Footer Menu
downloadpreview
 
Platform : Blogger/ Blogspot
Release date : October 2012
Author :  www.soratemplates.com
Design :  www.devilcantburn.com
Features :
  • Wordpress Look
  • 2 Columns
  • 4 Columns Footer
  •  Right Sidebar 
  • Featured Content Slider
  • Fixed Width
  • Social Widget 
  • Dropdown Menu.
 Basic Instructions  :   How to install a Blogger Template

Configure Featured

  • Content Slider
     Blogger dashboard ---> Template ---> Edit HTML. Scroll down and see the codes below:

    <div class='nivoSlider' id='nivo_slider'>
     <a href='#'><img height='400' src='/image.jpg' width='920'/></a>
     .......
     Replace :
    • "#" with your featured post URL.
    • "image.jpg" with your slider image.
     
  • Dropdown Menu
          Blogger dashboard ---> Template ---> Edit HTML. Scroll down and see the codes below:

<ul class='main_menu' id='menu-menu-1'>
 <li><a href='#'><span class='gfont'>Home</span> <span class='subline'>&#8592; Back</span></a></li>
 <li><a href='#'><span>News</span><span class='subline'>Read Us!</span></a>
 <ul class='sub-menu'>
  <li><a href='#'>Attractive Design</a></li>
  <li><a href='#'>Inspirations</a></li>
 .......

        
           Change "#" with your URL

  •   Social Widget
            Blogger dashboard ---> Template ---> Edit HTML. Scroll down and see the codes below:

<div id='social_networks'>
 <ul>
  <li class='sorting-01 facebook'><a href='#'><span class='inv'>Facebook</span></a></li>
  <li class='sorting-03 twitter'><a href='#'><span class='inv'>twitter</span></a></li>
  <li class='sorting-02 googleplus'><a href='#'><span class='inv'>googleplus</span></a></li>
 ......


             Replace "#" with your URL


Monday, December 31, 2012

Iphone Wallpapers Blogspot Template Collection

 

Iphone Wallpapers blogspot template collection

Free blogspot template collection called Iphone wallpapers blogspot template is gallery design blogspot template with the dark color design, bookmark ready and seo friendly. This template excellent layout for your wallpapers blog.

Iphone wallpapers
Iphone Wallpapers Blogspot Template Collection


About this template collection :

Platform : blogger / blogspot
Designer : Lasindu Nadishan
Features :
  • 2 columns
  • Beautiful slider pagination.
  • Gallery template
  • Dark color design
  • Bookmark ready
Basic Instruction : How to instal blooger template

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | coupon codes