Showing posts with label Blogger Template. Show all posts
Showing posts with label Blogger Template. Show all posts

Wednesday, April 23, 2014

// // 3 comments

TechPress Blogger Template

TechPress is a Responsive, 3 Columns Blogger Template for Technology Blogs. TechPress Blogger Template has a jQuery Slider, Dropdown Menus, 468x60 Header Banner, Related Posts, Breadcrumb, 3 Columns Footer, Tabbed Widget and More Features.



DEMO    |    DOWNLOAD


Template name: TechPress

Template type: 2 Sidebar, 3 Column, 3 Column footer, Adapted from WordPress, Blue, Breadcrumb, Elegant, Featured Section, Fixed width, Responsive, Fresh, Header Banner, Magazine, Premium, Related Posts, Right Sidebar, Slider, Tabbed widget, Technology, Top Navigation Bar, Web 2.0, White

Release date: April 20, 2014

Author Name and URL: Muhammad Irfan / http://www.tonyisright.blogspot.com

Original Designer URL: http://newwpthemes.com/techpress-free-wordpress-theme/


Shortcodes
Added extra options to your post editing page to make it easier to display tables, tabs, buttons and more without learning code.

SEO Optimized
Get an advantage over the competition on search engines with a Search Engine Optimized theme.

Theme Options
Customize your theme with our comprehensive theme options. Everything is organized into tabs to make it easy to use.

Custom Widgets
Get some exclusive widgets that allow you to display adverts, link to your social networks and display site content in the sidebar.

Responsive Design
A growing number of users are browsing the web on mobiles and tablets. Your theme comes with a built-in mobile friendly version.

Localization Ready
Translate the theme with the included .po file. I18n has never been so easy.

Featured Posts Slider
Capture your user's attention with a customizable and interactive slideshow. You'll find loads of ways to edit it in the theme options.

WordPress Compatibility
Every theme is updated and compatible with the latest WordPress version. We don't use any deprecated functions.

Cleaned Code
Uncompressed and organized code makes the theme easy to edit. Your theme follows WordPress' best practices.

Page Templates
A selection of the page template is available with your theme. This gives you the option to have Sitemaps, contact forms and pages without sidebars.

Contacts Page Template
The built-in contact form makes it easy for users to communicate with you. Just enter your email address and it's ready.

WooCommerce Ready
Start selling online quickly with WooCommerce. There's no need to install or edit your theme to display your products online.
Read More

Sunday, April 20, 2014

// // Leave a Comment

Incipient Blogger Simple & Neat Template


Features of this template :



  • Responsive blogger template both of desktop and mobile view
  • Minimalist and clean design template
  • Compatible with modern browsers
  • 2 column template
  • 2 column footer and more
Demo    |    Download


Read More
// // Leave a Comment

Main Photo Responsive Blogger Template



Features of this template :


  • Responsive blogger template both of desktop and mobile view
  • Support Template designer. You can edit the background image, font family, font size, font color and others in Template Designer
  • Featured image slider with auto recent post per label
  • Minimalist and clean design template
  • Compatible with modern browsers
  • 2 column template
  • 3 column footer and more
DEMO DESKTOP    |    DEMO MOBILE    |    DOWNLOAD


Setting Main Photo Responsive Blogger template


1. General setting
Before install this template, make sure to change the mobile view. 
Go to Template > click the Gear icon > click Yes. Show mobile template on mobile devices. > choose Custom (please see the image below) 

* this setting recommended if in your current setting for mobile view is No. Show desktop template on mobile devices 

2. Setting Featured Image Slider
This template support image slider with auto recent post per label/category. You just need type the Label name in widget section.
Go to Layout > click "Edit" Looped Slider widget


* Case sensitive. make sure you write correctly

3. Setting social networks
Go to Design > Edit HTML > Proceed and find this code below :

<div class='network'>
<ul>
<li><a href='https://twitter.com/ireng_ajah'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid9RmRY6skBfEi9O45vbL_py-MblhFQ89fzwDbRKiGN6mZe3SaRTGrWu1BNlkRFPl01by5M_ysL6H1E56r5a3wYc-k0AXluhrZXJJByjd4a5FyKtSbLgV1PJT2M4xB8yVnsjFzAvovztdM/s1600/twitter.png' title='Main Blogger on Twitter'/></a></li>
<li><a href='https://www.facebook.com/MainBlogger'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0L_Qr_iRYMp0tImM1EKPwICcuSrDozQinaS7mXUyfgDW4XBwvW_AFhMsLE3d5m7V7PKx6B2TSmKIkIjd8B8CzgqaZz9QvhcFP1QwJM9shJWAKHLdQkSzMU2GZOC5G_8xG-I6-gUy4kLWy/s1600/facebook.png' title='main Blogger on Facebook'/></a></li>
<li><a href='https://plus.google.com/111461490683022468168'><img alt='Google+' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmUsPGPKO011Ty_yetkMEupkiJaExzhsBjiFsOXWe11FvE1buy70zLsj1oqrAxuo1CqGw1RCUO-Oer6Nwk1ss5xH7kRD6jC2cqOs2ptTDqsEV-djQTGpKWNpgRPM8inPffjA0Vnxhme0Ld/s1600/gplus.png' title='Main Blogger on Google+'/></a></li>
<li><a href='http://feeds.feedburner.com/mainbloggerz'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo1_GmY1WJuISxnQ6djhNkbVaWpofzuFVnhh2WyWFFbbllMJRgyyKRsYvt5BNNmrq6VEmL37DisJxTlMJFBjrQh16vYRT4ReTt67Chh_X19wtTudlJVeH-vzaJpuMYja4SK2NCLXdRo0jQ/s1600/rss.png' title='Subscribe RSS Feed Main Blogger'/></a></li>
</ul>
</div>

