<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-3142351080346669473</id><updated>2024-11-05T19:04:31.460-08:00</updated><category term="Articles"/><category term="Blogger"/><category term="Tutorials"/><category term="Learn"/><category term="Gadget"/><category term="Google"/><category term="Free Domain Names"/><category term="SEO"/><category term="Wordpress"/><category term="Android"/><category term="Adsense"/><category term="CSS"/><category term="Comment bubbles"/><category term="Drop Down Menu"/><category term="Facebook"/><category term="Navigation Bars"/><category term="Pligins"/><category term="Post Writing"/><category term="Search Box"/><category term="Traffics"/><title type='text'>Blogger Tricks O Tips</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>22</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-6003618473392892529</id><published>2012-06-19T04:32:00.000-07:00</published><updated>2012-06-19T04:32:48.631-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Articles"/><category scheme="http://www.blogger.com/atom/ns#" term="Learn"/><category scheme="http://www.blogger.com/atom/ns#" term="Traffics"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorials"/><title type='text'>Top 10 Tips For Increasing Blog Traffic - 2012</title><content type='html'>&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-WNAKrTbYXlZGg9bXMnqfQrBBdlFVy4N4cWgUpkrCS0XN8Y4tkCD6dUL_fPzI31ZoEeQOqXr0XwlBHti1hTsJU1C8FG4Rmrm1G2uV_mpF_9Ng4GSnFVQ_HbMHOz56ePN_eEzv1kJocWc/s1600/images.jpeg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-WNAKrTbYXlZGg9bXMnqfQrBBdlFVy4N4cWgUpkrCS0XN8Y4tkCD6dUL_fPzI31ZoEeQOqXr0XwlBHti1hTsJU1C8FG4Rmrm1G2uV_mpF_9Ng4GSnFVQ_HbMHOz56ePN_eEzv1kJocWc/s1600/images.jpeg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
Increasing blog&#39;s traffic is every 
blogger&#39;s aim. Whether for reaching out to a larger audience, or 
generating more income through a blog, or to create awareness about a 
particular topic, he needs more traffic on his blog for his efforts to 
be of any worth. You might spend all the time and hard work you want on 
your blog. But unless you don&#39;t have a decent traffic, all your 
struggles will be in vain. Hence, the more traffic, the better.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;

&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Are you waking up daily, eager 
to check out your blog&#39;s traffic, only to find out that there has been 
little or no improvement in your stats whatsoever? There must be 
something you are doing wrong, or not doing at all! Here is a list of 
things you can do to increase your blog&#39;s traffic. Or rather, here is a 
checklist to help you ensure that you are doing all the necessary things
 correctly.&lt;/div&gt;
&lt;a href=&quot;&quot; name=&quot;more&quot;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
   Post frequency and Timings&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Post
 frequency and timings are extremely important for your blog&#39;s rankings.
 First of all, search engines such as Google like to see fresh content 
on websites. If your blog is struggling for traffic, then you must 
publish at least one post daily. The more frequently you publish posts, 
the more quickly your rankings and traffic grows. For example, our other
 blog SEM had a million+ Alexa ranking when it started! We have been 
publishing two posts daily for the first two months. And in those two 
months, the Alexa improved dramatically and it now stands at around 
50,000!&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;

&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh0_ZhVV2_Bao26qH0AqouZ98HRqimP9gDH5T1cn9i9x81lffL8MylIWkC6JQvSgoZ5pEuGREZSCNQqzwaKMTokAmWKXHMhDL4eeJHNdBt6JMOxjiLD88hhMiiF7Ih72PGhYExZZSrqx0g/s1600/Post+timing.gif&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img alt=&quot;post timings&quot; border=&quot;0&quot; height=&quot;133&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh0_ZhVV2_Bao26qH0AqouZ98HRqimP9gDH5T1cn9i9x81lffL8MylIWkC6JQvSgoZ5pEuGREZSCNQqzwaKMTokAmWKXHMhDL4eeJHNdBt6JMOxjiLD88hhMiiF7Ih72PGhYExZZSrqx0g/s200/Post+timing.gif&quot; title=&quot;post timings&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
Post
 timings are important as well. Not only do you need to be&amp;nbsp;consistent&amp;nbsp;in
 your timings, you should also choose a time that&#39;s globally 
significant. Choose a time windows that best suits your majority 
audience. Our publish timings are 12 01 am each day! Not only does this 
suits our audience, it also is&amp;nbsp;consistent&amp;nbsp;timing. Once you choose a 
time, stick to it! Not publishing posts on your fixed time can drop your
 Alexa! This is what happened to me at SEM once or twice. I made a 
mistake in scheduling my post, and it didn&#39;t publish at the set time. As
 a result, the Alexa didn&#39;t improve, despite the two brand new posts 
published that day!&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
   Build Backlinks&lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Backlinks
 are very important for a blog, but only the quality ones. Backlinks 
refer to in-bound links to your blog from other sites. Backlinks give 
you instant traffic from other sites. But be careful about them. Trust 
me, you don&#39;t want cheap backlinks to your blog. They will hurt your 
rank instead of improving it. Never buy a backlink package such as 
&quot;1,000 backlinks for $9.99&quot; etc. Try to build genuine backlinks on sites
 with a decent rank.&lt;br /&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPRszr4lmw-XH5TznPCucx4S8hzQmHzyqcKZj4b-TZYffJ91UJSogSrTPQpD9eqnBoUO2rulPjp_8kwrqcfxFhugGooYj6FuVKj52zsa3uSFey00vdXdqBYUUXQhfSfxkhvQsTBPA7MpCT/s1600/High+ranking+backlinks.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;High ranking backlinks&quot; border=&quot;0&quot; height=&quot;168&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPRszr4lmw-XH5TznPCucx4S8hzQmHzyqcKZj4b-TZYffJ91UJSogSrTPQpD9eqnBoUO2rulPjp_8kwrqcfxFhugGooYj6FuVKj52zsa3uSFey00vdXdqBYUUXQhfSfxkhvQsTBPA7MpCT/s320/High+ranking+backlinks.jpg&quot; title=&quot;High ranking backlinks&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;

&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
How to build backlinks? Well 
there are many ways. Participate in forum discussions, and recommend 
some content on your blog to others. Also add your blog&#39;s URL to your 
signatures. This will leave a link to your blog each time you post a 
comment on a forum. Another way of increasing backlinks is by guest 
posting on other blogs. Write for other blogs in return for backlinks.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
   Advertise!&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
If
 you&#39;ve got some money on hand, then why not advertise your website? 
Advertising your blog is one of the best ways of increasing traffic, 
since it gives you instant exposure. Ads on sites relating to your niche
 can give you much more benefits as compared to other sites, since the 
traffic on similar niche sites is interested in exactly the kind of 
stuff you, or other similar sites have.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
   Interact!&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Interacting
 with your audience is the key to retaining and increasing your traffic.
 Adding stuff like polls, questions, surveys and forums can increase 
your interactivity. Also, use such a writing style that addresses the 
readers directly. Be casual and friendly, and don&#39;t be (too) formal.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
   Write Articles&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
This
 method is highly effective. Not only does it give you immediate 
traffic, it also gives you &amp;nbsp;quality backlinks that improve your traffic 
in the long run. Write an article on a topic relating to your website, 
and submit it to popular article directories, such as Squidoo, Hubpages,
 Ezine Articles etc. For example, say you have a blog about affiliate 
marketing. You can write an article on affiliate marketing tips, and 
then mention your own blog in that article. Then submit that article to 
popular directories for traffic and backlinks.&lt;br /&gt;

&lt;br /&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM3YZOySXtZYskKTQWmUSye6CeQi7w36y0CKqwCBZJRVYiPnSP8CgQfNAH3-1WHM8PDSoTlOSlN-KcHCwRO_js8YBI7TnFdF4fNUdGYJ7z030Mp98Oy_ioRMqHUbXEjjb-txXXBvZdOGmF/s1600/write+articles.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;write articles&quot; border=&quot;0&quot; height=&quot;255&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM3YZOySXtZYskKTQWmUSye6CeQi7w36y0CKqwCBZJRVYiPnSP8CgQfNAH3-1WHM8PDSoTlOSlN-KcHCwRO_js8YBI7TnFdF4fNUdGYJ7z030Mp98Oy_ioRMqHUbXEjjb-txXXBvZdOGmF/s320/write+articles.jpg&quot; title=&quot;write articles&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;

&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
One thing though. Try not to 
write on sites that give no-follow links. Such sites include eHow, 
articlesbase, examiner etc. Sites like Squidoo and Ezine Articles don&#39;t 
give no-follow links, which is&amp;nbsp;preferable.&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
   Discuss Recent Trends&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;
Discussing hot topics can get you in search engines&#39; good favour. Google
 likes to see the latest content. Not only that, people also want to see
 latest content. Discussing latest topics gives a good impression of 
your blog being up to date. Not only that, it draws a lot of traffic, 
and indeed contributes a lot towards this very blog&#39;s traffic.&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
   Guest Blogging&lt;/h3&gt;
&lt;br /&gt;

&lt;div style=&quot;text-align: justify;&quot;&gt;
Encourage guest posting on your blog. 
There are many advantages of doing that. First of all, it will increase 
your post frequency, which, as we already discussed is a good thing. It 
will also reduce your workload and effort. Secondly, it will increase 
your traffic slightly, since fans from the guest&#39;s blog will want to 
read what their writer has written on another blog. Be careful about 
this though. You have to give out backlinks to the guests&#39; blogs. Too 
many out going links without a nofollow attribute and your rank will 
start to drop!&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;

&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkCKnUhN7S8Rv7gu6TT-4Nm4EyiN_BmvaO5_Qgqly0TqWvY2QZ0lj4xdWM46Xay9C2UBXH8RQdESRweHJ5YAouKw4uTLdyCqNis6vXGSyenaUUaEPCUJ5WPLzMjx1syp7QP740Fbv_MX9f/s1600/Guest+blogging.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Guest blogging&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkCKnUhN7S8Rv7gu6TT-4Nm4EyiN_BmvaO5_Qgqly0TqWvY2QZ0lj4xdWM46Xay9C2UBXH8RQdESRweHJ5YAouKw4uTLdyCqNis6vXGSyenaUUaEPCUJ5WPLzMjx1syp7QP740Fbv_MX9f/s1600/Guest+blogging.jpg&quot; title=&quot;Guest blogging&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;

&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Apart from inviting people to 
write for you, you can write for others as well. This will get you a 
backlink. Write multiple posts on quality blogs, and you will see your 
backlinks increase and your rankings soar! This is one of the best way 
of building genuine backlinks&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
   Apply SEO techniques&lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;
Search Engine Optimization is so vast a topic that entire books have 
been written on it. But you don&#39;t need to read books. All you need do is
 learn some basic SEO techniques, and apply them to your blog. SEO is 
extremely important if you want search engines to find your blog easily.&lt;br /&gt;

&lt;br /&gt;
You should be familiar with the most basic SEO methods. Keep keywords in
 mind while writing titles and introductory paragraphs. Also write two 
or three line meta descriptions for your posts. If you are using 
WordPress, then you&#39;ll need to add meta keywords as well. Complete these
 basic steps and you&#39;re done with the basic SEO, although this is, by no
 means, the end of it.&lt;br /&gt;

&lt;br /&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiE8n8FWapdyyDrRXRK-GNxjtqSJ6dJlC1TP8924Yz7DW80QtWYQv-yzzE2I1XyvdSTlwx4Ccx9RijMoP6PBSSJqwiabT8Gvg4YJIENhJf2jQCNf4IshFd6x3D4uSMq4-W_8Wv02usMm2_/s1600/SEO.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;SEO&quot; border=&quot;0&quot; height=&quot;240&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiE8n8FWapdyyDrRXRK-GNxjtqSJ6dJlC1TP8924Yz7DW80QtWYQv-yzzE2I1XyvdSTlwx4Ccx9RijMoP6PBSSJqwiabT8Gvg4YJIENhJf2jQCNf4IshFd6x3D4uSMq4-W_8Wv02usMm2_/s320/SEO.jpg&quot; title=&quot;SEO&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Also, learn how to generate and submit a sitemap for your blog to major 
search engines. This is an important SEO step that every blogger needs 
to take to ensure that all of his posts and pages are indexed properly.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
   Use Social Media&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
You&#39;ll
 be surprised at how useful social media can be. Make public profiles on
 popular networks such as Facebook, Twitter and Google+ etc. These will 
help you build a fan base of your blog. Social Media is also great in 
the sense that it provides you a much greater exposure through your fans
 than you could get on your own. So share your new blog posts on social 
media not only to gain extra traffic, but also to retain your existing 
traffic.&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
   Use Q&amp;amp;A Websites&lt;/h3&gt;
&lt;br /&gt;
Q&amp;amp;A websites can be a great source of traffic for blogs. Get active 
on popular Q&amp;amp;A sites, such as Yahoo! Answers, Wiki Answers etc. 
Search for questions related to your area of expertise, and answer them.
 Then provide your website link as a source. For example, if you are an 
affiliate marketer, answer some questions regarding the field, and 
answer them well. Then give the link to your blog. You can also do this 
on popular forums such as Blogger Forum etc.&lt;br /&gt;

&lt;br /&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYhIOphlXxOE_21nniYbmXTvjsSB5pBDaFSQc0DyKujA-19vQfPzdUkCSnyh8WVIgzpbyqpvV8n7t5jhWTL9JE7FgQ3XDyWZ_9j_GDGlN2JumHHv_JycBr-j07cr0Il7g4ncEJBef5uGoo/s1600/Q&amp;amp;A+Websites.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Q&amp;amp;A Websites&quot; border=&quot;0&quot; height=&quot;278&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYhIOphlXxOE_21nniYbmXTvjsSB5pBDaFSQc0DyKujA-19vQfPzdUkCSnyh8WVIgzpbyqpvV8n7t5jhWTL9JE7FgQ3XDyWZ_9j_GDGlN2JumHHv_JycBr-j07cr0Il7g4ncEJBef5uGoo/s320/Q&amp;amp;A+Websites.jpg&quot; title=&quot;Q&amp;amp;A Websites&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
These
 were some of the tips for increasing blog traffic. These are, by no 
means, the only ways. There are literally thousands of ways you can 
increase your blog traffic. But hopefully, these basic tips will guide 
you in building your basic audience.</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/6003618473392892529/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/06/top-10-tips-for-increasing-blog-traffic.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/6003618473392892529'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/6003618473392892529'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/06/top-10-tips-for-increasing-blog-traffic.html' title='Top 10 Tips For Increasing Blog Traffic - 2012'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-WNAKrTbYXlZGg9bXMnqfQrBBdlFVy4N4cWgUpkrCS0XN8Y4tkCD6dUL_fPzI31ZoEeQOqXr0XwlBHti1hTsJU1C8FG4Rmrm1G2uV_mpF_9Ng4GSnFVQ_HbMHOz56ePN_eEzv1kJocWc/s72-c/images.jpeg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-9015787699224558178</id><published>2012-06-17T02:29:00.001-07:00</published><updated>2012-06-17T02:31:49.553-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Articles"/><category scheme="http://www.blogger.com/atom/ns#" term="Google"/><category scheme="http://www.blogger.com/atom/ns#" term="Learn"/><title type='text'>How Google Penguin Update Will Affect Your Blog ?</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpPFrBugfDpVhjISAur2OIbhUK1uRJy0-cM9HgY4nUnJha_h1lAsOftmuOLCFeayf2svjBe7TIjLHJR3FIyASlp_MlDXbj7FroB4e-8IZDvTs290bw6KmBNFWy-4j9DYkfAn_bWeMhXUQ/s1600/google_penguin_update.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpPFrBugfDpVhjISAur2OIbhUK1uRJy0-cM9HgY4nUnJha_h1lAsOftmuOLCFeayf2svjBe7TIjLHJR3FIyASlp_MlDXbj7FroB4e-8IZDvTs290bw6KmBNFWy-4j9DYkfAn_bWeMhXUQ/s320/google_penguin_update.jpg&quot; width=&quot;275&quot; /&gt;&lt;/a&gt;&amp;nbsp;


&lt;/div&gt;
&lt;div id=&quot;share-buttons&quot; style=&quot;left: -80px; margin: 0px; position: absolute; top: 175px; width: 55px;&quot;&gt;
&lt;div class=&quot;twitter scount&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;facebook scount&quot;&gt;
&lt;span style=&quot;height: 62px; width: 55px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;stumble scount&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;gplus scount&quot;&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;center&gt;



&lt;/center&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
In April, Google launched the Penguin algorithm aimed to detecting and 
filtering out websites and blogs classified as ‘spam’ from its search 
results. A month later, Google released an update to the Penguin 
algorithm to identify and blacklist websites which violate its quality 
guidelines.&lt;br /&gt;
&lt;div class=&quot;post-title entry-title&quot; style=&quot;font-weight: normal;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 4px; margin-top: 8px; padding: 3px;&quot;&gt;
&lt;/div&gt;
While implementing Search Engine Optimization (SEO)
 is a standard practice for websites and blogs, the Penguin update is 
aimed at scrutinizing over optimization and spamming. As a blog owner, 
if you’ve adopted over-optimization techniques, there’s a good chance 
that the Penguin update has already hit your blog.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style=&quot;font-weight: normal;&quot;&gt;
&amp;nbsp;&lt;/h3&gt;
&lt;h3 style=&quot;font-weight: normal;&quot;&gt;
Let’s try and understand what is the Google Penguin update and how does it affect you and your blog?
&lt;/h3&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;color: black; font-weight: normal;&quot;&gt;
What is Penguin Update&lt;/div&gt;
&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=3142351080346669473&amp;amp;postID=9015787699224558178&quot; name=&quot;more&quot;&gt;&lt;/a&gt;&lt;br /&gt;
Simply put, the Penguin update aims at identifying sites and blogs which
 use malpractices such as keyword stuffing and link spamming. The idea 
is to encourage bloggers to adopt white hat SEO techniques in order to 
build high-quality blogs with appealing visuals and stellar content.&lt;br /&gt;
&lt;br /&gt;
At the same time, the Penguin update is likely to catch you in a net if 
you adopt black hat SEO techniques to promote your blog. Google says the
 Penguin update is an effort to detect ‘stuff in the middle’.
&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style=&quot;font-weight: normal;&quot;&gt;

How does it affect you?&lt;/h3&gt;
&lt;br /&gt;
In general, if you follow Google’s quality guidelines, the Penguin 
update should cause no harm to your blog. However, if you actively 
pursue any of the following practices, there’s a good chance that your 
blog will be classified as ‘Spam’ by Penguin sooner than later.&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Linking to unsafe &amp;amp; dangerous sites&lt;/li&gt;
&lt;li&gt;Linking to low quality blogs&lt;/li&gt;
&lt;li&gt;Backlinking to sources offering poor quality content&lt;/li&gt;
&lt;li&gt;Linking to spam comments&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
In general, you should always link to trusted sites and blogs offering high-quality content.&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;font-weight: normal;&quot;&gt;
Penguin Update classified my blog as Spam, what should I do?&lt;/div&gt;
&lt;br /&gt;
Google admits that the Penguin update isn’t perfect and there may false 
positives. If you believe your blog has been unduly penalized by the 
Penguin update, Google recommends you fill this form
 and submit a spam report. Make sure to put the word ‘Penguin’ in your 
report. Once Google receives this report, they will scrutinize your 
blog/ site and provide you appropriate feedback.&lt;br /&gt;
&lt;br /&gt;
Google recommends you use the above form only in case you’ve received a 
warning about the Penguin update’s implications for your blog.
&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style=&quot;font-weight: normal;&quot;&gt;

Lessons from Penguin Update&lt;/h3&gt;
&lt;br /&gt;
Even if your blog hasn’t been affected the Penguin update, there are 
good lessons to be learnt. For a start, the Penguin update offers an 
insight that the SEO landscape is evolving and you need to keep up with 
the advancements to make the most of this opportunity. Secondly, it 
serves as a reminder that you MUST adhere to Google’s quality guidelines
 or else risk your and your blog’s future.&lt;br /&gt;
