Shoutmeloud Thesis Theme For Blogger

It's been a long time since I posted an article on this blog because I was working on the highly SEO optimized thesis theme exactly similar to that of Shoutmeloud blog. Many people wanted the widgetized version of the thesis footer and the complete theme too. To all those who eagerly waited - here we are, with the basic version of the Shoutmeloud thesis theme!!!

The template which I have designed is exactly similar to the shoutmeloud theme except for few areas. The comments section and the ads below each post are the areas where the coding has to be worked out. I will launch an updated version for this theme in a few weeks time. In fact, the step by step customization for each portion of this theme will follow up in the upcoming weeks - includes the coding for the sidebar widgets (subscription box, banner ads, etc..) as well.

LIVE DEMO

You may have a look at the following two pictures for a complete screen-shot of the home page and the post page. Hit the demo link above to check out a live demo of the thesis theme now.

DOWNLOAD THESIS THEME FOR BLOGGER

Since the features for this template are many in number, I plan to publish articles about each feature in the upcoming weeks. So, don't forget to subscribe to my blog - Subscribe Via RSS. Else, you will lose track of the customization. However, I will list out the features of this template here.

FEATURES OF THIS TEMPLATE:

1. TOP NAVIGATION BAR - Added | For Customization - CLICK HERE

2. HEADER WITH 468x60 BANNER AD - Added

3. SUB NAVIGATION BAR - Added | For Customization - CLICK HERE

4. GOOGLE ADSENSE LINK UNIT (728x15) - Added | Replace with your ID

5. ADSENSE UNIT BELOW POST TITLE (300x250) - Added | Replace with your ID

6. READ MORE AND OPINION BUTTONS - Added

7. RELATED POSTS - Added

8. MULTIPLE AUTHOR WIDGETS - Added | For Customization - CLICK HERE.

9. RETWEET AND FACEBOOK SHARE BUTTONS - Added

10. SOCIAL BOOKMARKING BUTTONS BELOW POST TITLE - Added

11. SEARCH BAR - Added

12. SIDEBAR SUBSCRIPTION WIDGET - CLICK HERE

13. NEWER/OLDER POSTS/HOME BUTTONS - Added

14. FOOTER (For Blog Categories and Logo) - CLICK HERE

15. BACK TO TOP BUTTON - Added

All those which carry the text coding will be posted soon or article coming soon mean the articles are yet to be published. Once I publish the article for customization, I will be updating the list here. You can also send me suggestions via comments about various other features which you wish to have on this theme - for example, a featured content or an ad unit at the end of the post that will facilitate 125x125 ad banners, etc..

Moreover, if you feel some portion of the template is little bit different from that of the original shoutmeloud thesis theme, you may leave your opinions via comments. I will answer to all your queries. So, share your thoughts via comments!!! We would love to hear from you!!!

Note: Template best viewed on Firefox. IE does not support curved CSS. So, I suggest you to view it on Firefox.

Click4more... 94 Comments

Fatal Error Made By Marketers - Searching Products to Sell

This is a Guest Post written by Saksham. If you wish to write for EAB, check our guest posting guidelines - Write For Us. Many new Internet marketers who enter the fold follow a product orientated strategy. Basically, Internet marketers visit sites like Offervault or Clickbank and view the various affiliate products available. Later, they choose a product and begin to market the product.

This strategy is flawed and it places a limitation on the Internet marketer to expand their business in the future. Niche selection should be the first step to build an online business rather than product selection. This article basically highlights the flaws associated with product oriented strategy and includes the benefits of niche selection. 

PROBLEMS WITH PRODUCT ORIENTED STRATEGY 
The problem with choosing a product first is that, products in general go through a life-cycle. A typical product will enter the market and go through various phases that include:

[1]. Growth Phase

[2]. Maturity Phase

[3]. Decline Phase

When a product reaches the decline phase sales decrease considerably and the product itself may become obsolete. This means that the market demand reduces significantly and in turn your sales take a knock. The impact on you as an Internet marketer is that you are left in the lurch and your efforts to market your chosen product was done in vein. Imagine the amount of time, and money you could lose if a merchant suddenly pulls a product off the market? A product orientated strategy is a risky approach for doing business and it is a route, which I advise you, not to follow. 