Replace : Red color with you social and RSS feed links 

4. Setting Menu navigation on Bottom 
Go to Design > Edit HTML > Proceed and find this 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 : Link and title menu

5. Setting Banner Ad 125*125px 
For perfect view, the structure of banner ad 125*125px should be like this 

<ul class='ads'>
<li>YOUR_LEFT_BANNER_CODE_HERE</li> <!-- Left banner -->
<li class='last'>YOUR_RIGHT_BANNER_CODE_HERE</li> <!-- Right banner -->
</ul>

6. Setting Widget on Mobile 
To display widget on mobile or/and desktop, you can add these codes 

mobile='yes'
mobile='no'
mobile='only'

For example, you want to add Popular Post widget. Default Popular Post widget look like this :
<b:widget id='PopularPosts1' locked='false' title='Popular' type='PopularPosts'/>

Then, you want to display on mobile too. So, the Popular Post widget code will be like this
<b:widget id='PopularPosts1' mobile='yes' locked='false' title='Popular' type='PopularPosts'/>
If you need more information please leave a comment i am glad to see your comments here. :)

Template Owner : Main-Blogger


Read More

Tuesday, April 8, 2014

// // Leave a Comment

Flat Diary- Responsive Blogger Templates

Flat Diary- Responsive Blogger Templates

Flat Diary- Responsive Blogger Templates

A great number of blog get good at are searching for More quickly Loading and Sensitive blogger templates. Therefore Flat Diary is very pleasant option on their behalf. Flat Diary is really a extremely attractive Blogger templates and key characteristic on this design have become effortless creating to order. Check out more Flat Diary Blogger templates features beneath.


Flat Diary Responsive Blogger Template Feature


  • Fully Responsive Blogger Templates which are adjust to all device. 
  • SEO Friendly 
  • Unlimited Color option 
  • Social Media Icon in home page and also on below content 
  • Adsense ready 
  • attractive Looking 

Read More

Tuesday, February 4, 2014

// // Leave a Comment

Blackomaz Responsive Blogger Template


Live Demo    ||    Download

Blackomaz is essentially professional and far high quality 3 column Blogger Template designed for technology blogs, Magazine and news portal. This theme is second version of our famous theme new mashable. We have named it dynamo to give a respect to world's best Magician "Steven Frayne". This theme also has some dynamic features.

Key Features

  • Retina Ready: All images, text and icon in this theme is stretchable and user can see it clearly, We have added a jquery plugin to this theme which automatically resize thumbnail according to their surrounding.
  • Social Media Icons: Some real high quality Social plugins are added by default. You can see them on the main header, below post title, and many other high quality places.
  • Related Post: We have added morden related post widget to this theme which don't stretch images and make it look worst.

Add Labeled Post on 3rd Column

  • Go to blogger dashboard
  • Click on layout tab and add gadget on 3rd column and select Html/JavaScript.

  • Now paste below code in Html/JavaScript.

<div id='featurebottom1'><h2 class='headingfeature'>Technology</h2>
<div class='left-corner-canvas'/>
<script src='/feeds/posts/summary/-/technology?max-results=9&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentthumbs&amp;' type='text/javascript'/>
<a class='readmoretopic' href='/search/label/technology'>Browse More</a>
</div>
<div style='clear:both;'/></script></div></div>

  • Now replace technology with the label you want to show post of in 3rd column. 

Fix Your Blog Header


We highly recommend you to use image logo as blog header but if you want to show text in your blog header instead of img then your blog header will look creapy, To fix it follow below steps:

  • Go to blogger dashboard
  • Click on Template tab
  • Now click on Edit HTML button
  • Paste below code above </head> tag.
<style>
.header-right {
margin-top: -48px !important;
}
</style>

Click on save button. 

NOTE:
  1. We highly recommend you to use image logo as blog header.
  2. Don't Show more than 7 post on home page.
  3. We recommend users to show popular post on 1st column at top most position.
  4. Don't remove our credit link or it will redirect your blog here.

Read More

Sunday, January 12, 2014

// // Leave a Comment

Top 10 Paid Responsive Blogger Templates Of 2014

Well, now a days the trend of using Responsive Blogger Templates is becoming popular and it has too. Because Responsive style of a blogger template gives you many advantages and the main in them is that it allows your website to fit in any screen size. In simple words it means that your website will work perfectly in different devices with different screen resolutions and sizes if you have a Responsive Blogger Template. So, keeping in mind this main advantage today I am going to share the Top 10 Paid Responsive Blogger Templates Of 2013.

Read This: How to Embed Google+ Posts in Blogger

Read This: How To Earn Money Through Blog

Read This: 10 Tips To Design A Good Website

Top 10 Responsive Blogger Templates

The templates which I am going to share below are responsive, professional and paid blogger templates. More over all of these are 100% search engine friendly. All the templates are made by common web designers and are published on Theme Forest.  So, using Responsive like blogger templates will give you many benefits as I told you above and you will not lose your visitors using Tablets, Mac, Mobile etc.. because Responsive Templates have the ability to fit in any screen size.

1- Sevida 


Demo   |   Purchase

2- Cody


3- Purez


4- Warm Mag


5-Squid


6- Flat News


7- Quickly


8-  Grid Spot


9- B Press


10- Rifqiy



Final Words 


If you enjoy this article please share this with your friends and stay tuned more interesting articles ae waiting for you if you need any help please feel free to contact us or leave a comment below will reply will be highly appreciate thanks.
Read More

Friday, October 18, 2013

// // Leave a Comment

Best Blogger Template Site Collection

Read More