&lt;br /&gt;
Has your blog been affected by the Google Penguin update? Do you think 
the Penguin Update is a step in the right direction by Google to 
streamline SEO? Please share your opinion by leaving a comment.</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/9015787699224558178/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/06/how-google-penguin-update-will-affect.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/9015787699224558178'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/9015787699224558178'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/06/how-google-penguin-update-will-affect.html' title='How Google Penguin Update Will Affect Your Blog ?'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpPFrBugfDpVhjISAur2OIbhUK1uRJy0-cM9HgY4nUnJha_h1lAsOftmuOLCFeayf2svjBe7TIjLHJR3FIyASlp_MlDXbj7FroB4e-8IZDvTs290bw6KmBNFWy-4j9DYkfAn_bWeMhXUQ/s72-c/google_penguin_update.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-2518790505095466879</id><published>2012-06-17T02:09:00.000-07:00</published><updated>2012-06-17T02:09:40.201-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Android"/><category scheme="http://www.blogger.com/atom/ns#" term="Articles"/><title type='text'>What’s better than Apple’s Siri? Android’s Tap &amp; Speak, that’s what.</title><content type='html'>&lt;div style=&quot;color: black;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaIPeD4_ffEdPIwJdVJFqaef4Y_xARMKB7jiGvpRvw59e8Y_Wd1sr0tZYx4E_zWx_aN9VDNn9wptAOA4nJE47v2xR0_DSTA7K5Z0BdyUFaM0Z-3aYKimL91Fbw5ba5bvoEUIQZS-rC84g/s1600/datgfg.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;290&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaIPeD4_ffEdPIwJdVJFqaef4Y_xARMKB7jiGvpRvw59e8Y_Wd1sr0tZYx4E_zWx_aN9VDNn9wptAOA4nJE47v2xR0_DSTA7K5Z0BdyUFaM0Z-3aYKimL91Fbw5ba5bvoEUIQZS-rC84g/s320/datgfg.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span id=&quot;goog_1919616487&quot;&gt;&lt;/span&gt;&lt;span id=&quot;goog_1919616488&quot;&gt;&lt;/span&gt;It might be old news to some of you but for me, since I’m still discovering Android’s awesomeness, Vlingo’s
  Tap &amp;amp; Speak is a Siri killer. I wish Vlingo would port Tap &amp;amp;  
Speak to the iPhone. I’d pay $4.99 for it. I might pay more. I’d pay  
something to have a productive App like that at my disposal. Tap &amp;amp;  
Speak has a very cool ‘Driving Mode’ which allows you to use your phone 
 for calling and texting without having to wreck your car to do it. 
Hands  down (pardon the pun), Tap &amp;amp; Speak is way better than Siri.&lt;br /&gt;
&lt;br /&gt;
Watching my wife get frustrated enough with Siri to fling her new  
iPhone 4S across the room and yell, “Siri is useless!” is enough to make
  me realize that I don’t need or want Siri. I have an iPhone 4, so I  
don’t have a choice but even if I did, I wouldn’t use it. I’m sure some 
 people find it useful and helpful but I’m not one of them. Neither is 
my  wife. Our 18-year-old son doesn’t use Siri on his 4S either. I 
believe  he colorfully compared Siri’s usefulness to the operational 
nature of a  vacuum cleaner.&lt;br /&gt;
&lt;br /&gt;
I don’t think Siri is necessarily bad but I do think it requires some  
training and practice but there are no help files nor is there a  
website that helps train users how to better use it. And, before you  
give me that whole, “Apple is intuitive” thing, let me say that Siri is 
 not your typical intuitive Apple application nor is it intuitive.&lt;br /&gt;
&lt;br /&gt;
Tap &amp;amp; Speak gives me examples and a step-by-step how-to on first  
use. I like that. I also like that I can tap or just say, “Hi Galaxy” to
  begin a new conversation. No, Tap &amp;amp; Speak isn’t perfect but it’s a
  level above Siri. I can actually be productive with Tap &amp;amp; Speak.  
Siri is cute but virtually useless for me–the few times I’ve used it,  
that is.&lt;br /&gt;
&lt;br /&gt;
Don’t get me wrong. I’m a big Apple device fan. In fact, if you’ve  
read this blog from the beginning, I didn’t want an Android device. At  
all. It was thrust upon me. But, the longer I use it, the better I like 
 it. It has some really cool features that I wish my iPhone 4 had. One 
is  the ability to connect to the device’s lower level self. With my  
Android phone, I can SSH to it from another computer or open a console  
to the OS from the device itself.&lt;br /&gt;
&lt;br /&gt;
OK, not everyone needs to do that but I rather like having that  
feature. I don’t want to even think of jailbreaking a device just to get
  some “should be included from the factory” features.&lt;br /&gt;
&lt;br /&gt;
I’m especially excited by Vlingo’s merger with &lt;a href=&quot;http://www.nuance.com/&quot; target=&quot;_blank&quot;&gt;Nuance&lt;/a&gt;.
  If you don’t know, Nuance is the company that makes Dragon Naturally  
Speaking software, which is the best speech recognition software on the 
 market. I foresee a truly intelligent conversational device control  
coming soon to just about everything near you.&lt;br /&gt;
&lt;br /&gt;
With the blend of those two intelligent speech recognition software  
companies on the same team, I think we’ll soon be able to actively  
navigate to addresses in our cars, make and receive phone calls, send  
and receive text messages and do all sorts of SciFi-type things using  
voice recognition. With superior voice recognition and communications  
plus Google Car type self-driving cars, even the visually impaired will 
 be able to drive a car. These are exciting times.&lt;br /&gt;
&lt;br /&gt;
You might find it somewhat of a stretch from making a phone call to  
driving a car but that’s just the way my mind works. Too bad I don’t get
  paid to come up with ideas and solutions for new products. I’d really 
 like that gig. Heck, I came up with the idea of a self-driving car when
 I  was a kid. I knew it could be done and I knew how to do it but  
convincing anyone to listen was the hard part. Now, with Siri and and  
Tap &amp;amp; Speak, I have a built-in audience for my ideas, my jokes and  
my disruptive dialog.&lt;br /&gt;
The best part is that, so far unlike their human counterparts, they just have to listen.
      &lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/2518790505095466879/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/06/whats-better-than-apples-siri-androids.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/2518790505095466879'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/2518790505095466879'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/06/whats-better-than-apples-siri-androids.html' title='What’s better than Apple’s Siri? Android’s Tap &amp; Speak, that’s what.'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaIPeD4_ffEdPIwJdVJFqaef4Y_xARMKB7jiGvpRvw59e8Y_Wd1sr0tZYx4E_zWx_aN9VDNn9wptAOA4nJE47v2xR0_DSTA7K5Z0BdyUFaM0Z-3aYKimL91Fbw5ba5bvoEUIQZS-rC84g/s72-c/datgfg.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-3590400480863860411</id><published>2012-06-15T18:23:00.004-07:00</published><updated>2012-06-15T19:30:12.358-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Articles"/><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Free Domain Names"/><title type='text'>3 Free domain name websites : Advantages and Disadvantages</title><content type='html'>&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7P6dcujsXSk4u-Q1U3ur0wDAWES0vrbFFbfiLnG9j-l7OHtjpz9smK976HEI8Fx6UsE2pMp_Ta2rOe8_7i4kEXVLyv1dMvJ5HhoEnvFF-eapaF6mQcwTiG-UYqNEdyT63jvczHoSNwlw/s1600/domain.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;233&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7P6dcujsXSk4u-Q1U3ur0wDAWES0vrbFFbfiLnG9j-l7OHtjpz9smK976HEI8Fx6UsE2pMp_Ta2rOe8_7i4kEXVLyv1dMvJ5HhoEnvFF-eapaF6mQcwTiG-UYqNEdyT63jvczHoSNwlw/s320/domain.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;It is a well known fact that a Domain Name
 adds a profession touch to your website/brand. But, it is sometimes a 
case of financial crisis or some other problem that a web publisher is 
not able to purchase a Generic Top-Level Domain for his brand or Website
 in general.&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
In such cases a need for free Domain names is required. So, I am going to tell you about three Services which allow you to register a Domain name
 for free. I mentioned above that these services will allow you to 
register a Domain name for free, but another bonus is that they will 
also allow you to manage your DNS entries like CNAME, A, MX, NS records 
for free! Now I will describe the benefits and Demerits of each of these
 service for you to decide which one is the Best suited for you.&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;b&gt; &lt;/b&gt;&lt;a href=&quot;http://www.co.cc/&quot;&gt;&lt;b&gt;CO.CC&lt;/b&gt;&lt;/a&gt;&lt;b&gt; Advantages:&lt;/b&gt;&lt;/div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Zero Renewal fees for Personal Domain names&lt;/li&gt;
&lt;li&gt;Allows registrations of two domain names for free&lt;/li&gt;
&lt;li&gt;Web forwarding facility available&lt;/li&gt;
&lt;li&gt;If you donate to &lt;a href=&quot;http://www.co.cc/&quot;&gt;co.cc&lt;/a&gt;, you can register 100 more free domains in your account&lt;/li&gt;
&lt;li&gt;You can earn money by referrals&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;b&gt;CO.CC Disadvantages: &lt;/b&gt;&lt;/div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;If you place Ads on the Domain name, then you have to pay 3$ as 
renewal fee of the Domain name every year. If you don’t pay the required
 amount then your Domain name will be deleted&lt;/li&gt;
&lt;li&gt;The domain name will be suspended without notice if it contains any illegal/ spam/ adult material&lt;/li&gt;
&lt;li&gt;Not all the Domain names are free to register. Some domain names need you to pay a small amount to register&lt;/li&gt;
&lt;li&gt;You need to Set-Up your Domain name before 48 hours of Registering, else it will be deleted&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;b&gt;CO.TV&lt;/b&gt;&lt;b&gt; Advantages:&lt;/b&gt;&lt;/div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Allows registrations of three domain names for free&lt;/li&gt;
&lt;li&gt;Web Forwarding Facility available&lt;/li&gt;
&lt;li&gt;Site Builder functionality available&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;b&gt;CO.TV Disadvantages: &lt;/b&gt;&lt;/div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Domain name is registered only for one Year. You need to re-register it after one-year.&lt;/li&gt;
&lt;li&gt;Registering a Premium Domain name costs you 199$ flat.[Premium 
domain names are usually keywords which are short, can easily be 
remembered, has multiple meanings or generic quality names]&lt;/li&gt;
&lt;li&gt;The domain name will be suspended if any violent/ humiliating/ illegal/ spam/ ad*lt material is hosted on it&lt;/li&gt;
&lt;li&gt;You need to Set-Up your Domain name before 24 hours of Registering, else it will be deleted&lt;/li&gt;
&lt;li&gt;No referral system for earning through affiliates&lt;/li&gt;
&lt;li&gt;They can Anytime convert any free services to paid services, remove a part or all of the services temporarily or permanently&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;b&gt;UNI.CC&lt;/b&gt;&lt;b&gt; Advantages:&lt;/b&gt;&lt;/div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Domain name is registered for Life-Time. Forget about renewals!&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;b&gt;UNI.CC Disadvantages: &lt;/b&gt;&lt;/div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Only one domain name can be registered per IP Address&lt;/li&gt;
&lt;li&gt;UNI.CC might serve Advertisements on your website (in some cases)&lt;/li&gt;
&lt;li&gt;Your Domain name will be deleted without notice if you don’t get more than 10 Hits in 3 months duration&lt;/li&gt;
&lt;li&gt;Domain name is deleted if any defamatory, inaccurate, abusive, obscene, infringing, or threatening content is hosted on it&lt;/li&gt;
&lt;li&gt;Members need to pay a small maintenance fee to keep their sites free of banner Ads&lt;/li&gt;
&lt;li&gt;You cannot manage CNAME entries in your DNS settings&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
Even though there are many more services like these ones, most of 
them are spam sites. Keep in mind that these services allow you to 
Manage your Domain names completely by giving access to DNS setting and 
these services are completely different from URL redirection services.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/3590400480863860411/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/06/3-free-domain-name-websites-advantages.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/3590400480863860411'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/3590400480863860411'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/06/3-free-domain-name-websites-advantages.html' title='3 Free domain name websites : Advantages and Disadvantages'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7P6dcujsXSk4u-Q1U3ur0wDAWES0vrbFFbfiLnG9j-l7OHtjpz9smK976HEI8Fx6UsE2pMp_Ta2rOe8_7i4kEXVLyv1dMvJ5HhoEnvFF-eapaF6mQcwTiG-UYqNEdyT63jvczHoSNwlw/s72-c/domain.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-511380342700680874</id><published>2012-06-15T18:13:00.006-07:00</published><updated>2012-06-15T19:31:09.189-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Free Domain Names"/><category scheme="http://www.blogger.com/atom/ns#" term="Google"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorials"/><title type='text'>How To Get Free .com Domain Under Yourname.com</title><content type='html'>&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG3f2L-6jK2_PYFVxCxPDAcgCXr4HYWlybUdgaJRa4F-6RKX_gfKjnJMSRuQMbLz5h9-WIy3F2aw0DDHLlfggpwDNBIloE6lvtpmwGqUgG_FpvVw8RB2Fft3xoCIE0DJMseL1PD-jZ3e8/s1600/Free-.com-Domain.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;182&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG3f2L-6jK2_PYFVxCxPDAcgCXr4HYWlybUdgaJRa4F-6RKX_gfKjnJMSRuQMbLz5h9-WIy3F2aw0DDHLlfggpwDNBIloE6lvtpmwGqUgG_FpvVw8RB2Fft3xoCIE0DJMseL1PD-jZ3e8/s320/Free-.com-Domain.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
Recently Google have launched Wisconsin Get Your Business Online Program . Wisconsin Get Your Business Online is designed to make it easy, free and fast for any business to get online. Any small business&amp;nbsp;program
 with small and limited resources and products can now get their 
business online with the world within few minutes for free. Yes you got 
it right , you are going to bring your business online for free.&lt;br /&gt;
You don’t have to pay anything for this. It is provided by Google. 
Google partnered with Intuit Company, the Association of Small Business 
Development Centers, SCORE, and Meetup and they are hosting for free to help small business owners to to get started with their own basic .com website. The project is launched as &lt;a href=&quot;http://www.wisconsingetonline.com/&quot; target=&quot;_blank&quot;&gt;WisconsinGetOnline&lt;/a&gt;
 (Wisconsin Get Your Business Online). This is a free program from 
Google. You can get signup for it from any country and get your business
 online easily and fast.&lt;br /&gt;
They are providing following things with free.com domain :&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Free, easy-to-build Intuit website &lt;/li&gt;
&lt;li&gt;Free customized domain name &lt;/li&gt;
&lt;li&gt;Free web hosting for one year&lt;/li&gt;
&lt;li&gt;Free online tools&amp;nbsp;and training&lt;/li&gt;
&lt;li&gt;A free customized domain name&amp;nbsp;and hosting&lt;/li&gt;
&lt;li&gt;$75 in Google AdWords credit&lt;/li&gt;
&lt;/ul&gt;
After reading about information and the features provided by it , you might be interested to get your own &lt;i&gt;free.com domain&lt;/i&gt;. So now I am going to show you how to get your .com domain for free. &amp;nbsp;Let’s begin the process.&lt;br /&gt;
&lt;h3 style=&quot;font-weight: normal;&quot;&gt;






Easy way to get Free .com Domain name&amp;nbsp;registration&amp;nbsp;for 1 year :&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;At first you need to Go to Wisconsin homepage via&amp;nbsp;&lt;a href=&quot;http://www.gybo.com/wisconsin/&quot;&gt;this&lt;/a&gt; link and there you need to click on GET YOUR FREE WEBSITE button. &lt;/li&gt;
&lt;li&gt;Now you need to Sign up for your free Intuit website. Then you will get following screen.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;
&lt;img alt=&quot;Free Intuit Website&quot; class=&quot;aligncenter  wp-image-62764&quot; height=&quot;640&quot; src=&quot;http://www.shoutmeloud.com/wp-content/uploads/2012/06/Free-Intuit-Website.png&quot; style=&quot;border-color: black; border-style: solid; border-width: 1px;&quot; title=&quot;Free Intuit Website&quot; width=&quot;494&quot; /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;If you have Google account then you can sign in with it else sign up for a Google account and then sign in with that account. &lt;/li&gt;
&lt;li&gt;Allow access to it and then click on Continue button. &lt;/li&gt;
&lt;li&gt;Next you need to you intuit websites password. Fill the details and accept term and conditions and click on continue button.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;
&lt;img alt=&quot;Domain for Free&quot; class=&quot;aligncenter  wp-image-62766&quot; height=&quot;307&quot; src=&quot;http://www.shoutmeloud.com/wp-content/uploads/2012/06/Domain-for-Free.jpg&quot; title=&quot;Domain for Free&quot; width=&quot;400&quot; /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Then you will be redirected to Intuit Website to register a &lt;i&gt;free .com domain name&lt;/i&gt;. Click continue as shown in the above screenshot. Then you will get the following screen.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;
&lt;img alt=&quot;Getting started&quot; class=&quot;aligncenter size-full wp-image-62767&quot; height=&quot;166&quot; src=&quot;http://www.shoutmeloud.com/wp-content/uploads/2012/06/Getting-started.jpg&quot; style=&quot;border-color: black; border-style: solid; border-width: 1px;&quot; title=&quot;Getting started&quot; width=&quot;400&quot; /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
It contains three steps. Select first one i.e – Choose a domain 
(www.yourname.com) for your website. You will get the following screen. 
If you are not sure, what domain name you should buy, I suggest you to 
read how to select great domain name for business&amp;nbsp;&amp;amp; 5 domain name suggestion tools.&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&amp;nbsp;&lt;img alt=&quot;Get a Free Domain Name&quot; class=&quot;aligncenter  wp-image-62768&quot; height=&quot;161&quot; src=&quot;http://www.shoutmeloud.com/wp-content/uploads/2012/06/Get-a-Free-Domain-Name.jpg&quot; style=&quot;border-color: black; border-style: solid; border-width: 1px;&quot; title=&quot;Get a Free Domain Name&quot; width=&quot;400&quot; /&gt;&lt;/div&gt;
&lt;br /&gt;
&amp;nbsp;Since you are registering a new domain name so , 
make sure that the domain name you are going to register is available. 
You can do this by entering your desired domain name under “Get a New Domain”&amp;nbsp;and clicking on Check Availability&amp;nbsp; button. If it is available then you will be presented with following screen.&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&amp;nbsp;&lt;img alt=&quot;Domain center&quot; class=&quot;aligncenter  wp-image-62769&quot; height=&quot;480&quot; src=&quot;http://www.shoutmeloud.com/wp-content/uploads/2012/06/Domain-center.jpg&quot; style=&quot;border-color: black; border-image: initial; border-style: solid; border-width: 1px;&quot; title=&quot;Domain center&quot; width=&quot;600&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;
Now all you need to do it click on Get 
Domain button. Then you will be asked to enter your contact information 
as shown in the belwo screenshot.&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;img alt=&quot;domain contact Info&quot; class=&quot;aligncenter  wp-image-62770&quot; height=&quot;725&quot; src=&quot;http://www.shoutmeloud.com/wp-content/uploads/2012/06/domain-contact-Info.png&quot; style=&quot;border-color: black; border-image: initial; border-style: solid; border-width: 1px;&quot; title=&quot;domain contact Info&quot; width=&quot;560&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;
Enter your contact information and click on
 Save &amp;amp; Continue button. Then you will be ask to review your 
information.&amp;nbsp;Review it , agree to the terms of service and&amp;nbsp; click on 
submit button.&amp;nbsp; Note : You must uncheck the Yes (Recommended) option for
 domain privacy because if you check it you have to pay $1 per month.&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
As soon as you submit it for review you will get a pop up page asking for your&amp;nbsp;Billing Information. They are asking this to protect against fraudulent activities.
 Though your website and .com domain name are free but they still need 
your billing information. Enter your address details and debit/credit 
card information in this page. Now the real problem comes. Many of us 
don’t have a real debit/credit card, so to solve this problem you need 
to create a virtual visa credit card. You can create a virtual visa from &lt;a href=&quot;https://www.entropay.com/&quot;&gt;Entropay.com&lt;/a&gt;.
 Note : You can also use other websites to create virtual visa. If you 
don’t want to create virtual visa then use the following virtual visa 
details to fill the payment options and you will be able to purchase 
your domain for free.&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Name on card : Jackie Chan&lt;/li&gt;
&lt;li&gt;Card type : Visa&lt;/li&gt;
&lt;li&gt;Credit card number : 4067424695632061&lt;/li&gt;
&lt;li&gt;Expiration date : 12-2012&lt;/li&gt;
&lt;li&gt;Card security number : 279&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&amp;nbsp;&lt;img alt=&quot;Test Credit Card&quot; class=&quot;aligncenter size-full wp-image-62771&quot; height=&quot;190&quot; src=&quot;http://www.shoutmeloud.com/wp-content/uploads/2012/06/Virtual-Credit-card.jpg&quot; style=&quot;border-color: black; border-image: initial; border-style: solid; border-width: 1px;&quot; title=&quot;Test Credit Card&quot; width=&quot;417&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;
Now just enter your virtual visa details in
 the payment page and click on purchase button. Now you have 
successfully created your website with a free .com domain name registration. It may take an hour to activate. After it is activated, you can use their website builder to create a new website or just change the name servers by going in the domain manager to use with other webhost.&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
I hope this tip would help you to save some
 money and increase your online presence.&amp;nbsp;If you find this post useful, 