ADVANTAGES OF NICHE ORIENTED STRATEGY 
A niche which is a specific sector in a market that displays similarities such as age, gender, interests, needs and wants will never become obsolete. That specific market segment will always exist. An example of a niche will be women aged between 40-50, who are overweight and are extremely conscience about their weight gain or successful men aged between 35-45, who are going bald and losing their self-esteem as a result. Niches of this nature are prevalent and the people within these niches will always possess a wide variety of needs.

If you target a niche, your options will not be isolated when marketing products to the individuals within your chosen niche. Besides offering hair loss treatments to balding men, you could offer shampoos, gels, and even nose hair trimmers. You could even market an ebook that teaches an individual to raise their levels of self-esteem. The possibilities are endless! A niche gives you a wider spectrum of opportunities and it is the best route to build a sustainable business.

Now can you see why choosing a product first is the wrong approach to marketing online? Share your experiences and thoughts via comments. We love to hear from you.

Click4more... 2 Comments

Why To Hire A Professional Photographer For Your Blog?

This is a Guest Post written by Sally. If you wish to write for EAB, check out this page - Write For Us. It seems like everyone fashions themselves a photographer these days. The ubiquity of digital cameras and home photo editing software makes it possible for just about anyone to dabble in photography. Moreover, everyone always has a camera, even if it is just the camera on their smartphone.

With this plethora of cameras out and about in the world, it may seem silly to ever hire a real professional photographer to serve the photographic needs of your blog. However, what many individuals seem to forget these days, with ever increasing rapidity, is that photography is a true art form and requires a real artist to be done right. While an amateur home photographer may be able to fulfill the basic photography needs that he or she may have, retaining the services of a professional photographer can give your blog that extra edge that it needs to stand out from the crowd.

First and foremost a professional will have the right tools for the job. Even the most devoted amateur’s collection will pale in comparison when stacked up against the arsenal of equipment that a pro will own. Lenses, filters, you name it, they will have it and by having those various tools in their employ they will better be able to serve you and your needs. Imagine how much your blog will benefit from photographs taken by a competent, trained professional.

Second, a pro will possess an artistic eye that many of us sadly just do not have. There is a reason why this individual makes a living taking pictures. They have a different view of the world; they understand lighting and angles in ways that the home photographer likely does not. If you can, and if you are seriously considering hiring someone to take pictures for you, you definitely should, take a look at their portfolio. Compare their work with some of your own or with some of those taken by your friend who styles himself to be the next Alfred Stieglitz. Certainly you can see a marked difference between them. Be it a natural artist’s intuition or the result of their artistic education, the pros know what they are doing.

Finally, a professional has experience and that can go a long way when deciding what kind of photos you want taken. Take advantage of their knowledge and expertise by asking them some questions. Perhaps that can provide you with some advice or insight into what they think would help your particular photographic needs.

So don’t let your blog flounder when you can make it shine by employing the services of a professional photographer.

Click4more... 3 Comments

Why Blogger is better than Wordpress ?

This is a Guest Post written by Navjot Singh. If you wish to write for EAB, check out this page - Write For Us. Most of the times, we see that many bloggers are blog on Wordpress! Even me. But why? We know that Wordpress is better than Blogspot. The reason being, its features like more flexibility, less coding, high end features, a much better interface for multi-author blogs. But, there are many things for which Blogger is better than Wordpress.

HOSTING

If we are going for Wordpress, then we need a self hosted blog and for that, we will need to pay for hosting every month or year. But in case if you choose blogger.com you don't need to pay for any hosting charges. Your blog is fully hosted on Google and if you go with Wordpress (self hosted), well you need to buy a custom domain as well. But, in case of blogger you get your own xxx.blogspot.com and meanwhile, your Wordpress blog is hosted on other company servers where we don't get a 100% up-time, but in case of Blogger you get 100% up-time. Just think about this for second- can Google go down?

HUGE AMOUNT OF THEMES (FREE)

Well, after Google launched it's XML powered themes function, many themes have been developed and most of them are available for free where as most of the Wordpress themes are paid ones. Well, we can take Mukund's My World template which is highly customizable and we just need a little knowledge about html and xml and you are ready to go. Most of the templates listed on Mukund's blog are SEO Optimized & multi-author optimized. So, what more you need?

BETTER FOR NEWBIES

Even when I started my blogging, I started with a blogspot domain because it's simple and easy to use. The interface helps the newbies to understand what blogging is... When it comes to understanding, Blogger will defeat Wordpress in straight sets. You can play a lot with the codes. Most important  factor is that you don't need to invest anything. You just start out blogging and after that when you really want to become professional, you can choose Wordpress!

