Remove Border Around Pictures in Blogger

When newbie blogger start their blog, they don't care too much about their blog design and look like images uploaded in the blog posts comes with a default border and shadow around it which looks very nasty. But as they start learning blogging they feel that they should remove the border around the images to make blog posts more attractive and professional. In one of my previous published posts I have discussed  Tips to optimize images for SEO to gain traffic from search engines and today we will discuss about how to remove border and shadow around the images in blogger. So, let start the tutorial.

Remove Border from Image in Single Post

If you want to get rid from the borders and shadow only from a particular image uploaded in the post then follow below steps.

1. Upload image in your post.
2. Now choose HTML from top left corner.



3. Now locate to the image HTML code which will something look like this:



<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid-i1H6KbmWEFb8L1paEvJKhU34BlVGSi7aVcOalnLIG_RmfRW9MSV_b7_LJtJng8aRsO8BiF-hdxsuV6l_OicTSzHCX5Cneb318nieHE_s63bmpvms8XqejNsShtdDMqTRXHGmj_TGdCA/s1600/Remove-Border.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid-i1H6KbmWEFb8L1paEvJKhU34BlVGSi7aVcOalnLIG_RmfRW9MSV_b7_LJtJng8aRsO8BiF-hdxsuV6l_OicTSzHCX5Cneb318nieHE_s63bmpvms8XqejNsShtdDMqTRXHGmj_TGdCA/s320/Remove-Border.jpg" /></a>



4. Now to remove the border simply add a little piece of CSS code style="border-style:none;" into the <img> tag as shown below.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid-i1H6KbmWEFb8L1paEvJKhU34BlVGSi7aVcOalnLIG_RmfRW9MSV_b7_LJtJng8aRsO8BiF-hdxsuV6l_OicTSzHCX5Cneb318nieHE_s63bmpvms8XqejNsShtdDMqTRXHGmj_TGdCA/s1600/Remove-Border.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img style="border-style:none;" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid-i1H6KbmWEFb8L1paEvJKhU34BlVGSi7aVcOalnLIG_RmfRW9MSV_b7_LJtJng8aRsO8BiF-hdxsuV6l_OicTSzHCX5Cneb318nieHE_s63bmpvms8XqejNsShtdDMqTRXHGmj_TGdCA/s320/Remove-Border.jpg" /></a>

It's all done!

Remove Border and Shadow From All Images

Using this method will remove border from all of your blog posts images and even it will also not appear in your future posts.

1. Go to Blogger >> Template.
2. First backup your blog template.
3. Click Edit HTML.
4. Now search below similar code in your template.

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
 padding: $(image.border.small.size);

 background: $(image.background.color);
 border: 1px solid $(image.border.color);

 -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
 -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
 box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}



5. Replace the entire piece of code with the code given below.

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}



6. Click on Save Template button.
7. You are done!

Remove Border from Dynamic Views Templates

If you are using blogger Dynamic Views template for your blog, then the above code will not work for you. To remove border from dynamic views template follow below steps.

1. Go to Blogger >> Template >> Edit HTML.
2. Press Ctrl+F and search for



]]></b:skin>



3. Now paste below code just above it.



.entry-content img{
box-shadow: none !important;
padding: 0px !important;
border: 0px !important;
}



4. Click on Save Template button.

That's it.

Create HTML Sitemap Page in Blogger

Sitemap of a blog helps search crawlers to crawl the entire blog properly. It helps to increase our blog crawling and indexing. Previously, I have shared a tutorial about How To Submit Blogger Sitemap To Google Webmaster Tools. That sitemap is in .XML format which we use to submit in Google Webmaster Tool which is only for search engines so that they can index all of our blog posts. Today in this tutorial I am going to share a trick by which you can create a HTML sitemap for your blog readers so that they can easily select a post to read. If you use HTML sitemap in your blog wisely then you can increase your blog page rank also. You can show all of your blog posts at single sitemap page or you can use sitemap for particular label. Whatever your need is, this tutorial will help you. So, let see how to add a sitemap page in blogger.

Creating Sitemap Page for All Labels

If you want to show all of your blog posts at same page then follow below steps one by one.

1. Go to your blogger blog.
2. Now Navigate to Pages > New Page > Blank Page.
3. Switch it to HTML mode.
4. Paste below code in the post body.

<script type="text/javascript">
var numposts = 100;
var standardstyling = true;
function showrecentposts(json) {
  for (var i = 0; i < numposts; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        posturl = entry.link[k].href;
        break;
      }}
    posttitle = posttitle.link(posturl);
    if (standardstyling) document.write('<li>');
    document.write(posttitle);}
    if (standardstyling) document.write('</li>');
}
</script>
<ul>
<script src="http://www.makemoneyfreewithus.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

5. Replace www.bloggertipstricks.com with your own blog URL.
6. Click Publish button.
7. That's it.

Creating Sitemap Page for Particular Label

If you want to show posts from specific labels, like in this page "SEO Tips for Bloggers", then instead of the above code, use below code.