don’t forget to share it on Google plus and Facebook.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/511380342700680874/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/06/how-to-get-free-com-domain-under.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/511380342700680874'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/511380342700680874'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/06/how-to-get-free-com-domain-under.html' title='How To Get Free .com Domain Under Yourname.com'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG3f2L-6jK2_PYFVxCxPDAcgCXr4HYWlybUdgaJRa4F-6RKX_gfKjnJMSRuQMbLz5h9-WIy3F2aw0DDHLlfggpwDNBIloE6lvtpmwGqUgG_FpvVw8RB2Fft3xoCIE0DJMseL1PD-jZ3e8/s72-c/Free-.com-Domain.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-1332263137458328534</id><published>2012-06-15T05:49:00.004-07:00</published><updated>2012-06-15T19:32:21.519-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Articles"/><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="SEO"/><category scheme="http://www.blogger.com/atom/ns#" term="Wordpress"/><title type='text'>Why to choose a SEO Website Design for blogs?</title><content type='html'>&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBKRTVPGNl4QvwqhmCRaQjuAaRJRcgXoo14XSLShbi27v8AjCoOSnmujBuwDNnSBuxgPQX663bZYCnkke6zI1SnSRIDQcdy6fsFzg-1mAUmOe3Moo3_DTOscBTWzDXN8ZifdPDJ_ivlFk/s1600/iStock_000011393665XSmall.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;240&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBKRTVPGNl4QvwqhmCRaQjuAaRJRcgXoo14XSLShbi27v8AjCoOSnmujBuwDNnSBuxgPQX663bZYCnkke6zI1SnSRIDQcdy6fsFzg-1mAUmOe3Moo3_DTOscBTWzDXN8ZifdPDJ_ivlFk/s320/iStock_000011393665XSmall.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
When you give a thought to&amp;nbsp;designing a website&amp;nbsp;for your own website, chances are high that you think of a website with the bells and whistles – wonderful images with flash, viewing audio – the works! But, uncertain to you personally, these factors may very well destroy your enterprise because what shows up appealing on&amp;nbsp;&lt;span class=&quot;IL_AD&quot; id=&quot;IL_AD9&quot; style=&quot;background-attachment: scroll ! important; background-color: transparent ! important; background-image: none ! important; background-position: 0% 50%; background-repeat: repeat repeat ! important; border-bottom: 1px dotted rgb(0, 144, 221) ! important; cursor: pointer ! important; display: inline ! important; float: none ! important; margin: 0px; padding: 0px 0px 1px ! important; position: static;&quot;&gt;the face&lt;/span&gt;&amp;nbsp;is detractive in terms of search results&amp;nbsp;&lt;span class=&quot;IL_AD&quot; id=&quot;IL_AD7&quot; style=&quot;background-attachment: scroll ! important; background-color: transparent ! important; background-image: none ! important; background-position: 0% 50%; background-repeat: repeat repeat ! important; border-bottom: 1px dotted rgb(0, 144, 221) ! important; cursor: pointer ! important; display: inline ! important; float: none ! important; margin: 0px; padding: 0px 0px 1px ! important; position: static;&quot;&gt;positioning&lt;/span&gt;.&lt;br /&gt;
&lt;div style=&quot;background-color: white; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-size: 14px; line-height: 22px; margin-bottom: 1.571em; padding: 0px; text-align: justify;&quot;&gt;
In case your website has these factors, it is immediately downgrade to a considerably lower rank even if your unique content is relevant and you’re utilizing leading edge technology.&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-size: 14px; line-height: 22px; margin-bottom: 1.571em; padding: 0px; text-align: justify;&quot;&gt;
According to a recent survey, which showed some dreadful results, one out of every ten website designers believes that SEO is not their business. And more seriously, more than 24% of website designers don’t have the idea concerning what SEO is! Before discovering the causes to choose from an SEO friendly&amp;nbsp;website design, it is necessary to know what this is all about.&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-size: 14px; line-height: 22px; margin-bottom: 1.571em; padding: 0px; text-align: justify;&quot;&gt;
You notice major search engines engage automated ‘web spiders’ to crawl via&amp;nbsp;&lt;span class=&quot;IL_AD&quot; id=&quot;IL_AD5&quot; style=&quot;background-attachment: scroll ! important; background-color: transparent ! important; background-image: none ! important; background-position: 0% 50%; background-repeat: repeat repeat ! important; border-bottom: 1px dotted rgb(0, 144, 221) ! important; cursor: pointer ! important; display: inline ! important; float: none ! important; margin: 0px; padding: 0px 0px 1px ! important; position: static;&quot;&gt;web pages&lt;/span&gt;. Each of these ‘web spiders’ collect&amp;nbsp;&lt;span class=&quot;IL_AD&quot; id=&quot;IL_AD4&quot; style=&quot;background-attachment: scroll ! important; background-color: transparent ! important; background-image: none ! important; background-position: 0% 50%; background-repeat: repeat repeat ! important; border-bottom: 1px dotted rgb(0, 144, 221) ! important; cursor: pointer ! important; display: inline ! important; float: none ! important; margin: 0px; padding: 0px 0px 1px ! important; position: static;&quot;&gt;information&lt;/span&gt;&amp;nbsp;and facts relating to the website. The data they glean enables them to figure out the relevance of a website for particular keyword phrases. Now, you should understand that these are also automated software that has been hinted to crawl via websites in a certain method. They put the&amp;nbsp;information&amp;nbsp;they gather in a folder. Therefore, when a user requests a keyword, the search engine dips into this folder and displays sites based on relevance. Sites that ‘seem’ more related come out on the top, while those which are not, end up at the bottom.&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-size: 14px; line-height: 22px; margin-bottom: 1.571em; padding: 0px; text-align: justify;&quot;&gt;
Despite the fact that design factors alone are not liable for dismal search engine rankings, they also play a necessary role.&lt;/div&gt;
&lt;div style=&quot;background-color: white; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-size: 14px; line-height: 22px; margin-bottom: 1.571em; padding: 0px; text-align: justify;&quot;&gt;
It doesn’t matter if you are a professional website designer or perhaps a company owner, it is recommended to know why you must always look for an SEO friendly&amp;nbsp;website design.&lt;/div&gt;
&lt;h3&gt;




&lt;span style=&quot;font-family: Georgia,&#39;Times New Roman&#39;,Times,serif;&quot;&gt;&lt;span style=&quot;font-size: 14px; line-height: 22px;&quot;&gt;Advantages Of Seo Optimized Website&amp;nbsp;Designing :&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;
&lt;br /&gt;
&lt;ul style=&quot;background-color: white; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-size: 14px; line-height: 22px; list-style: square; margin: 0px 0px 1.571em 1.571em; padding: 0px;&quot;&gt;
&lt;li style=&quot;margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp; A Search Engine Optimized&amp;nbsp;&amp;nbsp;website design&amp;nbsp;is a great way to take care of traffic form the major search engines. If major search engines are not pleased with your design and layout, you can’t expect more traffic either from referral back link and direct traffic.&lt;/li&gt;
&lt;li style=&quot;margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp; Research illustrate that about 45-65% of&amp;nbsp;&lt;span class=&quot;IL_AD&quot; id=&quot;IL_AD8&quot; style=&quot;background-attachment: scroll ! important; background-color: transparent ! important; background-image: none ! important; background-position: 0% 50%; background-repeat: repeat repeat ! important; border-bottom: 1px dotted rgb(0, 144, 221) ! important; cursor: pointer ! important; display: inline ! important; float: none ! important; margin: 0px; padding: 0px 0px 1px ! important; position: static;&quot;&gt;web traffic&lt;/span&gt;&amp;nbsp;to any website comes from major search engines. Thus, a&amp;nbsp;website design&amp;nbsp;that isn’t search engine friendly is washing its hands off this amazing traffic volume.&lt;/li&gt;
&lt;li style=&quot;margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp; Usually, an SEO friendly&amp;nbsp;website design&amp;nbsp;is likewise incredibly easy to use. Thus, making sure you use appropriate code of HTML, goal adequate keywords via content and&amp;nbsp;&lt;span class=&quot;IL_AD&quot; id=&quot;IL_AD1&quot; style=&quot;background-attachment: scroll ! important; background-color: transparent ! important; background-image: none ! important; background-position: 0% 50%; background-repeat: repeat repeat ! important; border-bottom: 1px dotted rgb(0, 144, 221) ! important; cursor: pointer ! important; display: inline ! important; float: none ! important; margin: 0px; padding: 0px 0px 1px ! important; position: static;&quot;&gt;meta tags&lt;/span&gt;, employ ALT tags, utilize proper links etc, get the website quick to download and easier for the user.&lt;/li&gt;
&lt;li style=&quot;margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp;An SEO friendly website talks good quality webpage design. If you’re a firm with some more standing, like the ones of webpage you have got impacts your company value.&lt;/li&gt;
&lt;li style=&quot;margin: 0px; padding: 0px;&quot;&gt;Google robots and the other search engine robots can easily crawl your blog if the site is well designed&lt;/li&gt;
&lt;/ul&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/1332263137458328534/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/06/why-to-choose-seo-website-design-for.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/1332263137458328534'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/1332263137458328534'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/06/why-to-choose-seo-website-design-for.html' title='Why to choose a SEO Website Design for blogs?'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBKRTVPGNl4QvwqhmCRaQjuAaRJRcgXoo14XSLShbi27v8AjCoOSnmujBuwDNnSBuxgPQX663bZYCnkke6zI1SnSRIDQcdy6fsFzg-1mAUmOe3Moo3_DTOscBTWzDXN8ZifdPDJ_ivlFk/s72-c/iStock_000011393665XSmall.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-9065951459143480518</id><published>2012-06-13T19:36:00.000-07:00</published><updated>2012-06-13T19:36:00.495-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Comment bubbles"/><category scheme="http://www.blogger.com/atom/ns#" term="Gadget"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorials"/><title type='text'>Add A Comment Bubble Just Next To Blogger Post Titles</title><content type='html'>&lt;span class=&quot;data-post&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot;&gt;
 &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjNwzRqsFJ0LuPZ76Kvm_VsomH2LcuANxSUCScwZFcM72ejOjyadaYgq3Sd2LgN6GYP3YC3Sf9Nt83XNA4bjtx_CSGLmfX_VxECIw4mh4Y8atnzGLTwKm-HG1Vn5GLsgqMd8r4q38fo6c/s1600/Speech_bubble_600x452-1grpxu6.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;240&quot; id=&quot;il_fi&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjNwzRqsFJ0LuPZ76Kvm_VsomH2LcuANxSUCScwZFcM72ejOjyadaYgq3Sd2LgN6GYP3YC3Sf9Nt83XNA4bjtx_CSGLmfX_VxECIw4mh4Y8atnzGLTwKm-HG1Vn5GLsgqMd8r4q38fo6c/s320/Speech_bubble_600x452-1grpxu6.png&quot; style=&quot;padding-bottom: 8px; padding-right: 8px; padding-top: 8px;&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;If
 you want to show the number of comments just next to your blog post 
tiles then comment-bubble is a best way to show number of comments to 
that&amp;nbsp;particular&amp;nbsp;post in a small bubble icon.This little bubble will also
 increase the number of comments on your blog,because by clicking on the
 bubble your readers can directly access the comment-form of that 
post.Also you can add this in two easiest ways,just follow below steps 
carefully and you will easily add this to your blog.&lt;/div&gt;
&lt;br /&gt;
&lt;h3&gt;
&amp;nbsp;&lt;/h3&gt;
&lt;h3&gt;
How To Add Comment Bubble Just Next To Post Title?&lt;/h3&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Go to &lt;b&gt;Blogger Dashboard &amp;gt; Template&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Take a backup of your template&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Click On &lt;b&gt;Edit HTML&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Hit &lt;b&gt;Proceed&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Check Expand Widget Templates chechbox.&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Find below code in your template&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;pre&gt;&lt;code&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/code&gt;&lt;/pre&gt;
&lt;br /&gt;
&lt;br /&gt;
add below code just above it&lt;br /&gt;
&lt;br /&gt;
&lt;pre&gt;&lt;code&gt;.comment-bubble {
    float: right;
    width: 48px;
    height: 48px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvqzmM4p_nl9Asols5qoZMsQED4VoDDAXKwFMpyrv2exNFQpELt4W9tdR0CdAKDmvn6W9700Tdxr0ZY5gVJ0vxvCtZyuUlwpvkiVkme4eJRqLCXIzevh9mEzf9mqQHBb-IC_e8K-k2S2GD/s1600/helperblogger.com-commentbubble.png) no-repeat;
    font-size: 18px;
    float: right;
    margin-top: -15px;
    margin-right: 2px;
    text-align: center;
    position: float;
    text-align: center;
}&lt;/code&gt;&lt;/pre&gt;
&lt;br /&gt;
&lt;br /&gt;
Now find for below code in your template&lt;br /&gt;
&lt;br /&gt;
&lt;pre&gt;&lt;code&gt;&amp;lt;b:if cond=&#39;data:post.link&#39;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
&lt;br /&gt;
&lt;br /&gt;
replace it with below piece of code,&lt;br /&gt;
&lt;br /&gt;
&lt;pre&gt;&lt;code&gt;&amp;lt;b:if cond=&#39;data:post.allowComments&#39;&amp;gt;
&amp;lt;a class=&#39;comment-bubble&#39; expr:href=&#39;data:post.addCommentUrl&#39; expr:onclick=&#39;data:post.addCommentOnclick&#39;&amp;gt;&amp;lt;data:post.numComments/&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;b:if cond=&#39;data:post.link&#39;&amp;gt;&lt;/code&gt;&lt;/pre&gt;
&lt;br /&gt;
Now take a preview of your template,if you want to adjust the position 
of comment bubble then you can change the above CSS values as you 
need.When you feel that everything is ok then save your template.You can
 also replace the bubble with your own bubble,just replace the URL of 
bubble with your own bubble URL.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/9065951459143480518/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/06/add-comment-bubble-just-next-to-blogger.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/9065951459143480518'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/9065951459143480518'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/06/add-comment-bubble-just-next-to-blogger.html' title='Add A Comment Bubble Just Next To Blogger Post Titles'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjNwzRqsFJ0LuPZ76Kvm_VsomH2LcuANxSUCScwZFcM72ejOjyadaYgq3Sd2LgN6GYP3YC3Sf9Nt83XNA4bjtx_CSGLmfX_VxECIw4mh4Y8atnzGLTwKm-HG1Vn5GLsgqMd8r4q38fo6c/s72-c/Speech_bubble_600x452-1grpxu6.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-5221688057093402608</id><published>2012-06-13T19:29:00.000-07:00</published><updated>2012-06-13T19:29:07.614-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Gadget"/><category scheme="http://www.blogger.com/atom/ns#" term="Navigation Bars"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorials"/><title type='text'>Add Image Just Next To Blogger Post Titles</title><content type='html'>In
 this post we are sharing a cool hack which will add an your own 
image,favicon or whatever you choose just next to your blog&#39;s post 
titles.You can also add your own profile pic. it will give more personal
 touch to your blog.To apply this hack you just have to delete and put 
some code in your template.If you want to see live preview of the 
hack,then see the image below,&lt;br /&gt;&lt;span class=&quot;data-post&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot;&gt;
&lt;div class=&quot;&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzpv6DzL5_UId37CXMT5Jivy6XogIqJphjZSoVzFtTIHQ6HSWXzWGbzZ0AgbvaM7S41sOnAkPaxC8yMIWzexIJSw2mHOruYdR10MXDmmEkJwhvQ2g-kYAYtiVb5IcFU0gdyJFDyLJEbhE/s1600/Blogger+Page+Navigation+Widgets.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; id=&quot;il_fi&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzpv6DzL5_UId37CXMT5Jivy6XogIqJphjZSoVzFtTIHQ6HSWXzWGbzZ0AgbvaM7S41sOnAkPaxC8yMIWzexIJSw2mHOruYdR10MXDmmEkJwhvQ2g-kYAYtiVb5IcFU0gdyJFDyLJEbhE/s1600/Blogger+Page+Navigation+Widgets.png&quot; style=&quot;padding-bottom: 8px; padding-right: 8px; padding-top: 8px;&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;margin-left: 1em; margin-right: 1em; text-align: left;&quot;&gt;