But, I would truly say that when I first saw "EAB - www.newbloggingtipz.com" I thought that it's a Wordpress blog run on Thesis theme. But when I came to know that this blog is hosted on blogger with a custom domain, I was amazed. It shows that how customizable Blogspot blogs can be! So you can choose Blogspot as your main blogging platform too. What actually matters - your content and a better design!!!

MORE AND MORE NEW FEATURES

Blogger has started to introduce many features. The first being - xml driven blog, then a new template editor and now, there is a big change that will soon come into effect. The whole blogspot.com interface will be changed to new look, and that will be really awesome. Take a look at the video below:

We can conclude that we CAN opt Blogspot as our main blogging platform too. It can be easily edited to match with that of the Wordpress features and the dashboard look, well, it's soon gonna change. So, be it blogger or wordpress, enjoy what you do - blogging!!!

Click4more... 11 Comments

Thesis Theme Footer For Blogger/Blogspot Blogs

Hi friends!!! For the past few weeks, I keep receiving a lot of emails regarding the footer which I added on my blog. So, It's been a fascination around the blogosphere to have a footer similar to the one installed on my blog. The same could be found on shoutmeloud, techiemania, etc.. The customization is basically a paid one, when it comes to thesis theme where as, we blogspot users can enjoy it for free!!!

I do not want to take much of your time. It's already going to little tiring for you to install this footer on your blog. How ever, I would like to inform you that I'm working on the thesis theme exactly similar to Shoutmeloud. I will be launching it in a few weeks time once I fully complete the design work. I suggest you to subscribe to my blog so that you don't miss the first copy of such a customized thesis theme. Let's move to the footer customization now.

1. Go to "Design->Edit HTML. Make a backup of your template before modifying the HTML by clicking on the "Download full template" link at the top of the page.

2. Once the backup is made, search for the following line in your template. Use "CTRL+F" to fasten your search results.

]]></b:skin>

3. Let's add the CSS part of the footer first. So, just add the code mentioned in this document - CSS For Thesis Theme Footer above the line mentioned in step 2. That is, you need to copy the entire code in the document and paste it just above the line mentioned in step 2. Save your template temporarily.

4. Next, search for the last closing div tag on your template page. That is, just scroll to the end of the page and see the last closing div tag.

5. Paste the code mentioned in this text document - Code For Thesis Theme Footer just above the last div tag. Else, you can place it just above </body> tag.

6. Just preview your template. If you find any errors, then contact me via email and I will help you with the installation. However, if you do not encounter any error, then have a look at the footer and close the tab. I recommend you to save the template again. 

7. The major customization work starts here. I have already mentioned very clearly in the text document what to be changed. So, if you are webmaster, I'm sure it should be self explanatory for you guys!!! If you are not an expert, well, here goes the customization procedure.

FOOTER CUSTOMIZATION

1. Just replace the following text - LABEL 1 with your blog labels. Next, find the following code in the footer - YOUR URL THAT LINKS TO THE LABELS. Replace this piece of text with the URL of your labels. To obtain the URL of the various labels in your blog, just hover your mouse over a published post which has got some labels. Check out the following picture for better understanding. 

Alternate method : To get the URL of your labels, just paste your blog url followed by a '/search/label/' and write down the blog label as such. Note that, if you have a space in the name of your labels, then each space should be replaced by %20. For example, let us assume that your blog label is BLOGGER TUTORIAL - has got a space between the word BLOGGER and TUTORIAL. So, the URL of your label should be as follows.

http://www.yourblogname.com/search/label/BLOGGER%20TUTORIAL.

This procedure should be followed for all the instances, (I have provided 12 such instances in the text document) where you find the text "YOUR URL THAT LINKS TO THE LABELS".

2. Just replace the following text - Featured Article 1 with the title of your featured content. Next, find the following code in the footer - URL THAT LINKS TO A FEATURED CONTENT ON YOUR BLOG. Replace this piece of text with the URL of your featured content. I think it is pretty self explanatory. Repeat the same for all the instances where you find the above text. I have provided 6 such instances in the text document.

3. Just replace the following text - WEBSITE 1 with the title of site you wish to link to. Next, find the following code in the footer - BLOG ROLL LINK. Replace this piece of text with the URL of site which you wish to link to. The number of sites you may link on your blog according to the coding I provided is 3. How ever, you can extend the same to any number by just following the pattern of coding. That is, add the following piece of tags if you wish to add another site to your blog roll. 