<script type="text/javascript">
var numposts = 100;
var standardstyling = true;
function showrecentposts(json) {
  for (var i = 0; i < numposts; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        posturl = entry.link[k].href;
        break;
      }}
    posttitle = posttitle.link(posturl);
    if (standardstyling) document.write('<li>');
    document.write(posttitle);}
    if (standardstyling) document.write('</li>');
}
</script>
<ul>
<script src="http://www.makemoneyfreewithus.blogspot.com/feeds/posts/default/-/Label%20Name?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

Replace www.makemoneyfreewithus.blogspot.com with your blog URL and Label%20Name with your label name.

Remember: If you are using single word as your label name like "SEO" then put SEO there but if you are using more than one word, then put %20 between each word.

For example: if the label name is Blogger Tricks, then put Blogger%20Tricks.

The label name is case sensitive, so take care of it. Means don't put seo in the place of SEO. The code will not work in that case.

Change Hyperlink Color in Blogger

You have a blog you must curious about your blog design and look. There are lot of professional blogger templates with custom designs and formatting. But not a single template comes with 100% satisfaction. We have to customize them to give such a look which we want to show to our readers.  Obviously blog design is the first thing that attracts readers to stay longer at our blog to read more content. Best design with perfect text font and link colors makes our blog more professional. When we use custom templates on our blog, we need to customize it according to our need like changing text fonts, font size, hyperlink color etc. That's why to make things easy for newbie bloggers today I bring a tutorial on how to change hyperlink color in blogger.

Changing Link Colors

Perform below steps to replace link colors with such colors you want to use in your blog template.

1. Go to your Blogger account.


2. Navigate to Template > Edit HTML.


3. Now press Ctrl+F and search <b:skin> in your template.


4. Click on black arrow to expand the code.





5. Now look at the CSS code of hyperlink in your template which something look like this:




6. Now edit a { color:#0084CE; } with that color you want to use for hyperlinks.


7. Edit a:visited {color: #289728;} to change color of visited link.


8. Preview and save the template.


9. That's it.

Delete Multiple Posts in Blogger at Once

 

Writing posts on blogger is very simple and easy task that everyone can do. Blogger automatically save all the actions we perform while writing our blog posts. Means we have no need to save our work again and again to protect it from any loss. It automatically keep saved our content. If you have written a post and don't want to publish at same time then you can save it as a draft post. You can edit it any time and publish it for your readers. But sometime you may notice that when we safe our posts as a draft, it makes several copies of same posts in draft. This thing creates confusion to pick last saved work. To overcome this issue you may want to delete all those unwanted posts at a single time. That's why today I bring a tutorial on how to delete multiple posts in blogger at once.

Deleting Multiple Posts at Once in Blogger

This is very simple to delete several posts at once. Just follow below steps.

1. Go to Blogger > Posts.


2. Select from where you want to delete your posts. If you want to delete draft posts then select Draft and to delete already published posts select Published.


3. Now select the posts you want to delete at once.




4. Once you select all unwanted posts click on delete icon under your blog title.




5. A pop up box will open. Press OK to confirm the deletion.




6. That's it.

Optimize Blog For Google and Other Search Engines

You have a blogger you must be aware with the fact that Google changes its policies after a short period of time. It is done to punish the spammers who apply black hat SEO techniques on their blog to rank high in search results. After each update, you can notice a change in website's page ranking in search results. Blogs that have applied white hat SEO techniques rank higher in search engines. Even these policies changes very frequently but if you go through the policies then you will come to know that some of the policies are always same. They have never changed. So, in today post we'll discuss about Universal SEO Tips for Google that every blogger must know. This will be a beginner's guide so that you can learn every aspect of white hat SEO from starting.

Optimizing Blog for Search Engines

Below I am going to mention those tips which are always same and work to improve blog rankings. There are lot of things that you need to learn but first start with these basic tips because even they are basic but most effective too. You can't ignore them if you really want better results of your hard work.

Publish High Quality Content

When you write post for your blog, make sure that you publish high quality content. It should be keyword rich with at most 3% of keyword density. Also assure that you only publish original content to your blog. It should not be copied from anywhere otherwise Google will punish you for that and you lose your rankings in search results.

Target Specific Keyword

In tip 1, I told to write keyword rich article. Except this you must focus on your keywords. Always focus a single keyword in a post. If you target more than one keyword in single post then it will create a fuss in your article that confuses the search engines. You will be penalized your over SEO or Black Hat SEO.

Catchy Post Titles

Your post titles should be catchy and must contain your main keyword. Don't forget to add unique description to all of your posts. Post titles and description is the only thing appears in search results that force the visitors to click on your link to read the entire story.

Except this you must work on your blog to optimize post titles. You must check below tutorial to optimize your post titles.

Optimize Images

If possible then try to insert an image related to topic of the post. It will not only make your content more presentable and stylish but also help to improve its rankings in search results. But you must care about image optimization techniques for better SEO of your posts. I have published a detailed article on this topic. You must check it out for complete information.

Link to Old Posts

When you write new post for your blog, make sure to add some links of your old posts in it. The links you add must be related to the current topic that can provide depth information about that topic. Those links will attract the readers to check those posts too. By doing so you will be able to increase your blog page views and you will get more traffic to your blog. If you are getting too much bounce rate on your blog then you must use internal linking because it is the best way to reduce blog bounce rate.

Update Frequently

If you just started your blog, then make it your habit to update your blog very frequently in its early stages. Always try to publish at least 2-3 articles daily because regular updated blogs are much loved by Google. Your posts will appear higher in search results and your page rank will increase.

Add a Sitemap

When you are ready with your blog and its content, submit your blog sitemap to Google Webmaster Tools. It helps to build better visibility in search results. Adding sitemap also inform the Google for any update you do in your blog.

Display AdSense When Using Blogger Dynamic Views Templates Tips and Tricks

A question I was asked on the post "Always Display The Sidebar On Blogger Dynamic Views Templates" is "Can we have AdSense on Dynamic Views Templates".I had a quick look into it and the answer is yes.So in this post I will show you the steps involved to put AdSense on Blogger Dynamic Views.

Now as far as I can see the AdSense units used are all 768x90 and 120x600.They are displayed between posts, below posts and beside posts.For the classic and sidebar templates Units are on the home page and posts for all other Dynamic templates units are on posts.In fact the AdSense set up on posts, 120x600 unit on the right with 768x90 below posts is great (See Image Below).

Well first of course you need to have an AdSense account.Once your AdSense approved follow these steps.

1) In Your Blogger Dashboard click the Drop Down menu > Choose Earnings.

2) Under 'Sign up for Google AdSense to display ads targeted to your blog content'.Click Get Started, OK if you don't have an AdSense account you will be shown how to apply, If you do ads will be added and you will be presented with further options.