&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;margin-left: 1em; margin-right: 1em; text-align: left;&quot;&gt;
&lt;h4&gt;
Now lets see how to apply this hack,&lt;/h4&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot;&gt;
&lt;h3&gt;
How To Add Image Just Next To Blogger Post Titles?&lt;/h3&gt;
&lt;/div&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;
I have tried my best to keep this tutorial easy as easy as possible.For 
better understanding I am dividing this tutorial in three parts,but you 
just have to follow any one post because it depends upon the tag which 
you are using as post title.&lt;br /&gt;
&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;Part 1&lt;/b&gt;: Finding the tag which you are using as Post Title&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Part 2&lt;/b&gt;: For those who are using H3 tag as a Post Title&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Part 2&lt;/b&gt;: For those who are using H2 tag as a Post Title&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;h3&gt;
&lt;br /&gt;&lt;/h3&gt;
&lt;h3&gt;
Part 1: Finding the tag which you are using as Post Title&lt;/h3&gt;
&lt;br /&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;First go to &lt;b&gt;Blogger Dashboard &amp;gt; Template&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Download a copy of your template&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Click &lt;b&gt;Edit HTML&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Hit &lt;b&gt;Proceed&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Check Expand Widget Template checkbox&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Find below code in your template&lt;/li&gt;
&lt;/ol&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter  html&quot; id=&quot;highlighter_791392&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;h3&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;class&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post-title entry-title&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;Now if you found above code in your template then you are using H3 
tag as a post title.Now only follow second part of this tutorial&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
If you can&#39;t find above code then find for this one&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter  html&quot; id=&quot;highlighter_537531&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;h2&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;class&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post-title entry-title&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;If you found above code in your template then you are using H2 tag as a post title.Now only follow third part of this tutorial.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
Part 2: For those who are using H3 tag as a Post Title&lt;/h3&gt;
&lt;br /&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;First go to &lt;b&gt;Blogger Dashboard &amp;gt; Template&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Click &lt;b&gt;Edit HTML&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Hit &lt;b&gt;Proceed&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Check Expand Widget Template checkbox&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Find below piece of code in your template&lt;/li&gt;
&lt;/ol&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter  html&quot; id=&quot;highlighter_453580&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
6&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
7&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
8&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
9&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
10&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
11&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
12&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
13&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
14&lt;/div&gt;
&lt;div class=&quot;line number15 index14 alt2&quot;&gt;
15&lt;/div&gt;
&lt;div class=&quot;line number16 index15 alt1&quot;&gt;
16&lt;/div&gt;
&lt;div class=&quot;line number17 index16 alt2&quot;&gt;
17&lt;/div&gt;
&lt;div class=&quot;line number18 index17 alt1&quot;&gt;
18&lt;/div&gt;
&lt;div class=&quot;line number19 index18 alt2&quot;&gt;
19&lt;/div&gt;
&lt;div class=&quot;line number20 index19 alt1&quot;&gt;
20&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:includable&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;id&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post&#39;&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;var&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;div&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;class&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post hentry&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;expr:name&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.id&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.title&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;h3&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;class&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post-title entry-title&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.link&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;expr:href&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.link&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:else&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.url&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:blog.url != data:post.url&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;expr:href&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.url&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:else&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number15 index14 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:else&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number16 index15 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number17 index16 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number18 index17 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number19 index18 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;h3&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number20 index19 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
replace it with below code, (be careful while deleting,only replace above exact code)&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter  html&quot; id=&quot;highlighter_282312&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
6&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2 highlighted&quot;&gt;
7&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
8&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
9&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
10&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
11&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
12&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
13&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
14&lt;/div&gt;
&lt;div class=&quot;line number15 index14 alt2&quot;&gt;
15&lt;/div&gt;
&lt;div class=&quot;line number16 index15 alt1&quot;&gt;
16&lt;/div&gt;
&lt;div class=&quot;line number17 index16 alt2&quot;&gt;
17&lt;/div&gt;
&lt;div class=&quot;line number18 index17 alt1&quot;&gt;
18&lt;/div&gt;
&lt;div class=&quot;line number19 index18 alt2&quot;&gt;
19&lt;/div&gt;
&lt;div class=&quot;line number20 index19 alt1&quot;&gt;
20&lt;/div&gt;
&lt;div class=&quot;line number21 index20 alt2&quot;&gt;
21&lt;/div&gt;
&lt;div class=&quot;line number22 index21 alt1&quot;&gt;
22&lt;/div&gt;
&lt;div class=&quot;line number23 index22 alt2&quot;&gt;
23&lt;/div&gt;
&lt;div class=&quot;line number24 index23 alt1&quot;&gt;
24&lt;/div&gt;
&lt;div class=&quot;line number25 index24 alt2&quot;&gt;
25&lt;/div&gt;
&lt;div class=&quot;line number26 index25 alt1&quot;&gt;
26&lt;/div&gt;
&lt;div class=&quot;line number27 index26 alt2&quot;&gt;
27&lt;/div&gt;
&lt;div class=&quot;line number28 index27 alt1&quot;&gt;
28&lt;/div&gt;
&lt;div class=&quot;line number29 index28 alt2&quot;&gt;
29&lt;/div&gt;
&lt;div class=&quot;line number30 index29 alt1&quot;&gt;
30&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:includable&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;id&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post&#39;&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;var&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;div&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;class&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post hentry&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;expr:name&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.id&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.title&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;table&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;tr&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;td&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;class&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;ssybyposttitle&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2 highlighted&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;img&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;src&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcs9PUroUAk4pDg01SYe7zP3Zed4Fhgcq-QkDFOfe9nd7uWWE7nPPkx3T9xkedRHuMBXCKaCaBN_NWBK6ZnRIgm0gB4Nnr-pjfU2BJvwTc7hgxvwYnbUGzIxOJXje2UzdAtT35IUu14lw/s1600/helperblogger-pencil.png&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;h3&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;class&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post-title entry-title&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.link&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;expr:href&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.link&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:else&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.url&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:blog.url != data:post.url&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;expr:href&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.url&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number15 index14 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:else&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number16 index15 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number17 index16 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number18 index17 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:else&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number19 index18 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number20 index19 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number21 index20 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number22 index21 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;h3&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number23 index22 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number24 index23 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;tr&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;table&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number25 index24 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;style&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number26 index25 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;h3.post-title {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number27 index26 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;margin: 0px !important;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number28 index27 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number29 index28 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;style&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number30 index29 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
Now replace the image URL in above highlighted line with your own image URL (image should be less than 64X64 pixels)&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
Part 3: For those who are using H2 tag as a Post Title&lt;/h3&gt;
&lt;br /&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;First go to &lt;b&gt;Blogger Dashboard &amp;gt; Template&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Click &lt;b&gt;Edit HTML&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Hit &lt;b&gt;Proceed&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Check Expand Widget Template checkbox&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Find below piece of code in your template&lt;/li&gt;
&lt;/ol&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter  html&quot; id=&quot;highlighter_239357&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
6&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
7&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
8&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
9&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
10&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
11&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
12&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
13&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
14&lt;/div&gt;
&lt;div class=&quot;line number15 index14 alt2&quot;&gt;
15&lt;/div&gt;
&lt;div class=&quot;line number16 index15 alt1&quot;&gt;
16&lt;/div&gt;
&lt;div class=&quot;line number17 index16 alt2&quot;&gt;
17&lt;/div&gt;
&lt;div class=&quot;line number18 index17 alt1&quot;&gt;
18&lt;/div&gt;
&lt;div class=&quot;line number19 index18 alt2&quot;&gt;
19&lt;/div&gt;
&lt;div class=&quot;line number20 index19 alt1&quot;&gt;
20&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:includable&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;id&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post&#39;&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;var&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;div&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;class&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post hentry&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;expr:name&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.id&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.title&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;h2&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;class&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post-title entry-title&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.link&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;expr:href&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.link&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:else&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.url&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:blog.url != data:post.url&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;expr:href&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.url&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:else&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number15 index14 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:else&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number16 index15 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number17 index16 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number18 index17 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number19 index18 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;h2&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number20 index19 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
replace it with below piece of code,&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter  html&quot; id=&quot;highlighter_626887&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
6&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2 highlighted&quot;&gt;
7&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
8&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
9&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
10&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
11&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
12&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
13&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
14&lt;/div&gt;
&lt;div class=&quot;line number15 index14 alt2&quot;&gt;
15&lt;/div&gt;
&lt;div class=&quot;line number16 index15 alt1&quot;&gt;
16&lt;/div&gt;
&lt;div class=&quot;line number17 index16 alt2&quot;&gt;
17&lt;/div&gt;
&lt;div class=&quot;line number18 index17 alt1&quot;&gt;
18&lt;/div&gt;
&lt;div class=&quot;line number19 index18 alt2&quot;&gt;
19&lt;/div&gt;
&lt;div class=&quot;line number20 index19 alt1&quot;&gt;
20&lt;/div&gt;
&lt;div class=&quot;line number21 index20 alt2&quot;&gt;
21&lt;/div&gt;
&lt;div class=&quot;line number22 index21 alt1&quot;&gt;
22&lt;/div&gt;
&lt;div class=&quot;line number23 index22 alt2&quot;&gt;
23&lt;/div&gt;
&lt;div class=&quot;line number24 index23 alt1&quot;&gt;
24&lt;/div&gt;
&lt;div class=&quot;line number25 index24 alt2&quot;&gt;
25&lt;/div&gt;
&lt;div class=&quot;line number26 index25 alt1&quot;&gt;
26&lt;/div&gt;
&lt;div class=&quot;line number27 index26 alt2&quot;&gt;
27&lt;/div&gt;
&lt;div class=&quot;line number28 index27 alt1&quot;&gt;
28&lt;/div&gt;
&lt;div class=&quot;line number29 index28 alt2&quot;&gt;
29&lt;/div&gt;
&lt;div class=&quot;line number30 index29 alt1&quot;&gt;
30&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:includable&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;id&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post&#39;&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;var&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;div&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;class&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post hentry&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;expr:name&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.id&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.title&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;table&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;tr&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;td&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;class&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;ssybyposttitle&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2 highlighted&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;img&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;src&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcs9PUroUAk4pDg01SYe7zP3Zed4Fhgcq-QkDFOfe9nd7uWWE7nPPkx3T9xkedRHuMBXCKaCaBN_NWBK6ZnRIgm0gB4Nnr-pjfU2BJvwTc7hgxvwYnbUGzIxOJXje2UzdAtT35IUu14lw/s1600/helperblogger-pencil.png&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;h2&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;class&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;post-title entry-title&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.link&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;expr:href&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.link&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:else&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.url&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;cond&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:blog.url != data:post.url&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;html color1&quot;&gt;expr:href&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;html string&quot;&gt;&#39;data:post.url&#39;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number15 index14 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:else&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number16 index15 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number17 index16 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number18 index17 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:else&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number19 index18 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;data:post.title&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number20 index19 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number21 index20 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number22 index21 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;h2&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number23 index22 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;td&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number24 index23 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;tr&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;table&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number25 index24 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;style&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number26 index25 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;h2.post-title {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number27 index26 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;margin: 0px !important;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number28 index27 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number29 index28 alt2&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;style&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number30 index29 alt1&quot;&gt;
&lt;code class=&quot;html spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;html keyword&quot;&gt;b:if&lt;/code&gt;&lt;code class=&quot;html plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
Now replace the image URL in above highlighted line with your own image URL (image should be less than 64X64 pixels)&lt;/div&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/5221688057093402608/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/06/add-image-just-next-to-blogger-post.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/5221688057093402608'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/5221688057093402608'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/06/add-image-just-next-to-blogger-post.html' title='Add Image Just Next To Blogger Post Titles'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzpv6DzL5_UId37CXMT5Jivy6XogIqJphjZSoVzFtTIHQ6HSWXzWGbzZ0AgbvaM7S41sOnAkPaxC8yMIWzexIJSw2mHOruYdR10MXDmmEkJwhvQ2g-kYAYtiVb5IcFU0gdyJFDyLJEbhE/s72-c/Blogger+Page+Navigation+Widgets.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-5611857007700090523</id><published>2012-06-06T18:32:00.001-07:00</published><updated>2012-06-07T01:52:53.291-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="Drop Down Menu"/><category scheme="http://www.blogger.com/atom/ns#" term="Gadget"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorials"/><title type='text'>How to Create a Horizontal Dropdown Menu with HTML, CSS and jQuery</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdhVL8LNn9iWiLLXMbDJ_ht_Je6SGtxxbThUaz3XfIuEPC1bhe0rfxqqs_Fbc7MD1FUyrMhpiqXHxZoWE3Td45FgX1BMXhIyg-lfoa_zXQkIxmWlS3GjA4zJY3PmWnJylKI2h4rgdJYWD0/s1600/cool-css-logo-icon.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;320&quot; id=&quot;il_fi&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdhVL8LNn9iWiLLXMbDJ_ht_Je6SGtxxbThUaz3XfIuEPC1bhe0rfxqqs_Fbc7MD1FUyrMhpiqXHxZoWE3Td45FgX1BMXhIyg-lfoa_zXQkIxmWlS3GjA4zJY3PmWnJylKI2h4rgdJYWD0/s320/cool-css-logo-icon.png&quot; style=&quot;padding-bottom: 8px; padding-right: 8px; padding-top: 8px;&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Menus play an essential part on the web. They allow users to find 
their bearings and help them navigate your website. When designing 
menus, usability is the key.&lt;br /&gt;
&lt;br /&gt;
Beginners often struggle with the basics. In this tutorial I&#39;m going to show you how to create a simple, usable and &lt;strong&gt;functional horizontal menu&lt;/strong&gt; with HTML and CSS. I will also dive a little bit into jQuery to add animations to your menu.&lt;br /&gt;
&lt;h2&gt;
&lt;br /&gt;&lt;/h2&gt;
&lt;h2&gt;
&lt;br /&gt;&lt;/h2&gt;
&lt;h2&gt;
&lt;br /&gt;&lt;/h2&gt;
&lt;h2&gt;
&lt;br /&gt;&lt;/h2&gt;
&lt;h2&gt;

Basics&lt;/h2&gt;
Let&#39;s start with the basic HTML structure of the menu:&lt;br /&gt;
&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter hightligher xml&quot; id=&quot;highlighter_94203&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
6&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
7&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;ul&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;id&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;coolMenu&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Lorem&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Mauricii&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Periher&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Tyrio&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Quicumque&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;ul&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
A menu consists of an unordered list, and each list item contains a link with the text. Don’t create unnecessary &lt;code&gt;divs&lt;/code&gt;. You don’t need any.&lt;br /&gt;
To add a sub menu simply nest another unordered list inside the item that&#39;s going to have the sub menu, like this:&lt;br /&gt;
&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter hightligher xml&quot; id=&quot;highlighter_937064&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
6&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
7&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
8&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
9&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
10&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
11&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
12&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
13&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
14&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;ul&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;id&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;coolMenu&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Lorem&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Mauricii&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Periher&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;ul&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Hellenico&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Genere&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Indulgentia&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;ul&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Tyrio&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Quicumque&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;ul&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
As you can see, creating the structure is very simple. This is how it should look in your browser at this stage:&lt;br /&gt;
&lt;img alt=&quot;Stage 1&quot; class=&quot;alignnone size-full wp-image-11553&quot; height=&quot;209&quot; src=&quot;http://net.onextrapixel.com/wp-content/uploads/2011/06/stage1.jpg&quot; title=&quot;Stage 1&quot; width=&quot;580&quot; /&gt;&lt;br /&gt;
There are multiple ways to set up the CSS for a horizontal menu. 
After many years I found that this is the quickest and cleanest way to 
do it:&lt;br /&gt;
&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter hightligher css&quot; id=&quot;highlighter_266947&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
6&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
7&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
8&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
9&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
10&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
11&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
12&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
13&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
14&lt;/div&gt;
&lt;div class=&quot;line number15 index14 alt2&quot;&gt;
15&lt;/div&gt;
&lt;div class=&quot;line number16 index15 alt1&quot;&gt;
16&lt;/div&gt;
&lt;div class=&quot;line number17 index16 alt2&quot;&gt;
17&lt;/div&gt;
&lt;div class=&quot;line number18 index17 alt1&quot;&gt;
18&lt;/div&gt;
&lt;div class=&quot;line number19 index18 alt2&quot;&gt;
19&lt;/div&gt;
&lt;div class=&quot;line number20 index19 alt1&quot;&gt;
20&lt;/div&gt;
&lt;div class=&quot;line number21 index20 alt2&quot;&gt;
21&lt;/div&gt;
&lt;div class=&quot;line number22 index21 alt1&quot;&gt;
22&lt;/div&gt;
&lt;div class=&quot;line number23 index22 alt2&quot;&gt;
23&lt;/div&gt;
&lt;div class=&quot;line number24 index23 alt1&quot;&gt;
24&lt;/div&gt;
&lt;div class=&quot;line number25 index24 alt2&quot;&gt;
25&lt;/div&gt;
&lt;div class=&quot;line number26 index25 alt1&quot;&gt;
26&lt;/div&gt;
&lt;div class=&quot;line number27 index26 alt2&quot;&gt;
27&lt;/div&gt;
&lt;div class=&quot;line number28 index27 alt1&quot;&gt;
28&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;#coolMenu,&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;#coolMenu ul {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;list-style&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;none&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;#coolMenu {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;float&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;left&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;#coolMenu &amp;gt; li {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;float&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;left&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;#coolMenu li a {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
&lt;code class=&quot;css keyword&quot;&gt;display&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;block&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;height&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;2em&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;line-height&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;2em&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number15 index14 alt2&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;padding&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;0&lt;/code&gt; &lt;code class=&quot;css value&quot;&gt;1.5em&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number16 index15 alt1&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;text-decoration&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;none&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number17 index16 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number18 index17 alt1&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;#coolMenu ul {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number19 index18 alt2&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;position&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;absolute&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number20 index19 alt1&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;display&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;none&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number21 index20 alt2&quot;&gt;
&lt;code class=&quot;css keyword&quot;&gt;z-index&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;999&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number22 index21 alt1&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number23 index22 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;#coolMenu ul li a {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number24 index23 alt1&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;width&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;80px&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number25 index24 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number26 index25 alt1&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;#coolMenu li:hover ul {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number27 index26 alt2&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;display&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;block&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number28 index27 alt1&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;I decided to float the whole menu to contain it but you can use overflow hidden or even set a fixed width for the same purpose.&lt;/li&gt;
&lt;li&gt;It is important to float the list elements rather than the links.&lt;/li&gt;
&lt;li&gt;The links should be displayed as blocks, otherwise, they won’t behave as expected.&lt;/li&gt;
&lt;li&gt;Absolute position the submenu and hide it to remove it from the regular flow and make it invisible. Also, set a high &lt;code&gt;z-index&lt;/code&gt; to prevent the submenu from showing behind other elements.&lt;/li&gt;
&lt;li&gt;Set a height for the link elements and the line-height equal to the 
height to center the text vertically. By specifying a fixed height 
instead of just using padding you avoid flickering problems with jQuery 
animations later on.&lt;/li&gt;
&lt;li&gt;Even though it’s not necessary to set a fixed width for the submenu 
items, it’s always a good practice. It allows you to style them more 
consistently later on.&lt;/li&gt;
&lt;li&gt;Notice that the hover state is set on the list element and not the link.&lt;/li&gt;
&lt;/ul&gt;
With all this set, the menu should be already working. Try opening it
 in your browser and hovering over the third option to show the sub 
menu.&lt;br /&gt;
&lt;img alt=&quot;Stage 2&quot; class=&quot;alignnone size-full wp-image-11554&quot; height=&quot;228&quot; src=&quot;http://net.onextrapixel.com/wp-content/uploads/2011/06/stage2.jpg&quot; title=&quot;Stage 2&quot; width=&quot;580&quot; /&gt;&lt;br /&gt;
&lt;h2&gt;

Improving Usability&lt;/h2&gt;
This step will cover how to style the menu with some basic CSS to make it more accessible.&lt;br /&gt;
&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter hightligher css&quot; id=&quot;highlighter_193477&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;code class=&quot;css comments&quot;&gt;&amp;nbsp;&amp;nbsp; /* Main menu&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;code class=&quot;css comments&quot;&gt;&amp;nbsp;&amp;nbsp; -------------------------*/&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
3&lt;code class=&quot;css plain&quot;&gt;&amp;nbsp;&amp;nbsp; #coolMenu {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
4&lt;code class=&quot;css keyword&quot;&gt;&amp;nbsp;&amp;nbsp; font-family&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css color1&quot;&gt;Arial&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
5&lt;code class=&quot;css spaces&quot;&gt;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt; &amp;nbsp; font-size&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;12px&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
6&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;background&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;#2f8be8&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
7 &amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;code class=&quot;css plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
8&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;code class=&quot;css plain&quot;&gt;#coolMenu &amp;gt; li &amp;gt; a {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
9&lt;code class=&quot;css keyword&quot;&gt;&amp;nbsp;&amp;nbsp; color&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;#fff&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
10&lt;code class=&quot;css keyword&quot;&gt;&amp;nbsp; font-weight&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;bold&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;; &lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
11&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;code class=&quot;css plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
12&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;code class=&quot;css plain&quot;&gt;#coolMenu &amp;gt; li:hover &amp;gt; a {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
13&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;code class=&quot;css spaces&quot;&gt;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt; background&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;#f09d28&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
14&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;code class=&quot;css spaces&quot;&gt;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;color&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;#000&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number15 index14 alt2&quot;&gt;
15&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;code class=&quot;css plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number16 index15 alt1&quot;&gt;
16&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;code class=&quot;css comments&quot;&gt;/* &lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number17 index16 alt2&quot;&gt;
17&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;code class=&quot;css comments&quot;&gt;Submenu&lt;/code&gt;&lt;code class=&quot;css comments&quot;&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number18 index17 alt1&quot;&gt;
18&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;code class=&quot;css comments&quot;&gt;------------------------------------------*/&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number19 index18 alt2&quot;&gt;
19&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;code class=&quot;css plain&quot;&gt;#coolMenu ul {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number20 index19 alt1&quot;&gt;
20 &amp;nbsp;&amp;nbsp; &lt;code class=&quot;css plain&quot;&gt;}&lt;/code&gt; &amp;nbsp; &lt;/div&gt;
&lt;div class=&quot;line number21 index20 alt2&quot;&gt;
21&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;code class=&quot;css plain&quot;&gt;#coolMenu ul li a {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number22 index21 alt1&quot;&gt;
22&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;code class=&quot;css plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number23 index22 alt2&quot;&gt;
23&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;code class=&quot;css plain&quot;&gt;#coolMenu ul li:hover a {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number24 index23 alt1&quot;&gt;
24&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;code class=&quot;css spaces&quot;&gt;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;background&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;#ffc97c&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number25 index24 alt2&quot;&gt;
25&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;code class=&quot;css plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;css comments&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;css comments&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp; &lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number15 index14 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number16 index15 alt1&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;line number17 index16 alt2&quot;&gt;
&lt;code class=&quot;css comments&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number18 index17 alt1&quot;&gt;
&lt;code class=&quot;css comments&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number19 index18 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number20 index19 alt1&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number21 index20 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number22 index21 alt1&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number23 index22 alt2&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number24 index23 alt1&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number25 index24 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number26 index25 alt1&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number27 index26 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
Keep in mind this is very basic, and is meant to be just an example. 
You can style this however you want. The important thing to remember 
here is, as I mentioned before that the hover states, are styled in the 
list items and not the links.&lt;br /&gt;
This is how the menu looks so far:&lt;br /&gt;
&lt;img alt=&quot;Stage 3&quot; class=&quot;alignnone size-full wp-image-11555&quot; height=&quot;228&quot; src=&quot;http://net.onextrapixel.com/wp-content/uploads/2011/06/stage3.jpg&quot; title=&quot;Stage 3&quot; width=&quot;580&quot; /&gt;&lt;br /&gt;
&lt;h2&gt;

Adding Animations&lt;/h2&gt;
This final step is not necessary but it’ll help you add animations to
 your menu with simple jQuery. The first thing you need to do, of 
course, is to call the latest jQuery plugin on your website:&lt;br /&gt;
&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter hightligher xml&quot; id=&quot;highlighter_261516&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;script&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;type&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;text/javascript&quot;&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;src&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;&lt;a href=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js&quot;&gt;http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js&lt;/a&gt;&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;script&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
Now, let’s add a &quot;noJS&quot; class to the submenu to be able to unhook the
 hover css state in jQuery. This will also ensure that the menu will 