4. Just replace the following text - POPULAR POST TITLE 1 with the title of your featured content. Next, find the following code in the footer - URL OF POPULAR POST ON YOUR BLOG. Replace this piece of text with the URL of your popular post. If you are not sure about the post which receives the maximum hits, then I suggest you to visit Google Analytics. So, just repeat the same for all the instances where you find the above texts. I have provided 7 such instances in the text document.

5. This step deals with the author. So, I suggest you to have a photo of yourself (Size:) and some text about yourself. That's it. Upload your photo  to PICASA and get the URL to the image. Replace the text "URL OF YOUR PROFILE PHOTO" with the URL you got from PICASA. Next, split the content which you have about yourself in three parts and replace the text which says "About Yourself" at three instances with the three parts you have about yourself. That's it! Should be simple, I believe!!! 

Find the following text - YOUR USERNAME, replace this text with your twitter user name. Next, replace the text "YOUR FACE BOOK FAN PAGE URL" with the URL of your facebook fan page URL.

6. We have reached the last part of the customization. Just replace the text which says "ALEXA WIDGET FOR YOUR SITE" with the widget you receive from Alexa website. I feel it is pretty self explanatory. Last but not the least, replace all the instances of the text - "YOUR BLOG TITLE" and "YOUR BLOG URL" with title of your blog and URL of your blog respectively. That's it! Save your template!!!

I tried to keep the installation procedure as simple as possible. How ever, if you feel the post needs a little more elaboration, then share your views via comments. So, I will update the post and make things more clear. I hope you enjoy the thesis theme footer on your blogspot/blogger blog. 

If you've got any doubts or issues installing this footer on your blog, then contact me via email or just leave a comment below. I will reply to you as soon as possible. I forget to mention that the footer involves a logo. So, if you wish to have a customized logo for your blog and get it displayed at footer, then you may use our services to get one. See you soon in another interesting tutorial.

Click4more... 43 Comments

Simple Rules To Make CSS More Readable

It's been a week or so since I started designing a website for one of my client. I got a lot of exposure to various parameters in CSS. So, I just wanted to share the knowledge which I gained in CSS. during the design process. Basically, this post will provide you tips to make the CSS structure of your template look more organized which in turn, leads to better readability and easy debugging.

1. ALPHABETICAL ORDER

I found on many blogger templates especially the free ones wherein, the properties of the elements are completely unordered meaning to say, they do not follow a regular pattern in which they are arranged. So, if you wish to make a change in the CSS structure, well, it will consume a lot of time than it should. I suggest you arrange the properties of each element alphabetically. Consider the following example for better understanding. 

#nav{
border: solid 1px #DEDEDE;
color: #000;
padding: 10px;
width: 650px;
}

2. INDENT CHILD ELEMENTS

I highly suggest you indent the related portions of the code. Consider the following example for better understanding.

#nav{
width:650px;
}
#nav ul li{
float:left;
}
#nav ul li a{
display:block;
}

3. GROUPING UP SIMILAR ELEMENTS

If you have a group of elements which share the similar properties and values, then it is highly recommended that you group them in a single declaration. For better understanding, just consider the following example.

#main{
width: 650px;
}
#main h1{
color: #000;
font-size: 22px;
font-weight: bold;
}
#main p{
color: #000;
font-size: 12px;
padding: 10px;
}

4. USE COMMENTS

I do not suggest using comments provided you are an expert with CSS. If not, it is better you place comments to separate the logical sections of code that is, the header, sidebar, main content and so on... The main reason why I said to avoid the comments for an expert is because, that will save you few bytes when you compress them, implies a faster loading time for your site. I recommend you to read the following article - Speed Up Your Blog (Tips And Tools). Consider the example below that separates various parts of the CSS structure.

/*-------------------
HEADER
------------------- */
#header{width:650px;}
#header a:link,
#header a:visited{
color:#0033CC;
}
/*-------------------
NAVIGATION BAR
------------------- */
#nav{width:650px;}
#nav ul li{
float:left;
padding:0 10px;
}

I hope these simple tips will help you design a better template for your blog. If you have got some interesting tip with you and would like to share it with us, well, our comments sections are always open. Just share your knowledge with us. Meet you in another interesting article!!!

Click4more... 6 Comments