Gain More With Affiliate Marketing Tips and Tricks

Affiliate marketing, affiliate marketing, affiliate marketing; you must be hearing the buzz of this word more often in your daily life. Most of you must also be aware that affiliate marketing is a great way to start up and promote your business online. Internet professionals like bloggers, website owners, freelance writers and online advertising companies are using affiliate marketing program to make money online.

However, it is quite depressing that most of affiliate marketers fail to take full advantage of their “Affiliate Marketing” program.  The reason of the failure, most of the times, is ineffective use of the techniques and methods required in affiliate marketing. They use one technique but miss the other or more often they are off track.

So, why does it happen? It’s only because they haven’t learnt affiliate marketing to its best. Learning affiliate marketing gives you much more than your expectations. This type of marketing is the best business opportunity to exploit most of online marketing facilities. Some good reasons why you should learn affiliate marketing are under:

Make Money Online

With an online affiliate business, it is quite easy to make money with little effort. Those who got marketing skills, or blogging expertise and writing proficiency can find a better way to generate income for themselves sitting at home. This helps them to make do for any shortage of money, in case.

Primary Source of Income

When you learn affiliate marketing and start online marketing business, you will learn many other ways to make money online. You can increase your income by applying many techniques and using various effective approaches in affiliate marketing sector.

You need to learn affiliate marketing properly to increase the size of your business. Follow and apply simple, easy to use and effective tips and tricks in this regard. Many affiliate marketers who started the marketing business as a part time source of income, later resorted to full time online marketing. They became so successful that they adopted affiliate marketing as a primary source of income. You just have to spend a little time to learn what affiliate marketing is and how to become successful in this business. You may as well take assistance of experts in this field.

Secondary Source of Income

However, if you are doing some other job or having some other business as a primary source of income you may even adopt affiliate marketing as a secondary source of income. Learning affiliate marketing in your spare time will benefit you much. When you start affiliate marketing business you will definitely be able to assist your already receiving income. As mentioned earlier spend some time, say 2 hours daily, to learn this type of marketing and apply it to increase your income.

Fair and Good Business

Affiliate marketing is a fair and clean business. There are no deceptive or under hand means to start and promote this business. With proper guidance and learning you can start affiliate marketing and enter into this business without using any unethical ways or approaches. You need to identify your niche and promote your product avoiding scam merchants.

Benefiting Others

Affiliate marketing is a business which provides you with an opportunity to help others. Though primarily you are doing it for yourself, to increase your income, yet its benefits are transferred to others as well. People engaged in this type of business are assisting each other in one or the other way. Every one puts his/ her contribution to promote online marketing of products and services and businesses expand with the passage of time, generating income for everyone. Encouraged by already running businesses new businesses are also started.

Productive Activities

After having started affiliate marketing once, don’t waste time in useless efforts. Learn this business properly and, if necessary, take the help of experts in this field. Carry out productive activities to reap full benefit of affiliate marketing for yourself as well as for others. Promote your product, establish more and more online contacts, explore and exploit market, carry out research and surveys and use social media networks to get benefits.

Affiliate Marketing is for Everyone

This type of marketing is for everyone. You don’t need to join a firm or company, neither have you to go to any office for job or establish your own office spending a lot of money and time. Housewives, senior citizens, jobless persons, part time income generators, internet savvies, stay at home persons and many others can do this business. A very good and attractive thing about this business is that even those doing a job or running own business can do this type of marketing sitting in their office or shop.