still work when javascript is disabled.&lt;br /&gt;
&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter hightligher xml&quot; id=&quot;highlighter_899116&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
6&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
7&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
8&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;xml plain&quot;&gt;&amp;nbsp;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Periher&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;ul&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;class&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;noJS&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Hellenico&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Genere&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;href&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&quot;#&quot;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;Indulgentia&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
&lt;code class=&quot;xml spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;ul&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
&lt;code class=&quot;xml plain&quot;&gt;&amp;nbsp;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;li&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
You also need to add the class to the sub menu CSS hover state:&lt;br /&gt;
&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter hightligher css&quot; id=&quot;highlighter_720356&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;br /&gt;&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;1 &lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;#coolMenu li:hover ul.noJS {&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;2 &lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;display&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;: &lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;block&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;3 &lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;}&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;css spaces&quot;&gt; &lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
Now that everything is set let’s add some magic:&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter hightligher jscript&quot; id=&quot;highlighter_955898&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
6&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;jscript spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;jscript plain&quot;&gt;&amp;nbsp;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;text-align: center;&quot;&gt;
&lt;code class=&quot;jscript plain&quot;&gt;$(&lt;/code&gt;&lt;code class=&quot;jscript keyword&quot;&gt;function&lt;/code&gt;&lt;code class=&quot;jscript plain&quot;&gt;(){&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;jscript plain&quot;&gt;$(&lt;/code&gt;&lt;code class=&quot;jscript string&quot;&gt;&#39;#coolMenu&#39;&lt;/code&gt;&lt;code class=&quot;jscript plain&quot;&gt;).find(&lt;/code&gt;&lt;code class=&quot;jscript string&quot;&gt;&#39;&amp;gt; li&#39;&lt;/code&gt;&lt;code class=&quot;jscript plain&quot;&gt;).hover(&lt;/code&gt;&lt;code class=&quot;jscript keyword&quot;&gt;function&lt;/code&gt;&lt;code class=&quot;jscript plain&quot;&gt;(){&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
&lt;code class=&quot;jscript spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;jscript plain&quot;&gt;$(&lt;/code&gt;&lt;code class=&quot;jscript keyword&quot;&gt;this&lt;/code&gt;&lt;code class=&quot;jscript plain&quot;&gt;).find(&lt;/code&gt;&lt;code class=&quot;jscript string&quot;&gt;&#39;ul&#39;&lt;/code&gt;&lt;code class=&quot;jscript plain&quot;&gt;)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
&lt;code class=&quot;jscript spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;jscript plain&quot;&gt;.removeClass(&lt;/code&gt;&lt;code class=&quot;jscript string&quot;&gt;&#39;noJS&#39;&lt;/code&gt;&lt;code class=&quot;jscript plain&quot;&gt;)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
&lt;code class=&quot;jscript spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;jscript plain&quot;&gt;.stop(&lt;/code&gt;&lt;code class=&quot;jscript keyword&quot;&gt;true&lt;/code&gt;&lt;code class=&quot;jscript plain&quot;&gt;, &lt;/code&gt;&lt;code class=&quot;jscript keyword&quot;&gt;true&lt;/code&gt;&lt;code class=&quot;jscript plain&quot;&gt;).slideToggle(&lt;/code&gt;&lt;code class=&quot;jscript string&quot;&gt;&#39;fast&#39;&lt;/code&gt;&lt;code class=&quot;jscript plain&quot;&gt;);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
&lt;code class=&quot;jscript spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;jscript plain&quot;&gt;});&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
&lt;code class=&quot;jscript plain&quot;&gt;});&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
The code is pretty explanatory. The script finds the immediate children list items and adds a &lt;code&gt;hover&lt;/code&gt;
 function. Inside the function it removes the &quot;noJS&quot; class since we’re 
using JavaScript, and then it tells the menu to slide down on hover and 
to slide up on un-hover. This is achieved with the &lt;code&gt;slideToggle&lt;/code&gt; function. The &lt;code&gt;stop&lt;/code&gt; function prevents the animation from repeating itself if we hover multiple times.</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/5611857007700090523/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/06/how-to-create-horizontal-dropdown-menu.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/5611857007700090523'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/5611857007700090523'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/06/how-to-create-horizontal-dropdown-menu.html' title='How to Create a Horizontal Dropdown Menu with HTML, CSS and jQuery'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdhVL8LNn9iWiLLXMbDJ_ht_Je6SGtxxbThUaz3XfIuEPC1bhe0rfxqqs_Fbc7MD1FUyrMhpiqXHxZoWE3Td45FgX1BMXhIyg-lfoa_zXQkIxmWlS3GjA4zJY3PmWnJylKI2h4rgdJYWD0/s72-c/cool-css-logo-icon.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-7469305530465724883</id><published>2012-05-08T21:54:00.007-07:00</published><updated>2012-06-17T06:21:07.224-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Learn"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorials"/><category scheme="http://www.blogger.com/atom/ns#" term="Wordpress"/><title type='text'>How To Create A Blog With Wordpress</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrWjS0ZXh8urWzGpf_OLG8kq-K3IsPn0ExIH1PRWpl0HSz5LaHgn-BiUpKB1-9rvgFYmdzTupuUFyeIb4awV-po2S8cBQDTc5xS19-a6vRByEWkhiwto3i9FC8MR1gH2LO86Q1FdZi14/s1600/wp.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;242&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrWjS0ZXh8urWzGpf_OLG8kq-K3IsPn0ExIH1PRWpl0HSz5LaHgn-BiUpKB1-9rvgFYmdzTupuUFyeIb4awV-po2S8cBQDTc5xS19-a6vRByEWkhiwto3i9FC8MR1gH2LO86Q1FdZi14/s320/wp.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;Wordpress,
 a better way to blog. I have shared a tutorial to you How To Create a 
Blog With Blogger. And i have said to you that blogger is the best 
service to create a professional blog, even when there is another site 
service that can helped you how to create a blog, like wordpress.com. 
Wordpress
 is the biggest rival for blogger. Many professional web designer used 
wordpress as their platform, wordpress used PHP as their language. Not 
like blogger, if you want to install some widget on wordpress, you need a
 plugin. Some plugin are free but there&#39;s many plugin that you must pay 
for it. Its your choice if you want to create a blog with blogger or 
wordpress. Ok so now i will share a tutorial to you how to create a blog
 with wordpress.&lt;/div&gt;
&lt;h3 style=&quot;color: black; font-weight: normal; text-align: left;&quot;&gt;














&lt;b&gt;How To Create A Blog With Wordpress Service&lt;/b&gt;&lt;/h3&gt;
&lt;div style=&quot;color: black; font-weight: normal; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;b style=&quot;color: black;&quot;&gt;Step 1.&lt;/b&gt;&lt;b&gt;&lt;span style=&quot;color: black;&quot;&gt; &lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: black;&quot;&gt;Go to &lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;wordpress.com&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;b style=&quot;color: black;&quot;&gt;Step 2. &lt;/b&gt;&lt;span style=&quot;color: black;&quot;&gt;Click the &quot;Get Started Here&quot; button on the top left.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;b style=&quot;color: black;&quot;&gt;Step 3. &lt;/b&gt;&lt;span style=&quot;color: black;&quot;&gt;After that fill the form&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;ul style=&quot;color: black; text-align: left;&quot;&gt;
&lt;li&gt;Blog Adress :Insert your blog address that you wanted, if you want 
to used .wordpress.com domain its totally free but except .wordpress.com
 you must pay for that.&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;Username : Insert your username that you wanted for login&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;Password : Insert your password&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;Confirm : Re-type your password that have you entered before&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;E-mail address : Insert your email address&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;What your language : The language that displayed if you have login&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;Thinking about upgrading : Do you want to upgrade your wordpress account? If you want, you must pay US$99/year.&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: black;&quot;&gt;Step 4.&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: black;&quot;&gt; If you have fill the form, click the &quot;&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;Create Blog&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;&quot; button on the bottom&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: black;&quot;&gt;Step 5.&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: black;&quot;&gt; After that you must confirm your account, open email that have sent to you directly from &lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;wordpress&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: black;&quot;&gt;Step 6. &lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: black;&quot;&gt;And that&#39;s it, now you&#39;ve a wordpress account!!!&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;color: black;&quot;&gt;
Ok guys thanks for visit my blog, hope this article can helped you. &lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;How to create a blog with wordpress service&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/7469305530465724883/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/05/how-to-create-blog-with-wordpress.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/7469305530465724883'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/7469305530465724883'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/05/how-to-create-blog-with-wordpress.html' title='How To Create A Blog With Wordpress'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrWjS0ZXh8urWzGpf_OLG8kq-K3IsPn0ExIH1PRWpl0HSz5LaHgn-BiUpKB1-9rvgFYmdzTupuUFyeIb4awV-po2S8cBQDTc5xS19-a6vRByEWkhiwto3i9FC8MR1gH2LO86Q1FdZi14/s72-c/wp.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-5848292175685151357</id><published>2012-05-08T21:50:00.014-07:00</published><updated>2012-06-19T04:34:21.593-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Facebook"/><category scheme="http://www.blogger.com/atom/ns#" term="Gadget"/><category scheme="http://www.blogger.com/atom/ns#" term="Pligins"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorials"/><title type='text'>How To Create A Facebook LIke Box</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1D8VB_i1nVaCjLaL2WCh1TLkrVtSTiY1dHq0Ncm7lf3vNx5OuH4mZ81md5puwfyHO4sZm4nH9W9OFJ4gLN40noThKFZP1IFwWZVaoIGe4Rkg4RAd_F_6tIkumt1fSQa9uMnVCL0v8LKk/s1600/sdjkfgadjfd.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;240&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1D8VB_i1nVaCjLaL2WCh1TLkrVtSTiY1dHq0Ncm7lf3vNx5OuH4mZ81md5puwfyHO4sZm4nH9W9OFJ4gLN40noThKFZP1IFwWZVaoIGe4Rkg4RAd_F_6tIkumt1fSQa9uMnVCL0v8LKk/s320/sdjkfgadjfd.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;How To Create Facebook Like Box On Blogger. Until now, Facebook still be the first social media networking on the world. So if we optimize our facebook network
 (Fan page) we can earn more visitor to our site. But how to optimize our
 facebook network? I think put a like box on our site is a great way, 
more followers you have more visitor you get.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;
And now i will share a tutorial how to create facebook likebox on blogger&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;1.&amp;nbsp; go to the &lt;b&gt;facebook developers page&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;
2. And now fill the form&lt;b&gt; &lt;/b&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;Fill it with your facebook page url, if you doesnt have it you can create it first. Click here to create facebook page&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;The like box width&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;The like box height&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;The like box color&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;Do you want to show face of your page followers?&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;The likebox border color&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;Do you want to show the latest post of your site?&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;Show the &quot;find us on facebook&quot; text on the top of&lt;b&gt; &lt;/b&gt;like box &lt;/span&gt;&lt;/div&gt;
&lt;blockquote class=&quot;tr_bq&quot; style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/blockquote&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;
3. After fill the form now click the &#39;get code&#39; button&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;
4. After copy that code the html code to your site.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;&amp;nbsp;&lt;/span&gt;
&lt;br /&gt;
&lt;h3 style=&quot;color: black;&quot;&gt;

















&lt;span style=&quot;font-size: small;&quot;&gt;How To Add The HTML Code to Blogger &lt;/span&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;
1. Login to blogger&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;
2. Go to layout page&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;
3. Click add a gadget&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;
4. Choose HTML/Javascript&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;
5. And then paste the html code from facebook&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;6. Save it&lt;/span&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/5848292175685151357/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/05/how-to-create-facebook-like-box.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/5848292175685151357'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/5848292175685151357'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/05/how-to-create-facebook-like-box.html' title='How To Create A Facebook LIke Box'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1D8VB_i1nVaCjLaL2WCh1TLkrVtSTiY1dHq0Ncm7lf3vNx5OuH4mZ81md5puwfyHO4sZm4nH9W9OFJ4gLN40noThKFZP1IFwWZVaoIGe4Rkg4RAd_F_6tIkumt1fSQa9uMnVCL0v8LKk/s72-c/sdjkfgadjfd.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-5414460425058835619</id><published>2012-05-08T08:24:00.006-07:00</published><updated>2012-06-17T06:19:25.407-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Articles"/><category scheme="http://www.blogger.com/atom/ns#" term="Google"/><category scheme="http://www.blogger.com/atom/ns#" term="Learn"/><category scheme="http://www.blogger.com/atom/ns#" term="SEO"/><title type='text'>Google Penguine And Google Panda Panalty...</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKqE2qFXRjyzNqpynTPo0JUGBA6pVxi9b4WtnyyTrXi7LK-gt55dwjjAmYy8zGNUAb8oT71FImdg4HRVbfc1UY0W3fAebWzQ7MloOc9oTN9zAaL-L_V0vSYOyOdFEuNKm6LiupTcnc6GI/s1600/3.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;240&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKqE2qFXRjyzNqpynTPo0JUGBA6pVxi9b4WtnyyTrXi7LK-gt55dwjjAmYy8zGNUAb8oT71FImdg4HRVbfc1UY0W3fAebWzQ7MloOc9oTN9zAaL-L_V0vSYOyOdFEuNKm6LiupTcnc6GI/s320/3.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
As we all know, Google is a pioneer, and the world leader in internet 
search. It owns around 2/3rd (66%) of the shares in the industry at the 
time of this writing, making it bigger than any other internet company. 
It has been around for quite some time now, and has been updating its 
search functionality regularly. Since the past few years though, we have
 seen some radical changes in its search model. For example, it was only
 last year that the dreaded Panda update was unleashed onto the world! 
And these days, everyone is talking about the new Penguin update that 
rolled out just a few days back. Head of Google&#39;s web-spam team, Matt 
Cutts tweeted a picture of a stuffed penguin along with a stuffed panda.
 How cute :). Or is it?&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;a href=&quot;http://www.blogger.com/post-create.g?blogID=3142351080346669473&quot; name=&quot;more&quot;&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
Some people would agree. But many will say quite the contrary. These 
animals are supposed to give out a friendly image about the updates. 
They are monsters in disguise though! Many websites have been punished 
and penalized by these two. So what actually are they all about? And how
 do they effect websites?&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
&lt;h3&gt;








&amp;nbsp;So why are these updates needed?&lt;/h3&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
If this is about any one thing, it&#39;s about &lt;b&gt;&lt;span style=&quot;color: green;&quot;&gt;&lt;a href=&quot;http://www.mybloggertricks.com/2012/05/10-best-strategies-to-write-quality.html&quot; target=&quot;_blank&quot;&gt;Quality Content&lt;/a&gt; vs &lt;a href=&quot;http://www.mybloggertricks.com/2012/04/20-hot-seo-tactics-every-blogger-must.html&quot; target=&quot;_blank&quot;&gt;Search Engine Optimization&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;
 (SEO). The concept of SEO has evolved ever since search engines like 
Google have come along. SEO is good. It allows you to take your website 
ranking to a higher level. But that&#39;s precisely where the problem lies. 
You see, it provides a shortcut where you can skip writing quality 
content, and still be able to take the low quality content to a high 
ranking. In late 90s and early 2000s, when Google was still newborn, 
some webmasters started doing just that. They would spare themselves the
 trouble of writing good quality content, and would learn SEO tricks instead, which brought their poor quality content to the top.&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
Through he years, search engine optimizers kept at it. Google has been 
constantly improving its search module, but these people learned to duck
 and dodge everything Google had to throw at them. Fundamentally, this 
practice defeats the basic goal of Google, which is to provide good 
quality content to readers, instead of bogus websites that spam the web 
and gain the high ground in SERPs (Search Engine Results Pages). Hence, 
the need for an advanced screening mechanism which would let quality 
through but not spam content.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
Although Google has been implementing such a filter throughout the past 
few years, it only rolls out major algorithm updates once a year. Google
 Panda was just such an update last year. And may I say, it was the 
deadliest update yet. The major update for this year is the Google 
Penguin update, and it looks relatively less harmful than Panda, 
although it still has effected a lot of websites. So basically, these 
updates are aimed at promoting quality and filtering out spam.&lt;/div&gt;
&lt;h3 style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;









   Google Panda&lt;/h3&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
Google unleashed the Panda on Feb 24 2011. And immediately, it made its 
mark and hit so many blogs and websites that the entire ranking 
structure was shaken, with new websites coming at the top while some old
 established websites dipping down. According to Google, it was aimed at
 filtering &quot;thin or low quality content&quot;. Since its launch, Google have 
made changes to it 13 times as of 20th April 2012. And a total of 12% 
websites have been effected by this update.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: center;&quot;&gt;
&lt;img alt=&quot;Google panda&quot; border=&quot;0&quot; height=&quot;240&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzL4TBQV0crR9DU9LHRkez7Mk56eON2uFEhNk9DG8aCCGiymVs56Xu1AYGdaWwg9j73VZUM16sWfmLo63qhuZX-TdGHWs3bxJZ9q-Ogb68OxvS8grsG6oWfhRdGtI3R5YDmLlf6CFo7X25/s320/Google+panda.jpg&quot; title=&quot;Google panda&quot; width=&quot;320&quot; /&gt;&lt;/div&gt;
&lt;h3 style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;









   Google Penguin&lt;/h3&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
Google Penguin is another installment in Google&#39;s arsenal of weapons to 
be unloaded onto the online world. This was introduced on 24th April 
2012. Again, it aimed at discouraging / punishing spam websites. By far,
 it has effected about 3% of the websites. Prior to its release, Google 
said;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;In the next few days, we’re launching an important algorithm change 
targeted at web spam. The change will decrease rankings for sites that 
we believe are violating Google’s existing &lt;a href=&quot;http://support.google.com/webmasters/bin/answer.py?hl=en&amp;amp;answer=35769#3&quot;&gt;quality guidelines&lt;/a&gt;.
 We’ve always targeted web spam in our rankings, and this algorithm 
represents another improvement in our efforts to reduce webspam and 
promote high quality content. While we can’t divulge specific signals 
because we don’t want to give people a way to game our search results 
and worsen the experience for users, our advice for webmasters is to 
focus on &lt;a href=&quot;http://googlewebmastercentral.blogspot.com/2011/05/more-guidance-on-building-high-quality.html&quot;&gt;creating high quality sites&lt;/a&gt; that create a good user experience and employ white hat SEO methods instead of engaging in aggressive webspam tactics. &lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;blockquote class=&quot;tr_bq&quot; style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/blockquote&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: center;&quot;&gt;
&lt;img alt=&quot;Google Penguin&quot; border=&quot;0&quot; height=&quot;231&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3-eLXYrD2dBiqggFX8CWFHjP0g5a2LfViK-N6HDfuGECmeG0Or-Uo7L6jBNRTzZB2eXMGoSpanFWy4RI3bH2qF4JaMFf3lr4d5tYVN_Afr1JHstOs9PiJ8uYNz8vcaHVRhfFvU7yb6pm2/s320/Google+Penguin.jpg&quot; title=&quot;Google Penguin&quot; width=&quot;320&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;









   Panda and Penguin penalty&lt;/h3&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
Once again, these updates are aimed at punishing spam websites, although
 there could be a lot more reasons for the updates to hit your site. 
Sites that are hit have seen a demotion in their Google PageRank, and 
their traffic has dipped, while sites that have benefited from this 
update have seen a soar in their traffic. The saying &quot;One man&#39;s gain is 
another man&#39;s loss&quot; never seemed more appropriate.&lt;/div&gt;
&lt;h3 style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;









   Why have you been effected ?&lt;/h3&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
There can be many reasons why you got hit. But the exact factors are 
known only to Google insiders. Google doesn&#39;t disclose this information,
 because if they do, search engine optimizers would grab on to those 
points and cheat Google once again. So Google does not give out the 
precise details, thank you very much. Here are, however, some probable 
causes as to why you took a hit.&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: justify;&quot;&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Over optimization&lt;/b&gt; - This is very important. People who don&#39;t 
have quality content over optimize their websites. So you should do what
 is necessary, and no more!&amp;nbsp; &lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;High keyword density&lt;/b&gt; - This is like calling out loud to 
search engines; &quot;check me! check me! I have the most keywords!&quot;. And 
they don&#39;t like it when you call them. Using excessive keywords is also a
 form of spamming, since you are seeking for search engines&#39; attention. 
In the past, pages were ranked according to the number of keywords they 
had. Not anymore though. Always keep that in mind.&amp;nbsp; &lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Virus and malware&lt;/b&gt; - People simply hate it when they land on a
 website infected with a virus. And so does Google. Having a virus on 
your site, or even having too many spam or bot scripts can trigger the 
alarm bells for Google. Please review your website regularly from now 
on.&amp;nbsp; &lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Lack of user experience&lt;/b&gt; - Now this is very crucial, and 
Google has been stressing on this a lot lately. Pleasing the search 
engine is one thing. Pleasing the visitors is another. Even with 
adequate SEO, a website that lacks a good user experience might have 
been hit by Google.&amp;nbsp; &lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Duplicate / copied content&lt;/b&gt; - Yeah you think you are making 
things easier for yourself when copying content, but actually, you 
aren&#39;t. In fact, quite the contrary, you are axing your own feet. Google
 hates it when it finds duplicate content on your website. Never copy 
from another source, and never use redundant content. &lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;High Bounce Rate&lt;/b&gt; - Make sure to reduce the number of banners 
and other heavy graphics as much as possible to make sure your site 
loads faster. Slow loading blogs are hated by visitors and so by Google.
 Do not reduce the size of the page so much that it may begin looking 
dull and grey. Be creative yet smart!&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
These were some of the tips we had for you. This is the first post in a 
series that looks into these updates from Google in more detail. We will
 discuss reasons for failure (in more detail), how to avoid them, and 
best practices. We also hope to prepare you for the next major Google 
update. So stay tuned, and give us your feedback in the comment section 
below.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/5414460425058835619/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/05/google-penguine-and-google-panda.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/5414460425058835619'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/5414460425058835619'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/05/google-penguine-and-google-panda.html' title='Google Penguine And Google Panda Panalty...'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKqE2qFXRjyzNqpynTPo0JUGBA6pVxi9b4WtnyyTrXi7LK-gt55dwjjAmYy8zGNUAb8oT71FImdg4HRVbfc1UY0W3fAebWzQ7MloOc9oTN9zAaL-L_V0vSYOyOdFEuNKm6LiupTcnc6GI/s72-c/3.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-4642971019088011217</id><published>2012-05-06T07:32:00.009-07:00</published><updated>2012-05-29T17:31:54.380-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Articles"/><category scheme="http://www.blogger.com/atom/ns#" term="Learn"/><category scheme="http://www.blogger.com/atom/ns#" term="SEO"/><title type='text'>Why SEO Experts Use Reserve Proxy Servers?</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjPKTFZQX_qmsM9fff6W12v1ihW5MhWjiGkxic2yw-s6gEnZh0T94m6xZQ76aSlMXdN9zzMw0AQWYjGT60lP8wEEjcVGPeFcz54Gb0eIhIfnbLa5AFlQJL60DX5lOsnjmyk0pis-pq-ZI/s1600/fgdfga.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;240&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjPKTFZQX_qmsM9fff6W12v1ihW5MhWjiGkxic2yw-s6gEnZh0T94m6xZQ76aSlMXdN9zzMw0AQWYjGT60lP8wEEjcVGPeFcz54Gb0eIhIfnbLa5AFlQJL60DX5lOsnjmyk0pis-pq-ZI/s320/fgdfga.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;color: #333333; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: center;&quot;&gt;

&lt;/div&gt;
&lt;div style=&quot;color: #333333; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
In digital networking system, a common term reserve proxy is used. It is a kind of server that is called the proxy server. That server gets back the possessions on demand of the customers from numerous servers connected. I also host my coupon site on these servers, where you will find havahart wireless promotion and Oakley Signs promo code on my site. These possessions are then revisited to the customers because these were released from the server of the customers. There is another kind of proxy server that is called forward proxy. The forward proxy is the link between the main server and client’s server. The reserve proxy server is used for the best SEO practices. The SEO experts always try to use the services that produce benefits for them. Because of this reason the value and demand of reserve proxy servers is increasing in online media.&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;styled_bullet&quot; style=&quot;color: #333333; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 20px; font-weight: bold; line-height: 25px; margin-bottom: 2px; margin-left: 5px; margin-top: 2px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
&lt;b&gt;What Are the Functions of Reserve Proxy ?&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 14px; font-weight: normal; line-height: 19px; padding: 0px 0px 15px;&quot;&gt;
To understand the reasons the people should find the functions of these servers. The SEO experts look for the best solutions that are capable to reduce the workload by using different options. The functions of the reserve proxy should be searched in order to understand its importance and significance. Nowadays, SEO experts are looking forward to employ such methods and techniques that are helpful to promote the purposes as soon as possible. Companies and websites holders have no time to wait to see the performance of slow processing servers and hosting services. The reserve proxy offers the users to get many benefits in one packet that’s why it is preferred by most of the SEO experts.&lt;br /&gt;
&amp;nbsp;&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style=&quot;font-weight: normal;&quot;&gt;



&lt;b&gt;Reserve Proxy Load Management Facilities :&lt;/b&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 14px; font-weight: normal; line-height: 19px; padding: 0px 0px 15px;&quot;&gt;
The reserve proxy is well known for the reduction of loads and pressures. The SEO experts like the reserve proxy because of work load reducing features. However, these servers reduce the loads up to certain limits. The users can increase the limits by contacting the main server or hosting service providers. The reserve proxy is also popular for the load balancing. When the load on any online media becomes out of control the reserve proxy can check it. It equalizes the load to enable the online media for good performance.&lt;/div&gt;
&lt;div class=&quot;styled_bullet&quot; style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; margin-bottom: 2px; margin-left: 5px; margin-top: 2px; padding: 0px 0px 15px;&quot;&gt;
&lt;h3&gt;



&lt;b&gt;Why Reserve Proxy Is Used ?&lt;/b&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 14px; font-weight: normal; line-height: 19px; padding: 0px 0px 15px;&quot;&gt;
The reverse-proxy is a main server that is efficient to be used as a conciliator by the online users who are looking forward to send the access requests to the websites indirectly. These websites are main targets of these users so they use to send request to access that sites by using the reserve proxy. The reserve proxy strengthens the internal network by providing protection from the foreign invaders or attackers.&lt;/div&gt;
&lt;div class=&quot;styled_bullet&quot; style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; margin-bottom: 2px; margin-left: 5px; margin-top: 2px; padding: 0px 0px 15px;&quot;&gt;
&lt;h3&gt;



&lt;b&gt;Reserve proxy as a server accelerator:&lt;/b&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 14px; font-weight: normal; line-height: 19px; padding: 0px 0px 15px;&quot;&gt;
Because of load balancing, load management, administration and processing the reserve proxy is being popular among the SEO experts. These are some of the most important and popular factors and services that are required by the SEO experts in order to make the websites and blogs in better working condition. I also accelerated my coupon site where I offer&amp;nbsp;Oakley Signs promo code&amp;nbsp;and&amp;nbsp;havahart wireless promotion&amp;nbsp;with encryption, icon caching and compressing are some other features that make the reserve proxy more attractive and useful for the SEO experts working in the online sectors.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/4642971019088011217/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/05/why-seo-experts-use-reserve-proxy.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/4642971019088011217'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/4642971019088011217'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/05/why-seo-experts-use-reserve-proxy.html' title='Why SEO Experts Use Reserve Proxy Servers?'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjPKTFZQX_qmsM9fff6W12v1ihW5MhWjiGkxic2yw-s6gEnZh0T94m6xZQ76aSlMXdN9zzMw0AQWYjGT60lP8wEEjcVGPeFcz54Gb0eIhIfnbLa5AFlQJL60DX5lOsnjmyk0pis-pq-ZI/s72-c/fgdfga.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-2510118190210418262</id><published>2012-05-06T01:20:00.015-07:00</published><updated>2012-06-17T06:18:43.671-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Articles"/><category scheme="http://www.blogger.com/atom/ns#" term="Learn"/><category scheme="http://www.blogger.com/atom/ns#" term="Wordpress"/><title type='text'>Expression Engine vs WordPress – Two Awesome CMS Compared</title><content type='html'>&lt;div class=&quot;wp-caption aligncenter&quot; id=&quot;attachment_1647&quot; style=&quot;color: #333333; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 14px; line-height: 19px; margin: 0px auto 10px; text-align: justify; width: 610px;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;color: #333333; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;center style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;

&lt;div dir=&quot;ltr&quot; style=&quot;color: #333333; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5nRarj6C3nG3DPu1tZogsC7Po2a9ZQeutTqw6KTSB9SNX0_W7F7IChue8pYGphRfz_Nvho5nmaOwwyX64J3O9hqGFbUEOdDHvp8aKz61aCsjAgmfOga95AOwXhfRutveUpP7NeWoVr-Y/s1600/fdsdgd.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;196&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5nRarj6C3nG3DPu1tZogsC7Po2a9ZQeutTqw6KTSB9SNX0_W7F7IChue8pYGphRfz_Nvho5nmaOwwyX64J3O9hqGFbUEOdDHvp8aKz61aCsjAgmfOga95AOwXhfRutveUpP7NeWoVr-Y/s320/fdsdgd.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;Developers should select a platform that precisely meets their requirements, and at the same time fits their skills in order to obtain good end-results. Both WordPress and Expression engine are proved to be well-designed platforms with merits and demerits of their own.&lt;/div&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;color: #333333; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
We are presenting a comparative analysis of Expression engine vs WordPress in the following sections, by putting ourselves into the shoes of a regular user.&lt;/div&gt;
&lt;div class=&quot;note&quot; dir=&quot;ltr&quot; style=&quot;color: #333333; font-size: 20px; font-weight: bold; line-height: 25px; margin-left: 5px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
&lt;span style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;text-align: left;&quot;&gt;Comparing Noteworthy Features&lt;/span&gt;&lt;/div&gt;
&lt;/center&gt;&lt;center style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; text-align: left;&quot;&gt;&lt;span style=&quot;color: #333333; font-size: 14px; line-height: 19px; text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/center&gt;&lt;center style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;color: #333333; font-size: 14px; line-height: 19px; text-align: justify;&quot;&gt;We will begin by evaluating the standard noteworthy features that can be seen in each of these platforms.&lt;/span&gt;&lt;/div&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;color: #333333; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
&lt;h3&gt;






&lt;b&gt;WordPress Features&lt;/b&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;ul style=&quot;color: #333333; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;div dir=&quot;ltr&quot; style=&quot;font-size: 13.5px; line-height: 19.3px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
It is one of the most preferred Content Management Systems because of its simplicity. Suppose if it doesn’t come integrated with the Web Hosting, you can easily install it using scripts like Fantastico or manual setup which shouldn’t take more than 5-10 minutes.&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;div dir=&quot;ltr&quot; style=&quot;font-size: 13.5px; line-height: 19.3px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
It comes with absolutely free licensing fees.&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;div dir=&quot;ltr&quot; style=&quot;font-size: 13.5px; line-height: 19.3px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
It can be used to handle multiple websites, but it is not recommended for a beginner PHP user. Self-Hosted WordPress blog provides maximum resource for the bloggers. So, choosing the best WordPress Hosting solutions is one of the main duty of the webmaster.&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;div dir=&quot;ltr&quot; style=&quot;font-size: 13.5px; line-height: 19.3px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
It costs nothing to include additional add-ons.&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;div dir=&quot;ltr&quot; style=&quot;font-size: 13.5px; line-height: 19.3px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
It offers excellent usability. It just involves drag and drop kind of functionality, and its consistency is within menus. It has the potential to navigate within submenus.&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;div dir=&quot;ltr&quot; style=&quot;font-size: 13.5px; line-height: 19.3px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
User management with advanced role assignment and several other permissions won’t be provided with the normal WordPress set-up, but it can be easily included as an additional plug-in named&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;float: left;&quot;&gt;
&lt;u&gt;&lt;br /&gt;&lt;/u&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;div dir=&quot;ltr&quot; style=&quot;font-size: 13.5px; line-height: 19.3px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
It offers exceptional documentation functionality for all basic needs, whereas documentation for some advanced functionalities is quite hard to locate.&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 style=&quot;text-align: left;&quot;&gt;
















&lt;b&gt;Expression Engine Features&lt;/b&gt;&lt;/h3&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;color: #333333; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;ul style=&quot;color: #333333; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;div dir=&quot;ltr&quot; style=&quot;font-size: 13.5px; line-height: 19.3px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
It comes with a starting licensing fee that ranges from $99 to $299.&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;div dir=&quot;ltr&quot; style=&quot;font-size: 13.5px; line-height: 19.3px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
Even with the help of this platform, one can easily manage with matching CMS, but you may have to spend another $80 to $200 to do this.&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;div dir=&quot;ltr&quot; style=&quot;font-size: 13.5px; line-height: 19.3px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
It fails to provide easy navigation between posts.&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;div dir=&quot;ltr&quot; style=&quot;font-size: 13.5px; line-height: 19.3px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
Add-ons are very expensive, and an EE add-on would cost $40.&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;div dir=&quot;ltr&quot; style=&quot;font-size: 13.5px; line-height: 19.3px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
It is not capable of providing fine-tuned settings to its users.&lt;/div&gt;
&lt;/li&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;div dir=&quot;ltr&quot; style=&quot;font-size: 13.5px; line-height: 19.3px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
Even the records written by Expression engine fail to work efficiently.&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;note&quot; dir=&quot;ltr&quot; style=&quot;color: #333333; font-size: 20px; font-weight: bold; line-height: 25px; margin-left: 5px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
Ease of Managing Content&lt;/div&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;color: #333333; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
&lt;h3&gt;






&lt;b&gt;WordPress&lt;/b&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;color: #333333; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
The biggest difference between Expression engine and WordPress is in the method in which the content is managed. As we all know, in WordPress you can create a fresh post. The new post that is created will have a section for adding content, and certain custom fields, which are usually determined either by the developer who has created the basic template’s structure.&lt;/div&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;color: #333333; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
As a result, when you make a new post using WordPress, the content will be presented in many different ways based on the category selected, and whether the category is a parent or sub-category. The items selected by the user decide how the final content will be presented. In this way, WordPress roots as a basic blogging platform.&lt;/div&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;color: #333333; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
&lt;h3&gt;






&lt;b&gt;Expression Engine&lt;/b&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;color: #333333; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
On the other hand, Expression engine manages content somewhat differently. In this case, the user labels channels, and then each channel can be regarded as a discrete blog. For every channel, you are allowed to define categories, custom fields, and behaviors.&lt;/div&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;color: #333333; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
All channels will be concealed from the regular user in the administration section of the website. Typically, the user will be having access only to publish and edit parts of the website and probably certain modules.&lt;/div&gt;
&lt;div class=&quot;note&quot; dir=&quot;ltr&quot; style=&quot;color: #333333; font-size: 20px; font-weight: bold; line-height: 25px; margin-left: 5px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
Conclusion&lt;/div&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;color: #333333; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
On the whole, it could be concluded that from user perspective, WordPress would be an ideal choice for beginners due to its excellent usability and documentation functionalities and of course its Free. But avid webmasters may not have to worry about this aspect, and they may consider using Expression engine for adding uniqueness to their blogs/websites!&lt;/div&gt;
&lt;/center&gt;&lt;br /&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/2510118190210418262/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/05/expressionengine-vs-wordpress-two.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/2510118190210418262'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/2510118190210418262'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/05/expressionengine-vs-wordpress-two.html' title='Expression Engine vs WordPress – Two Awesome CMS Compared'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5nRarj6C3nG3DPu1tZogsC7Po2a9ZQeutTqw6KTSB9SNX0_W7F7IChue8pYGphRfz_Nvho5nmaOwwyX64J3O9hqGFbUEOdDHvp8aKz61aCsjAgmfOga95AOwXhfRutveUpP7NeWoVr-Y/s72-c/fdsdgd.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-8970304395409941768</id><published>2012-05-06T01:07:00.010-07:00</published><updated>2012-06-13T19:15:47.613-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Articles"/><category scheme="http://www.blogger.com/atom/ns#" term="Google"/><category scheme="http://www.blogger.com/atom/ns#" term="Learn"/><title type='text'>Google Drive “the long awaited rumor” is Now Live.</title><content type='html'>&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKb_0MBlqwyPNkK73qrfCrmq1Yp7pEO-hOjAru0AXDzGwlbBTmF0tFVVXVo0pcq_Xl5y6dfDMmvn5rLSiu4-gADrs62Tb-OE8mhwmLFe5zXWmCzRyuZl1sojHQ6MiAWD0J1i02RO-_DWs/s1600/sdfasdfd.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKb_0MBlqwyPNkK73qrfCrmq1Yp7pEO-hOjAru0AXDzGwlbBTmF0tFVVXVo0pcq_Xl5y6dfDMmvn5rLSiu4-gADrs62Tb-OE8mhwmLFe5zXWmCzRyuZl1sojHQ6MiAWD0J1i02RO-_DWs/s320/sdfasdfd.jpg&quot; width=&quot;313&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;color: #333333; font-size: 14px; line-height: 19px; text-align: justify;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #333333; font-size: 14px; line-height: 19px; text-align: justify;&quot;&gt;Google finally made Google Drive official, After years of rumors and over hyped features circulating internet boards.. Google finally made it all happen.&lt;/span&gt;





&lt;/div&gt;
&lt;div style=&quot;color: #333333; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
Earlier this day, Google mistakenly (&lt;i&gt;I highly doubt that&lt;/i&gt;) leaked the Google Drive details on it French Blog.. Which didn’t stay long but as you expected Blog viewers copied it as soon as it was posted and it was all over the internet within seconds.. Probably this forced Google to officially announce the product today itself.&lt;/div&gt;
&lt;div style=&quot;color: #333333; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 14px; line-height: 19px; padding: 0px 0px 15px; text-align: justify;&quot;&gt;
Google drive gives you another reason to throw your stuff on/in the cloud. The service comes with a 5GB free storage to all users and the paid storage plans are as follows:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;ul style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; margin: 0px; padding: 0px 0px 15px;&quot;&gt;
&lt;li style=&quot;list-style-type: square; margin: 0px 0px 0px 30px; padding: 0px;&quot;&gt;25GB of space for $2.49 a month.&amp;nbsp; &lt;/li&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;100GB for $4.99 a month.&lt;/li&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;1TB for $49.99 a month.&lt;/li&gt;
&lt;li style=&quot;list-style-type: square; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Also upgrading to a paid account will expand your Gmail storage to 25GB.&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; padding: 0px 0px 15px;&quot;&gt;
Google Docs is hard coded into Google Drive with functionality in Google Drive that will allow users to work with others in real-time, and includes the ability to share content with others, add and reply to comments, and receive notifications for new comments on documents or files.&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; padding: 0px 0px 15px;&quot;&gt;
Searching for files in Google Drive is simple (&lt;i&gt;ought to! Guess what Google was actually made for?&lt;/i&gt;) by entering the keyword you can search for files in the Drive also you can set filters. Another interesting feature is the ability to read text from Scanned docs.&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; padding: 0px 0px 15px;&quot;&gt;
Users can attach photos to Drive to posts in Google+, and will soon be able to attach files from Drive directly to emails in Gmail. Google also says that Drive is an open platform, and that it is working with third-party developers to allow users to “send faxes, edit videos, and create website mockups directly from Drive.”&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; padding: 0px 0px 15px;&quot;&gt;
Google Drive is now available on the following platforms : PC, Mac, Android. iPhones and iPads will be compatible soon.&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; padding: 0px 0px 15px;&quot;&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; padding: 0px 0px 15px;&quot;&gt;
Although if you are still in the dilemma of moving out of Dropbox for Google Drive just because it offers 3GB extra space, Then you should check this out.&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; padding: 0px 0px 15px;&quot;&gt;
Google Drive is expected to give a tough competition to Dropbox and Apple iCloud mainly because of these reasons, Google Drive is offering more Free storage than Dropbox and that Google Drive is not a platform exclusive service unlike Apple iCloud which is only for iOS users.&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; padding: 0px 0px 15px;&quot;&gt;
&lt;b&gt;Enjoy Google Drive here :&lt;/b&gt;&amp;nbsp;&lt;a href=&quot;https://drive.google.com/start?authuser=0#home&quot; style=&quot;color: #0094d2; text-decoration: none;&quot; target=&quot;_blank&quot; title=&quot;Google Drive&quot;&gt;Google Drive&lt;/a&gt;.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/8970304395409941768/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/05/google-drive-long-awaited-rumor-is-now.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/8970304395409941768'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/8970304395409941768'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/05/google-drive-long-awaited-rumor-is-now.html' title='Google Drive “the long awaited rumor” is Now Live.'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKb_0MBlqwyPNkK73qrfCrmq1Yp7pEO-hOjAru0AXDzGwlbBTmF0tFVVXVo0pcq_Xl5y6dfDMmvn5rLSiu4-gADrs62Tb-OE8mhwmLFe5zXWmCzRyuZl1sojHQ6MiAWD0J1i02RO-_DWs/s72-c/sdfasdfd.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-4608143465442034313</id><published>2012-05-04T20:12:00.011-07:00</published><updated>2012-06-07T08:13:27.981-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Adsense"/><category scheme="http://www.blogger.com/atom/ns#" term="Articles"/><category scheme="http://www.blogger.com/atom/ns#" term="Google"/><category scheme="http://www.blogger.com/atom/ns#" term="Learn"/><title type='text'>Earn Money By Using Google Affiliate</title><content type='html'>&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-weight: normal;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW5OPVOzx06xaDnFTnH54rQppIz7lfhWPH-GJQDXyDpjU9zRqKUUVILJ5Nkie1dygFkMeXrAdy4oxk53G_gcGD-GQtpqs8AcZ07Nd6CGaTHXael7fVzwSjTinXgO25CJtZD8-qbCvWnZQ/s1600/Untitled-1+copy.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;240&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW5OPVOzx06xaDnFTnH54rQppIz7lfhWPH-GJQDXyDpjU9zRqKUUVILJ5Nkie1dygFkMeXrAdy4oxk53G_gcGD-GQtpqs8AcZ07Nd6CGaTHXael7fVzwSjTinXgO25CJtZD8-qbCvWnZQ/s320/Untitled-1+copy.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;border-width: 0px; color: #3d85c6; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;http://www.blogger.com/&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #d94e00; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;&quot; target=&quot;_blank&quot;&gt;Blogger&amp;nbsp;&lt;/a&gt;&lt;/span&gt;&lt;span style=&quot;border-width: 0px; color: #333333; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;is one of the most popular publishing platforms available for anyone who wants to voice their thoughts and opinions on the internet. You can also use blogs to earn money online. If you are a Blogger users, then here is a brand new opportunity for you to earn some extra cash right from your Blogger blog! Google has very recently announced another monetization option for Blogger blogs, i.e. the brand new Affiliate Ads!&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;border-width: 0px; color: #333333; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;The&lt;/span&gt;&lt;span style=&quot;border-width: 0px; color: #6fa8dc; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;&lt;a href=&quot;http://www.google.com/ads/affiliatenetwork/&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #d94e00; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;border-width: 0px; color: #6fa8dc; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Google Affiliate Ads&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style=&quot;border-width: 0px; color: #333333; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;is a new Affiliate Marketing concept by Google, and a positive initiative towards&amp;nbsp;benefiting&amp;nbsp;publishers who are passionate about certain brands or products. Google says, &quot;We believe your recommendation (about products and services) is valuable, and want you to benefit from it&quot;. Therefore, here is your chance to try out your hands at this latest Affiliate Marketing tool!&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;border-width: 0px; color: #333333; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;border-width: 0px; color: #333333; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-weight: normal;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-weight: normal;&quot;&gt;
&lt;h3&gt;
&lt;span style=&quot;border-width: 0px; color: red; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;What Is&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;border-width: 0px; color: #333333; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Affiliate Marketing ?&lt;/span&gt;&lt;span style=&quot;border-width: 0px; color: #333333; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;border-width: 0px; color: #333333; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;border-width: 0px; color: #333333; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;In the most simplest terms, Affiliate Marketing refers to the promotion of services or products through customers. It works like this: I buy a certain product, and then recommend it to you. Then you buy that product too through my &#39;referral&#39;. In that case, the product&#39;s company will pay me, an &#39;affiliate&#39;, a certain amount of your purchase, as a &#39;commission&#39;. If you refer other people, then you will get the commission, and so on.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; color: #333333; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center; vertical-align: baseline;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZ0X4MxLnzjQzxMczaCZeENr1YpdEGCOXTXmt2OG3Txf1tSzxbzoGztUzCmG87s_FdY0MfoJJeALWPjfRi1sCZrthUlI4cv4Gd1IX9SXLHZUvJbhfNBkVanuXe4CQxgGFEfSTfW4WF-yd/s1600/Affiliate+Marketing.png&quot; imageanchor=&quot;1&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #289728; margin-bottom: 0px; margin-left: 1em; margin-right: 1em; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;&quot;&gt;&lt;img alt=&quot;Affiliate Marketing&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZ0X4MxLnzjQzxMczaCZeENr1YpdEGCOXTXmt2OG3Txf1tSzxbzoGztUzCmG87s_FdY0MfoJJeALWPjfRi1sCZrthUlI4cv4Gd1IX9SXLHZUvJbhfNBkVanuXe4CQxgGFEfSTfW4WF-yd/s1600/Affiliate+Marketing.png&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-color: rgb(227, 227, 227); border-left-width: 0px; border-right-color: rgb(227, 227, 227); border-right-width: 0px; border-style: initial; border-top-color: rgb(227, 227, 227); border-top-style: solid; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-width: 100%; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; vertical-align: baseline;&quot; title=&quot;Affiliate Marketing&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style=&quot;border-width: 0px; color: #333333; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Most popular affiliate ad marketing companies include BuySellAds, ClickBank, Amazon etc. In fact, most of the companies nowadays are offering affiliate programs to anyone willing to join. It&#39;s high time that Google do the same. This was a much awaited feature among bloggers.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 24px; font-weight: normal; line-height: 24px; margin: 0px; outline-width: 0px; padding: 10px 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
About Google&lt;span style=&quot;border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;Affiliate Ads&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;border-width: 0px; color: red; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;This great new feature has been introduced in the form of a widget, which you can easily add to your blog posts to earn money. Whenever you write a new post about a product or service from a featured advertiser, this Google Affiliate Ad widget will help you display an affiliate ad on your post. You can choose a relevant ad from the widget. This ad can be a text-link ad, an image or a fully&amp;nbsp;fledged&amp;nbsp;banner.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;border-width: 0px; clear: both; color: #333333; line-height: 19px; outline-width: 0px; padding: 0px; text-align: center; vertical-align: baseline;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirjkPZ2ilEyeQZsbaiD2gxHcGgU52aPaRMYWGZWYA_vXrNg2d3BMjTOfR8W-lQry_Z1eWDMit-mXfm08wnhARNfkH9Nww9IJeI0rdjjeZ9-b9_sPWC-hAlD1eysVSEY9_59OF0jUUK-xnv/s1600/Google+Affiliate+Ads.png&quot; imageanchor=&quot;1&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #289728; margin-bottom: 0px; margin-left: 1em; margin-right: 1em; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;&quot;&gt;&lt;img alt=&quot;Google Affiliate Ads&quot; border=&quot;0&quot; height=&quot;160&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirjkPZ2ilEyeQZsbaiD2gxHcGgU52aPaRMYWGZWYA_vXrNg2d3BMjTOfR8W-lQry_Z1eWDMit-mXfm08wnhARNfkH9Nww9IJeI0rdjjeZ9-b9_sPWC-hAlD1eysVSEY9_59OF0jUUK-xnv/s320/Google+Affiliate+Ads.png&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-color: rgb(227, 227, 227); border-left-width: 0px; border-right-color: rgb(227, 227, 227); border-right-width: 0px; border-style: initial; border-top-color: rgb(227, 227, 227); border-top-style: solid; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-width: 100%; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; vertical-align: baseline;&quot; title=&quot;Google Affiliate Ads&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;This feature is different from the pay-per-click model for AdSense Ads. Since Affiliate Marketing is all about the performance of the affiliates, this scheme pays on a par-per-action basis. Thus, you get a greater commission for a larger number of referrals that you make.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;border-width: 0px; color: red; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #de4a0b; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 24px; font-weight: normal; line-height: 24px; margin: 0px; outline-width: 0px; padding: 10px 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;border-width: 0px; color: red; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;span style=&quot;border-width: 0px; color: red; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;Get&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;Started&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;div style=&quot;border-width: 0px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;border-width: 0px; color: #333333; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;border-width: 0px; color: #333333; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Before getting started, you need to make sure that you have an AdSense account. If you don&#39;t have one,&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.google.com/adsense&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #d94e00; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;border-width: 0px; color: #6fa8dc; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Google AdSense&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;border-width: 0px; color: #333333; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;. You do not need to set up AdSense Ads for this program. Just sign in using your AdSense account.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
Once signed up, go over to your blogger homepage, and click on the&amp;nbsp;&lt;span style=&quot;border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;i style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Earnings&amp;nbsp;&lt;/i&gt;&lt;/span&gt;tab. There, you will find an option&amp;nbsp;&lt;span style=&quot;border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;i style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Get Started&lt;/i&gt;&lt;/span&gt;. You will be guided through the rest of the process. It&#39;s that simple really! Browse through available ad categories to pick an ad for your blog.&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
Here is a preview of the Google Affiliate Ads&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;border-width: 0px; color: #333333; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;border-width: 0px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;border-width: 0px; clear: both; color: #333333; line-height: 19px; outline-width: 0px; padding: 0px; text-align: center; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: black; font-size: 24px; font-weight: normal; margin: 0px; outline-width: 0px; padding: 10px 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Limit&lt;/span&gt;&lt;span style=&quot;background-color: white; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;ation&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;border-width: 0px; clear: both; color: #333333; line-height: 19px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
Since Google Affiliate Ads is a brand new program, it is still in its initial stages. Currently, the number of ad categories is limited. So if you don&#39;t see the select ad option, the maybe it&#39;s because your blog content does not match the ad categories. Google is working on expanding their reaches, so be patient please!&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
Secondly, this service is currently limited to the U.S. People outside of U.S. can&#39;t use this feature as yet. But then again, it&#39;s fresh feature, and will take time to mature. We are expecting Google to extend this limit to more countries in the near future.&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
If this feature is not available to you, don&#39;t worry. It will be made available very soon. We will notify you of any updates that Google makes.&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: black; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;div style=&quot;border-width: 0px; font-size: 24px; font-weight: normal; margin: 0px; outline-width: 0px; padding: 10px 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Concl&lt;/span&gt;&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;usion&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;border-width: 0px; color: #333333; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Overall, we think that this is a great new initiative by Google that not only allows people to earn more money through Blogger, but also allows them to connect with their audience by selling products, as affiliate marketing is all about connecting with people and performance-based marketing. Do let us know about what you think about this exciting new feature. And for those who have this advertising option available, good luck with it For others, stay tuned. &lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/4608143465442034313/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/05/earn-money-by-using-google-affiliate.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/4608143465442034313'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/4608143465442034313'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/05/earn-money-by-using-google-affiliate.html' title='Earn Money By Using Google Affiliate'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW5OPVOzx06xaDnFTnH54rQppIz7lfhWPH-GJQDXyDpjU9zRqKUUVILJ5Nkie1dygFkMeXrAdy4oxk53G_gcGD-GQtpqs8AcZ07Nd6CGaTHXael7fVzwSjTinXgO25CJtZD8-qbCvWnZQ/s72-c/Untitled-1+copy.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-70222802068291609</id><published>2012-04-29T18:47:00.009-07:00</published><updated>2012-06-15T18:20:16.953-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Free Domain Names"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorials"/><title type='text'>By A Custom Domain</title><content type='html'>&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: center; vertical-align: baseline;&quot;&gt;
&lt;img src=&quot;https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcShjqbQakkrfgtwT_6ofUDcnyLsdY_BUDMyStfg-tyfwCEawu0&quot; style=&quot;background-color: transparent; border-left-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-top: 1px solid rgb(227, 227, 227); border-width: 1px; margin: 0px; max-width: 100%; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
many of us using blogger blogspot blog for blogging, because it is easy to use and editable.&lt;br /&gt;
but after a while you want to your blog look more professional and more credible by Publish on a custom domain .&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
because some people think that yourblogname.blogspot.com used by newbies only, That’s not always true, of course.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
there is 2 ways to do it,&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
1- Point your already owned and registered domain name to your blog.&lt;br /&gt;
2- buy new domain name via your blogger account.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
we’ll now talk about number&amp;nbsp;&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;2&lt;/b&gt;.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
buy new domain name via your blogger account.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
now blogger makes it easier to convert your Blogspot Account Into A .com Domain&lt;/div&gt;
&lt;div style=&quot;color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
when you register a domain name via blogger account your Domain will be registered through a Google partner and cost $10 (USD) for one year.and as part of registration, you will also get a Google Apps account for your new domain.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
and the great deal here is that&amp;nbsp;&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;YourBlogName.blogspot.com&lt;/b&gt;&amp;nbsp;will redirect to your&amp;nbsp;&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;new custom domain&lt;/b&gt;. so you won’t leave your readers behind!&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
the first thing to to is to log into your blogger account,&lt;br /&gt;
Then got to&amp;nbsp;&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Settings&lt;/b&gt;&amp;nbsp;&amp;gt;&amp;gt;&amp;gt;&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;Publishing&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
FIND : Switch to: •&amp;nbsp;&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Custom Domain&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
and click&amp;nbsp;&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Custom Domain&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;h3&gt;



&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Watch This Video&lt;/b&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; text-align: center;&quot;&gt;
&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;315&quot; src=&quot;http://www.youtube.com/embed/2X8RMLsN61I&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot; width=&quot;420&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/70222802068291609/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/04/by-custom-domain.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/70222802068291609'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/70222802068291609'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/04/by-custom-domain.html' title='By A Custom Domain'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/2X8RMLsN61I/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-1475930770391216077</id><published>2012-04-28T18:36:00.013-07:00</published><updated>2012-05-28T00:16:03.645-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Gadget"/><category scheme="http://www.blogger.com/atom/ns#" term="Google"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorials"/><title type='text'>Follow By E Mail Gedget</title><content type='html'>&lt;div style=&quot;background-color: white; border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: center; vertical-align: baseline;&quot;&gt;
&lt;img height=&quot;240&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1IlwAqpYTyUegjReO9OZZvAoxhWzeOAs1b5kB1TTIOJMegcLKEax8J2niusSKy6RFFn9yL9cB06dXUugKckFzgig3vbf_3B_2gxHG92kGIMGYpwouwNJtL82JsP4Cw3znPrutDoBdiQ/s400/Expertiseblog+Sample+Image.bmp&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(227, 227, 227); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(227, 227, 227); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(227, 227, 227); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(227, 227, 227); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-width: 100%; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot; width=&quot;400&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Today in early time, blogger&amp;nbsp;&lt;/span&gt;released&lt;span style=&quot;background-color: white; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;an important gadget, “Follow by Email”, this gadget allow your readers to subscribe&amp;nbsp;&lt;/span&gt;&lt;span id=&quot;more-9681&quot; style=&quot;background-color: white; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;to your blogs updates by e-mail and get the latest updates and posts delivered to their Inbox.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;What is this gadget features&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;heads&quot; style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 22pt; line-height: 24px; margin: 0px 0px 10px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;The New Gadget Features.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;background-color: white; color: #666666; font-size: 12px; line-height: 24px;&quot;&gt;Simple&lt;/span&gt;&lt;span style=&quot;background-color: white; border-width: 0px; color: #666666; font-size: 12px; line-height: 1.9em; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: white; border-width: 0px; color: #666666; font-size: 12px; line-height: 1.9em; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;to add and use with only few clicks.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; color: #666666; font-size: 12px; line-height: 1.9em; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Delivering your blog’s posts and updated to your readers mail inbox.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; color: #666666; font-size: 12px; line-height: 1.9em; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Detailed stats about your number of subscribers and daily views.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; color: #666666; font-size: 12px; line-height: 1.9em; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;/div&gt;





&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;heads&quot; style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 22pt; line-height: 24px; margin: 0px 0px 10px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;How To Add It.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: #666666; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
Just log into your blogger dashboard &amp;gt;&amp;gt;&amp;gt; design &amp;gt;&amp;gt;&amp;gt;and in page elements click&amp;nbsp;&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Add A Gadget&lt;/b&gt;, and you will find the new “Follow by Email” gadget listed at the top of the gadgets page.when you click on&amp;nbsp;&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;“Follow by Email”&amp;nbsp;&lt;/b&gt;link, you’ll see a new window like the above image,&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; color: #666666; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Give it your prefered title, and leave the Feedburner as it is. then click&amp;nbsp;&lt;/span&gt;&lt;b style=&quot;background-color: white; border-width: 0px; color: #666666; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Save&lt;/b&gt;&lt;span style=&quot;background-color: white; border-width: 0px; color: #666666; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; color: #666666; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;and you can enjoy your new gadget,&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/1475930770391216077/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/04/follow-by-e-mail-gedget_28.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/1475930770391216077'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/1475930770391216077'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/04/follow-by-e-mail-gedget_28.html' title='Follow By E Mail Gedget'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1IlwAqpYTyUegjReO9OZZvAoxhWzeOAs1b5kB1TTIOJMegcLKEax8J2niusSKy6RFFn9yL9cB06dXUugKckFzgig3vbf_3B_2gxHG92kGIMGYpwouwNJtL82JsP4Cw3znPrutDoBdiQ/s72-c/Expertiseblog+Sample+Image.bmp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-7655323329817829240</id><published>2012-04-28T18:31:00.007-07:00</published><updated>2012-05-30T07:52:44.222-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Articles"/><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Learn"/><title type='text'>Should You Drop Out Of School For Blogging ?</title><content type='html'>&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisrEZOpqlxzlMZQa57AZwONVTk76ZyXkn6l0gQSXoY0ISQY6BPJJpeOP2o9VpZFcloWkTGCPDDVS1ieWICcHHrKwhQbXbvHGWbfCEbKA4U_cTnw4IShHHLNFZ1xhybGaQz4xDKnRAyyLg/s1600/sdafsdfadfsd.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;240&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisrEZOpqlxzlMZQa57AZwONVTk76ZyXkn6l0gQSXoY0ISQY6BPJJpeOP2o9VpZFcloWkTGCPDDVS1ieWICcHHrKwhQbXbvHGWbfCEbKA4U_cTnw4IShHHLNFZ1xhybGaQz4xDKnRAyyLg/s320/sdafsdfadfsd.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
Blogging provides people with the opportunity to share their thoughts and opinions with the world, and earn something out of it. Recent trends have shown that the young generation is taking more of an interest in blogging than ever. But blogging is a time-consuming and effort-intensive job. And in today&#39;s fast-paced life, it often becomes difficult to take time out of daily life to do something extra. As a result, many of you who are bloggers may be finding it hard to juggle your blogging career along with your academic / professional life. Does that mean you should drop out of your school? Is blogging really worth it?&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
In simple words, no. Blogging isn&#39;t worth it. In this post, we&#39;ll discuss why, and also, how to manage your blogging career along with your normal life.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;
&lt;h3&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Why People&lt;/span&gt;&amp;nbsp;Quit School ?&amp;nbsp;&lt;/h3&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
Well, there can be many reasons for that. People quit school because studies are boring! What you study in school usually has little relevance to what&#39;s out there in professional life. Not only that, studies studies are long as well! It seems one never stops studying, until he enters professional life. This makes a man too busy to do much else.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
Secondly, as expertise is growing globally, so is the competition with respect to jobs. It&#39;s hard to get a decent job, especially in developing countries. So why study when there won&#39;t be any jobs available? Such is the mentality of people who quit academics. They choose to go into other technical fields instead. I personally have a friend who quit academics after high school, and is now a self-taught freelance web developer!&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
Then, there are examples that so many people like to quote. And they make for excellent examples. Taking a look at history, we find some very famous people who quit school. And despite that, they went on to become rich or renowned. Albert Einstein is a good example. So is Thomas Edison, the inventor of the light bulb and motion picture camera etc, and Benjamin Franklin, the former American president.&amp;nbsp;If you want more recent examples, then Bill Gates is a perfect one. Then, there is Steve Jobs, Mark Zuckerberg, and so on. All these men quit school / college / grad school and went on to become internationally famous and/or rich. People often quote such examples to support their reasons for quitting school.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;
&lt;h3&gt;
Why Schooling&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;Is Important ?&lt;/span&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
No matter what reasons you have for quitting school, the fact remains that your school is your&amp;nbsp;&lt;i style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Alma-mater&lt;/i&gt;, i.e. your &quot;nourishing mother&quot;. proper schooling teaches you lessons in life, and grooms you for what is to come. It also shapes your&amp;nbsp;character, and you build your own reserve of knowledge.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
Grooming aside, you need to have a decent degree in your hand to survive in these times. A degree is the world&#39;s way of&amp;nbsp;recognizing&amp;nbsp;your abilities. If you apply for a job without a degree, you will be laughed at! Having knowledge at your side can help you redefine the limits you can reach.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Exceptions are always there though. Bill Gates is an exception. So was Steve Jobs. But not every drop-out can become a Mark Zuckerberg, mind you. Schooling is important for the rest of us mortals.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;
&lt;h3&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;What Is&lt;/span&gt;&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;Next ?&lt;/span&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
At the end of the day, it&#39;s all a matter of perspective. Blogging alongside schooling is only as hard as you perceive it to be. I am a student too, yet I can easily write one post per day, even though these are some of the busiest days of my life. I think it&#39;s all about time-management. If you can manage your time, then there is no reason for you to give up either blogging or school.&lt;/div&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;
&lt;h3&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;How To Ma&lt;/span&gt;&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;nage Time ?&lt;/span&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Posting Frequency&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
First of all, you need to decide how frequently you want to write blog posts. For a good blog, one post per day is enough. But if you don&#39;t get the time, then three or four posts per week are fine as well. Don&#39;t push your schedule every day.&lt;/div&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Make a schedule&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
Making a schedule can be very helpful. You don&#39;t need to sit down and make a crazy time-table that no one cares follow. Just make a mental template and reserve a general time for blogging.&lt;/div&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Jot Down Points&amp;nbsp;&lt;/b&gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
This is my favorite technique. I like to jot down points whenever they occur to me. This way, I can easily structure my posts , and add content to them whenever I get time.&lt;br /&gt;
&lt;br /&gt;
&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Use your spare time&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
This is another useful technique that you might find useful. Use your spare time to think of points to write in your posts. For example, while traveling, I think of points and write down points. I can then easily transform them into a fully fledged post.&lt;br /&gt;
&lt;br /&gt;
&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Get a smartphone!&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
If you have an adequate budget, then get a smartphone if don&#39;t already have one. With the wide range of smart-phones available these days, they are no longer than expensive. They make your life much easier! You can blog on the go! They can come in real handy for taking notes and writing posts.&lt;br /&gt;
&lt;br /&gt;
&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Be patient!&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
And last, but not the least, be patient. Blogging is all about patience. Once does not simply &#39;get rich&#39; through a blog. It takes time, and effort to build a blog. I&#39;d recommend you start thinking along those lines if you are to succeed at all.&lt;br /&gt;
&lt;br /&gt;
Some people set out goals in life to achieve. Some do, while others keep trying. In the end, it all boils down to the path they take. It does not matter whether you get what you want or not. You have failed if you have compromised other important things in achieving your goals. After all, life is all about balance, so live it to its fullest and don&#39;t complain.&lt;/div&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/7655323329817829240/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/04/should-you-drop-out-of-school-for_28.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/7655323329817829240'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/7655323329817829240'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/04/should-you-drop-out-of-school-for_28.html' title='Should You Drop Out Of School For Blogging ?'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisrEZOpqlxzlMZQa57AZwONVTk76ZyXkn6l0gQSXoY0ISQY6BPJJpeOP2o9VpZFcloWkTGCPDDVS1ieWICcHHrKwhQbXbvHGWbfCEbKA4U_cTnw4IShHHLNFZ1xhybGaQz4xDKnRAyyLg/s72-c/sdafsdfadfsd.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-5384526766636419712</id><published>2012-04-28T18:27:00.010-07:00</published><updated>2012-05-30T07:59:20.135-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Gadget"/><category scheme="http://www.blogger.com/atom/ns#" term="Search Box"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorials"/><title type='text'>Add An Animated Search Capsule To Blogger</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmUaCnseSqwMYfPfUvrbdg3mjH8kme2Jb_2auNKSZrUcX0WxDJ2AIo9rPWyoVrroEiG2Rmrv-eZcHGNRvrA08yYN8RTDVVT0tb6Rd6Cgx4TAB4Kkv6IUPvlrDRbFNoTRtl4_puGW4nhUs/s1600/sdasdgfafsdgfd.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;182&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmUaCnseSqwMYfPfUvrbdg3mjH8kme2Jb_2auNKSZrUcX0WxDJ2AIo9rPWyoVrroEiG2Rmrv-eZcHGNRvrA08yYN8RTDVVT0tb6Rd6Cgx4TAB4Kkv6IUPvlrDRbFNoTRtl4_puGW4nhUs/s320/sdasdgfafsdgfd.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;Hey there guys, I guess this is my first &#39;how to&#39; guide for bloggers which should be easy to follow and implement. You might have seen the&amp;nbsp;&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Twenty Eleven theme&lt;/span&gt;&amp;nbsp;released by Wordpress during it&#39;s third iteration release. You might also have noticed a sweet sliding search box which animatedly expands on being clicked upon and contracts back when moused out. Therefore we can design a similar but more gorgeous search box and add it quite easily to blogspot oriented blogs.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=2637209280546111903&amp;amp;postID=1925239136400073002&quot; name=&quot;more&quot; style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;&quot;&gt;&lt;/a&gt;&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;1.&lt;/b&gt;&amp;nbsp;We&#39;re gonna design a not so complicated input field in an elliptical shape which retracts a bit and expands on being focused upon while on being blurred it widens just a little bit and comes back to its original state. You can check out how it works in this blog&#39;s sidebar.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;
&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;2.&lt;/b&gt;&amp;nbsp;Don&#39;t worry, there&#39;s no actual designing involved using Photoshop but we shall achieve this using HTML, CSS3 and jQuery only. Let&#39;s start with the basic HTML markup&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;brush:xml;&quot; style=&quot;background-color: transparent; border-width: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&amp;lt;form method=&quot;get&quot; action=&quot;/search&quot; id=&quot;search&quot;&amp;gt;
     &amp;lt;input name=&quot;q&quot; type=&quot;text&quot; size=&quot;40&quot; class=&quot;search1&quot; value=&quot;Search...&quot; /&amp;gt;
&amp;lt;/form&amp;gt;&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
We&#39;ve added a simple input box with no button because you&#39;ll expect the searcher to hit enter and get their results. Note that we&#39;ve also declared a class named search1 to which we&#39;ll later add CSS.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;brush:css&quot; style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
#search input[type=&quot;text&quot;] {
    background: url(http://1.bp.blogspot.com/-hJ8G7WLl1U8/T2xgdl1jK9I/AAAAAAAAAIQ/WBsH0YmWTVE/s1600/search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font-size: 14px;
    color: #bebebe;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    outline: none;
    }&lt;/div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;ul style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 16px; line-height: 22px; list-style-type: circle; margin: 0.5em 0px; outline-width: 0px; padding: 0px 2.5em; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;There&#39;s a small magnifying glass icon depicting the search action with a light grey background.&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;A thin border to add a slight contrast.&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Note that we&#39;ve specified a width of 150px which shall vary on focus &amp;amp; blur.&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Now, the CSS3 part includes a border radius of 25px (-moz and -webkit suffixes are for Firefox and Chrome respectively).&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;And a subtle text shadow of just 0.1 opacity.&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Plus a slight box shadow to add some flair.&lt;/li&gt;
&lt;li style=&quot;background-color: transparent; border-width: 0px; line-height: 1.5em; margin: 0px 0px 0.25em; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Lastly, removing the ugly yellow/blue outline on focusing the search input. &lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;background-color: transparent; border-width: 0px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;And now for the jQuery magic. For the ones now knowing, jQuery is a Javascript library which includes inbuilt classes and functions which we can directly call with the hellp of CSS selectors to avoid writing raw vanilla&amp;nbsp;JavaScript.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
If you don&#39;t have the jQuery library linked to your blog, you need to copy the above link before &amp;lt;/head&amp;gt; &amp;nbsp;and include the below code.&lt;/div&gt;
&lt;div class=&quot;brush:jscript;&quot; style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
$(document).ready(function(){

$(&#39;.search1&#39;).focus(function(){
 $(this).stop().animate({width:&#39;140px&#39;}).animate({width:&#39;200px&#39;}, 200);
});

$(&#39;.search1&#39;).blur(function(){
 $(this).stop().animate({width:&#39;210px&#39;}).animate({width:&#39;150px&#39;}, 200);
}); 

});&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
The above jQuery code is quite self explanatory, when the search box is focused (clicked in) it goes in and out and on being blurred (clicked out) it goes a little bit out and comes back to its normal state. You need to add this code exactly above &amp;lt;/head&amp;gt;.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
And we&#39;re done, the good news is you don&#39;t need to add the HTML and CSS3 in your template directly. In the &#39;layout&#39;, go to the sidebar and &#39;add a widget&#39;. Now select the HTML/JAVASCRIPT widget and paste the below final code. Save it and voilla.&lt;/div&gt;
&lt;div class=&quot;brush:css; brush:xml&quot; style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&amp;lt;style type=&quot;text/css&quot;&amp;gt;

#search input[type=&quot;text&quot;] {
    background: url(http://1.bp.blogspot.com/-hJ8G7WLl1U8/T2xgdl1jK9I/AAAAAAAAAIQ/WBsH0YmWTVE/s1600/search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font-family: &#39;Ropa Sans&#39;, sans-serif;
    font-size: 14px;
    color: #bebebe;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    outline: none;
    }

&amp;lt;/style&amp;gt;

&amp;lt;form method=&quot;get&quot; action=&quot;/search&quot; id=&quot;search&quot;&amp;gt;
     &amp;lt;input name=&quot;q&quot; type=&quot;text&quot; size=&quot;40&quot; class=&quot;search1&quot; value=&quot;Search...&quot; /&amp;gt;
&amp;lt;/form&amp;gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;brush:css; brush:xml&quot; style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;background-color: transparent; border-width: 0px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Alright, I hope you&#39;ve successfully incorporated the search capsule in your blog. However, if you face any problems, shoot your queries in the comments.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/5384526766636419712/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/04/add-animated-search-capsule-to-blogger_28.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/5384526766636419712'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/5384526766636419712'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/04/add-animated-search-capsule-to-blogger_28.html' title='Add An Animated Search Capsule To Blogger'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmUaCnseSqwMYfPfUvrbdg3mjH8kme2Jb_2auNKSZrUcX0WxDJ2AIo9rPWyoVrroEiG2Rmrv-eZcHGNRvrA08yYN8RTDVVT0tb6Rd6Cgx4TAB4Kkv6IUPvlrDRbFNoTRtl4_puGW4nhUs/s72-c/sdasdgfafsdgfd.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-587882740939070262</id><published>2012-04-28T18:26:00.006-07:00</published><updated>2012-05-30T07:57:46.073-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Android"/><category scheme="http://www.blogger.com/atom/ns#" term="Articles"/><title type='text'>The Cheapest Android Phone Yet</title><content type='html'>&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQrYBnUasBuxesKqaCXmqGy8S1FMUjiCZ0bOz4FUNN4JAxbidyyfHCNRe8PZ_MKpn_XGwqnafpsZhcMWI9RhJ_xxqJFWsQ7BNxAFF98nF0-sbS-4MzzV3t_KbrVb68cTqEZIuUjGdFuc/s1600/zSsadfc.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;223&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQrYBnUasBuxesKqaCXmqGy8S1FMUjiCZ0bOz4FUNN4JAxbidyyfHCNRe8PZ_MKpn_XGwqnafpsZhcMWI9RhJ_xxqJFWsQ7BNxAFF98nF0-sbS-4MzzV3t_KbrVb68cTqEZIuUjGdFuc/s320/zSsadfc.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;With the onset of the&amp;nbsp;&lt;a href=&quot;http://www.android.com/&quot; style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;&quot; target=&quot;_blank&quot;&gt;Android&lt;/a&gt;&amp;nbsp;season since the last two years a number of significant takedowns and turnarounds have taken place in the cell phone world. Symbian is dead, Blackberrys have lost their charm and elegance, iOS is being threatened while cheap JAVA phones are just ridiculed. Gone are the days when the only use of one&#39;s cell phone was to make a call and send a text. Today, the platform markets are thriving with millions of applications which are being downloaded and becoming an addiction. The frequency of an app being launched in the market is so high you&#39;re gonna spend your lifetime in trying each and every app available.&lt;/div&gt;
&lt;div style=&quot;color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br style=&quot;background-color: white; font-size: 12px; line-height: 24px; margin: 0px; padding: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;The&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://market.android.com/?hl=en&quot; style=&quot;background-color: white; border-width: 0px; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; text-decoration: none; vertical-align: baseline;&quot; target=&quot;_blank&quot;&gt;Android market&lt;/a&gt;&lt;span style=&quot;background-color: white; border-width: 0px; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;&amp;nbsp;boasts and delivers some of the best applications and games that have been developed which even the iPhone&#39;s market lacks. You&#39;re gonna agree with me on the fact that India is a country where a product can be sold with the help of cunning advertisement. The teen mob is so huge you&#39;re never gonna fail in selling a product which is appealing to them. Hundreds of Android phones have already been launched and sold so far but we&#39;re here to talk about a particular handset which I think might be&amp;nbsp;&lt;/span&gt;&lt;b style=&quot;background-color: white; border-width: 0px; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;the cheapest Android phone yet&lt;/b&gt;&lt;span style=&quot;background-color: white; border-width: 0px; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;















&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: center; vertical-align: baseline;&quot;&gt;
&lt;img height=&quot;176&quot; src=&quot;http://farm8.staticflickr.com/7162/6831774389_a2506497b5_z.jpg&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(227, 227, 227); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(227, 227, 227); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(227, 227, 227); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(227, 227, 227); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-width: 100%; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot; width=&quot;320&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: center; vertical-align: baseline;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;we&#39;re talking about the recently launched&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://www.google.co.in/url?sa=t&amp;amp;rct=j&amp;amp;q=vodafone%20smart&amp;amp;source=web&amp;amp;cd=1&amp;amp;ved=0CDQQFjAA&amp;amp;url=http%3A%2F%2Fwww.vodafone.com%2Fcontent%2Findex%2Fabout%2Fwhat%2Fdevices%2Fvodafone_smart.html&amp;amp;ei=djwwT6CrMIfxrQet56H4Cg&amp;amp;usg=AFQjCNFJtfwxuAF0115qMC5UgSQ1HEUqxA&quot; style=&quot;background-color: white; border-width: 0px; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; text-decoration: none; vertical-align: baseline;&quot; target=&quot;_blank&quot;&gt;&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Vodafone (858) Smart&lt;/b&gt;&lt;/a&gt;&lt;span style=&quot;background-color: white; border-width: 0px; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;&amp;nbsp;by none other than the biggest service provider company themselves. It&#39;s cute, trendy, can be easily pocketed and flaunted about for running Android and the biggest advantage, it doesn&#39;t even burn a big hole in your pocket. Let&#39;s first go through the basic specifications of the phone.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;ul style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 16px; line-height: 22px; list-style-type: circle; margin: 0.5em 0px; outline-width: 0px; padding: 0px 2.5em; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;Runs on Android OS v2.2 (Froyo)&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;CPU: 528 MHz ARM 11&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;Accelerator, proximity and compass sensors&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;Snapdragon S1 processor&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;2.8 inch&amp;nbsp;&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;capacitive touchscreen&lt;/b&gt;&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;2MP camera&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;Wi-Fi, GPS and Bluetooth 2.1&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;130MB of internal storage&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;2GB card included, extended upto 32GB&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;background-color: transparent; border-width: 0px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;background-color: transparent; border-width: 0px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: center; vertical-align: baseline;&quot;&gt;
&lt;img height=&quot;239&quot; src=&quot;http://farm8.staticflickr.com/7171/6831774897_1cff59638a.jpg&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(227, 227, 227); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(227, 227, 227); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(227, 227, 227); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(227, 227, 227); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-width: 100%; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot; width=&quot;320&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: center; vertical-align: baseline;&quot;&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;When tested with some of the well known apps from the market, the phone performed good except some sluggishness during high physics. It&#39;s not bulky and has a nice matte finish which becomes handy to use and hold.&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: white; border-width: 0px; font-size: 13px; line-height: 19px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white; border-width: 0px; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;Apart from the above mentioned advantages, the mobile also comes with some drawbacks.&lt;/span&gt;&lt;/div&gt;
&lt;ul style=&quot;background-color: white; border-width: 0px; font-size: 16px; line-height: 22px; list-style-type: circle; margin: 0.5em 0px; outline-width: 0px; padding: 0px 2.5em; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;Camera quality is not up to the mark with 2MP and no flash&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;No multi touch. You&#39;re gonna miss the pinch and zoom&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;Processor is slow, not a smooth UI experience&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;Takes time to download Apps from the market&lt;/li&gt;
&lt;li style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 1.5em; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;Text is not extremely sharp&lt;/li&gt;
&lt;/ul&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: white; border-width: 0px; font-size: 16px; line-height: 22px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;And comes the most important point for which you&#39;ve kept up the pace with me till here. Vodafone released SMART in India for just&amp;nbsp;&lt;b style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;Rs 4,995&lt;/b&gt;&amp;nbsp;. A perfect entry level phone for some start up person who wants to taste Android. The inclusion of a capacitive touchscreen which gives a smooth touch experience is a plus point for a mobile phone in under 5,000 price range. Make up your mind to go for it or not.&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/587882740939070262/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/04/cheapest-android-phone-yet_28.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/587882740939070262'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/587882740939070262'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/04/cheapest-android-phone-yet_28.html' title='The Cheapest Android Phone Yet'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQrYBnUasBuxesKqaCXmqGy8S1FMUjiCZ0bOz4FUNN4JAxbidyyfHCNRe8PZ_MKpn_XGwqnafpsZhcMWI9RhJ_xxqJFWsQ7BNxAFF98nF0-sbS-4MzzV3t_KbrVb68cTqEZIuUjGdFuc/s72-c/zSsadfc.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3142351080346669473.post-4849761698158871978</id><published>2012-04-28T18:20:00.010-07:00</published><updated>2012-06-17T06:16:54.600-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Articles"/><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Post Writing"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorials"/><title type='text'>Post Writing</title><content type='html'>&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: center; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOtag5w_C4Dhyphenhyphen351cpPZ-WHA0hLUzhMmUcRJj809llFDybcGiwBG_ei3UdE09zB-4WUY6tQRtqeDv2S27ZPH39XmOrtqjzKi5_sL3uL9WYAuVNzkg4qB30-oXaNaTkSUG8yT8C-SYUmzA/s1600/new+blogger+post.PNG&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;228&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOtag5w_C4Dhyphenhyphen351cpPZ-WHA0hLUzhMmUcRJj809llFDybcGiwBG_ei3UdE09zB-4WUY6tQRtqeDv2S27ZPH39XmOrtqjzKi5_sL3uL9WYAuVNzkg4qB30-oXaNaTkSUG8yT8C-SYUmzA/s320/new+blogger+post.PNG&quot; style=&quot;background-color: transparent; border-left-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-top: 1px solid rgb(227, 227, 227); border-width: 1px; margin-top: 0px; max-width: 100%; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
Blogging, with no doubt, has revolutionized our lifestyle today and the possibilities and effects of blogs seems endless. Blogs have become our&amp;nbsp;medium of expression and it looks as there is nothing we can’t do without blog. Blog have not left even minor aspects of our life to be changed and it’s effects are seen to be limitless. Most interesting, you do not even require any technical knowledge for getting and running up a blog in no no time and the best part of it, vitally anyone can do it at ease. With some basic blogging framework sketched on your mind and with original qualitative and unique information published in your blogs, you can even make some extra cash out of it with very less effort. But to make most out of it, it requires your true enthusiasm to blog and your ability to carve some engaging content out there. If it is a problem for you, that’s where I’m going to make a breakthrough today and teach you how to enhance your art of writing best content ever!&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
If you are already running a blog by now, you must have known that your content is the best traffic generator for your blog and traffic is the blood of your blog. It is the information people are looking for in your blog, and if you are able to provide them with it, you can have a successful blog running up out there. But writing a better content is not an easy job every time and you have to keep several things in mind while writing the article for your blog. I’m sure the following tips or hints will be a great help for you to increase your blogging quality. Make sure to check them out:&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; text-align: left; vertical-align: baseline;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;heads&quot; style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 22pt; line-height: 24px; margin: 0px 0px 10px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;1.Research, Research and research&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
If you are not well known or not confident enough to carve your posts smartly, research a lot. In such cases, what I usually do is I find out several articles about my topic in internet and download and print them. I then sped my time reading all of them carefully and highlighting the important part of them. I sketch a rough article or draft. Then when I start my actual writing, I keep all those articles spread around me and I try to include the highlighted points. Try this trick. It is very easy, effective and not much time consuming. This is the best trick I use myself to write down the posts.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;heads&quot; style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 22pt; line-height: 24px; margin: 0px 0px 10px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;2. Personal, engaging and straight&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
While writing posts, consider making them more personal engaging and straight. While you write your posts, add your personal touch and tone. This encourages the reader to continue reading and it makes them feel that somebody personally is teaching themselves. Make your post engaging, by trying to involve interesting facts, examples and blueprints. But always remember to put your thoughts in a straight manner so the readers aren’t distracted. Writing in points and help you doing this. Try your best to make your posts reader friendly too!&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;heads&quot; style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 22pt; line-height: 24px; margin: 0px 0px 10px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;3.The KISS technique&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;I did not invent this term but at least, this is my one of the favorite abbreviation in blogging. It is the short form of KEEP IT SHORT AND&lt;/span&gt;&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;SIMPLE&lt;/span&gt;&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;. Yes, always keep your post simple and short and meaningful. Long posts may get your readers bored so make your post compact while also interesting because people nowadays want a lot of things very fast. You blog will be appreciated if you keep your blog post short and simple.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;heads&quot; style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 22pt; line-height: 24px; margin: 0px 0px 10px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;4. The title of your post&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
As Daniel Socosso said, Until you carve out your title smartly it will be the first and last thing that your reader will read on your blog. Title summaries your post and encourages to read the rest of the article. A catchy and unique post title makes your half business done and it is equally important as your post’s body. No matter how nicely you write your post body, if your title is bulky and boring, nobody would want to read your post. So don’t ever hesitate to spend as much time you can with your headline and come up with the best matching title for your post. Take suggestion from family and friends, do some research and use suspicious and staggering words that can easily drive the attention of the reader of your blog and have the best title you can ever think of.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;heads&quot; style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 22pt; line-height: 24px; margin: 0px 0px 10px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;5.The more you edit the better the content gets.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
If you try this one, I’m sure you’ll really have a nice article with you. What I do to all of my posts is when I prepare a finished copy of my post, I do not publish it straight away. I keep it for a while (about 2-3 days) and work on other posts. Meanwhile I often have look on that post, read it and edit my the post. I do it many times and more I edit my article, consequently the better it gets. It helps you to have better content than the time you wrote it.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;heads&quot; style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 22pt; line-height: 24px; margin: 0px 0px 10px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;background-color: transparent; border-width: 0px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;6.Final Proofreading.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
Grammatical, informational, spelling and other types of blunders in your post can hamper it’s quality a lot. It can also decrease the reputation of the blog and blogger himself. So don”t rush to hit that Publish button just yet. Try to check for every kinds of errors and if there are any, correct them immediately.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border-width: 0px; color: black; font-family: Georgia,&amp;quot;Times New Roman&amp;quot;,serif; font-size: 12px; line-height: 24px; margin: 0px; outline-width: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
Remember that the popularity, reputation, traffic’s volume and your success as a blogger depends upon how you write and carve your content.These steps are really very very effective and they help you to come up always with better content. So be consistent towards your content of your blog and watch the success coming your way.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://btricksotips.blogspot.com/feeds/4849761698158871978/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://btricksotips.blogspot.com/2012/04/post-writing_28.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/4849761698158871978'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3142351080346669473/posts/default/4849761698158871978'/><link rel='alternate' type='text/html' href='http://btricksotips.blogspot.com/2012/04/post-writing_28.html' title='Post Writing'/><author><name>Dananjaya Niroshan</name><uri>http://www.blogger.com/profile/03506038991244012556</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEE6OXJnhNOFUEIzHjmQjLngv4LKnzmqDQY9NiYQFSdGZNFwvyWr6nXqV89Hv1z4oFKldJxbpjp6CtMKBzY0ehxiGGM2mHTQptIfRL-XLp82VZ2W65MiQbzli56U2HM1Q/s220/197651_448198675210041_390210959_n.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOtag5w_C4Dhyphenhyphen351cpPZ-WHA0hLUzhMmUcRJj809llFDybcGiwBG_ei3UdE09zB-4WUY6tQRtqeDv2S27ZPH39XmOrtqjzKi5_sL3uL9WYAuVNzkg4qB30-oXaNaTkSUG8yT8C-SYUmzA/s72-c/new+blogger+post.PNG" height="72" width="72"/><thr:total>0</thr:total></entry></feed>