The theme
The theme used in this blog is based on Instinct theme. I made several customization to the original theme and changed the fixed width layout in to a responsive layout. Some of the customization is listed below.This blog uses
libraries.
- Typography Blog fonts, font sizes, line height and content width etc. are fixed after extensive research. The nice and clean typography avoids eye strain and eases the reading process. Google web fonts and web safe fonts are used for styling, so typography doesn't change with different platforms and browsers.
- Responsive design (flexible width) The blog can be accessed using the same template in tablet devices, desktops, laptops and high end phones. The responsive design transform the layout according to the screen resolution. Check on Responsilator
- Pagination The template has (WPPageNavi plugin style) pagination(numbering for posts). The pagination is enabled in archive pages and post pages.
- Home page customizations - Tiled view Home page only contains summary of posts and formatted thumbnails. The date display is adapted to a nice design which eases the reading. It can be configured to remove tiled view and use normal.
| Tiled view and custom widgets styling |
- Responsive left sidebar Left sidebar is a responsive design. For small resolution devices, the left sidebar changes its position to header (just above the post title).
- Beautiful styling for default widgets
- Comment section : Comment section is now clean and elegant. comment numbering and reply number is implemented
- Integration of Social platforms Twitter share and follow, Google+ +1 and facebook like are used and can be easily configured.
- ShareThis integration ShareThis is a popular sharing service. They provides almost all sharing and bookmarking services.
- Breadcrumb navigation Breadcrumb optimizes navigation and search engine optimization. Breadcrumb is implemented in post pages and archive pages.
- Open graph(ogp) integration Open graph is used by Facebook and Google plus to generate descriptions and thumbnails when sharing through these services. ogp is integrated to the template, so post can be shared with default Search Descriptions and photo thumbnails.
- Twitter cards integration Share your posts on twitter, it will automatically creates summary.. Implemented twitter cards, a new feature.
- Google fonts integration Google font is used to generate site header instead of image format. It reduces size of header part and improves the page speed
- Google authorship integration Google authorship is integrated to this template. So author image will be displayed along with search results.
| Author's Google plus profile along with search results |
- PrettyPhoto photo gallery plugin integration PrettyPhoto is a photogallery plugin designed using jQuery gallery. The plugin is adapted to blogger and uses to avoid the clutter. IClick on any image link in this page, you can see PrettyPhoto demo.
- Nicely integrated features There are many features like keyboard shortcuts, , Green color gradient and many more..
Demo: image link, video link and Google.com
RSS Buttons
Youtube video container - stylish container
Anchor texts for images - beautiful design
![]() |
| Captions are added here |
Notification boxes
Important alerts can be displayed simply!!! many color combinations..
Another color box
You can use this to post summaries. That's always your choice..
Ad spaces
The template is integrated with ad spaces with good CTR (click through Rate). It has an ad space just after posts (just before comments), in header and you can add many more using HTML/javascript window in sidebar.| Ad spaces with best Click through rate |



Elegant Theme you've Designed :)
ReplyDeletei liked it!
Clean and awesome template... it really seems very professional, really am going to recommend this template for to my friend, thanks for sharing about your template secret, because i know spended lot of time to find this templte, :)
ReplyDeletevery nice template..simple and clean.
ReplyDeleteGoogle loves clean and well designed templates, so you are the best designer according to me. keep it up sir
ReplyDeletei'm sorry to say but your ads are being displayed in my website.will you please explain how to remove your ads please.
ReplyDeletePlease read the ReadMe.txt file provided with the theme. It explains everything including google ads, analytics, facebook and feedburner id changing.
Deletethanks for your reply.i'm in class 10 from hyderabad.recently some tenth grade students created a website (esponential.com).i wanted to create a website even better than that.
ReplyDeletei have some douts please clarify.
1)if i buy a domain at bigrock will blogger provide free hosting.
2)what is feed burner.
3)please add social icons on top of the page which is present in http://www.premiumbloggertemplates.com/2011/12/instinct-premium-blogger-template.html in this template.
4)please modify it and make it more better than esponential.com please
5)i don't know anthing about html.... please help me it would be thankful of you.
once visit techgumption.blogspot.com i'm not getting it exactly like your website
ReplyDeleteSorry for the late reply..
Delete1. esponential.com is a wordpress website. We have to buy separate hosting account for hosting a wordpress website, that means storing contents in another server. But blogger is different. We are storing everything in Google's servers and we can point our domain name to this content. So no need of hosting account(ie, only need a domain name, so it is cheap).
2. Better to search in Google. You will get good answers.
3. Goto Edit HTML in Template. Find <li class='social-profiles-widget'> and add following code
<a target="_blank" href="http://twitter.com/">
<img title="Twitter" src="http://2.bp.blogspot.com/-oFF4HrEbwaI/To9NpETr6dI/AAAAAAAAEJk/jowvXNvTKcY/s1600/twitter.png" alt="Twitter">
</a>
<a target="_blank" href="http://facebook.com/">
<img title="Facebook" src="http://4.bp.blogspot.com/-O6nMA1_akTo/To9NmwKzo4I/AAAAAAAAEJU/UFiFTyAJbnw/s1600/facebook.png" alt="Facebook">
</a>
<a target="_blank" href="https://plus.google.com/">
<img title="Google Plus" src="http://3.bp.blogspot.com/-NbS3DZVbHU0/To9NnX6odTI/AAAAAAAAEJY/SvIFghHPw-k/s1600/gplus.png" alt="Google Plus">
</a>
<a target="_blank" href="http://www.linkedin.com/">
<img title="LinkedIn" src="http://3.bp.blogspot.com/-bzutYp7uln0/To9Nn2z36jI/AAAAAAAAEJc/-_kgc1MkEB4/s1600/linkedin.png" alt="LinkedIn">
</a>
<a target="_blank" href="http://instinct-pbt.blogspot.in/feeds/posts/default">
<img title="RSS Feed" src="http://1.bp.blogspot.com/-SLbNOLbWhs0/To9NoZ-cOHI/AAAAAAAAEJg/uRl444L2fyg/s1600/rss.png" alt="RSS Feed">
</a>
<a target="_blank" href="mailto:[email protected]">
<img title="Email" src="http://1.bp.blogspot.com/-zyZkki5OJqE/To9Nmf1xb8I/AAAAAAAAEJQ/dlUOxjZ0H5U/s1600/email.png" alt="Email">
</a> . Please change usernames and mail etc..
4. Wordpress websites have its own advantages. More themes available, but it is costly. I recommend start your blogging endeavor using Blogger then you can shift to wordpress after getting sufficient experience.
5. Please go to Layout section in the Dashboard and remove unnecessary gadgets. Do try some html code. It will help you in future. I can help you in small things.
Fantastic theme... thank you for sharing...
ReplyDeleteFantastic theme. Just downloaded it. Thanks for sharing :)
ReplyDeletegood job, thanks for sharing
ReplyDeleteVery good and has many improvements and exciting new.
ReplyDeletehttp://www.friv200.com