Professional Awesome Pinterest icon sets For Free

How to make more simple for individuals to follow us  on Pinterest is thruogh putting a Pinterest Follow button on your online journal, and sway them to stick your post by introducing a Pin It catch. The accompanying custom Pinterest symbols make impeccable take after or Pin It button. The good news for  is that it is free of charge  and comes in distinctive designs, shades and sizes.

Read also : How To Add Pinterest Pin It Button On Image Hover

Have a look at the succeeding images below with its corresponding URL:
1. Retro Pinterest icon by GraphicsVibe. Contains a single png icon in 8 different sizes: 128x128, 96x96, 72x72, 64x64, 48x48, 32x32, 24x24 and 16x16px.
Available at IconArchive.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyZGhdiscc_D36_UHKZhdTxdqXdwY_OcL_ATBi9T2wdhCxEMpsRdxvaKtNwwMYDE6JS9PUIbo6Mw7PIEFISN0Nl5UwJdPDQirb4M3x7zja2m5fujui0oZ0d8eEnyQwWaxvapQJYOWCDNo/s1600/pinterest-icon.png

2. Pinterest icons by Randa Clay. Contains three 32x32px and three 48x48px png icons.
Available at Randa Clay.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-MNsk1Da9K5P7MR1PqmZ15Lecj1DmZvGNMC8FX4HulhnDciQeVyHYotn89C2Zds-tk8X3DVz23d0StmRToTg1_WTb6w41Ejyh9tFI0ytw3QPvo5N2Ft6sVqc0wrQGCCW8M9DNIDgFP1g/s1600/randa+clay+pinterest+icon.jpg

3. Pinterest icon by Dan Leech. Contains a simple red square png icon in 9 different sizes -from 16x16px to 256x256px.
Available at Softicons.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkaVvSyAPkTShISHWfDMp7mlqiLjMFgdydTsioMhZRzDg_oFl8EVM1esdQytxVADYh_bPiVC9e5GXdbXjLL9TQ2tQrKdgrLK5Dy-5Jx-DZA12k_BPhY0zbHrL03mxb9XRV1K4C79XFH6U/s1600/pinterest+icon.png

How To Add Pinterest Pin It Button On Image Hover 4. Pinterest button set by Buttonshut.com. Contains 7 resizable red Pinterest buttons. Available at Buttonshut.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqBHcnxx7ak6e4yCWuawBSo44e8bUIQJeKv2_1cpb2FIGn9aNwl5QjbWWERnmDfDt3AYB379k224OLAYrUZSE6BXgxzhklezkScxdZVUSKtr92x3gDoRrD0Dyokbnw9XTsV20-yBCbI9g/s1600/Pinterest-Buttons.png

5. Blue Rectangle Pinterest icon by azmind. Contains a single png icon in 4 different sizes: 128x128, 64x64, 48x48 and 32x32px. Available at IconsPedia.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitRwZrB2mmV2SgqHeTG95jPi7Mlcan10sBnAtzyGYMCvPKyGPZFDKDCyW8sX-CjADHKFJwmIMVUSgcUerkJGDWj6q-iB-CcTvFf2Tfdy5bTnIddR6bl2LDSApI06xqo594toB7NHL8Phg/s1600/blue+pinterest+icon.png

6. Neon Glow Pinterest icon by GraphicsVibe. Contains a single png icon in 8 different sizes: 128x128, 96x96, 72x72, 64x64, 48x48, 32x32, 24x24 and 16x16px. Available at IconArchive.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9oSJ8J52RMTjldbM4B7UrpuRR8yl9HCkUu9I7aCIG669grRdYNSVomRDybdc3GEukPmNNT2LQCpfSGOlpdojApdiF8cxAFQJiPUUIHTpyz-NBIMK0ox6hTbJ4CfD7G76cNfk5L2aMG7I/s1600/pinterest-icon+neon.png

7.  Minimalist Pinterest Icons contains a single png icon in 8 different sizes: 128x128, 96x96, 72x72, 64x64, 48x48, 32x32, 24x24 and 16x16px. Available at Designbolts.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2-ilj6i4fK0cgvHf1BFGXsFTCG1ddmIwr488G4M_twIw4NNQLRABuDQKOqFk6t0LNOpuRR9mmrHGFnVs6m88hFBYohPepmAtKgFH-FnR0n5pgEQJLN992IUxRBHElyB1pgMJ3arw6cDc/s1600/Pinterest+gear+icon.png

8. Sparkiling Pinterest Icon by Graphics Vibe. This is available at 64x64px, 128x128px, 256x256px. You can download the complete file at Softicons.com

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxCIMFtvYsxmq_lvPV71KYBJICmtP-1gIm4YeSbstg9FqV66nXT6pis8b-9GYXpB9VUt4UTf8zW9NTkDO4oF752amrxQ06rhndkHG2AEPTMwDfxoGOrjCRE04cLj3FUcRJrZ9f0KKUBOs/s1600/pinterest+sparkling+icon.png

Happy Blogging Buddies!

How to Add Pinterest Pin It button on image hover

Hello buddies! I know you are waiting for my next  article since  in the last few days I was busy in my teaching profession but don't worry because  starting today  I  will try to update my blog more regurly. Today, I will share to you a very nice SEO tip for every blogger to their blog traffic and gain brand exposure and this is all about adding pinterest pin it button to all blog images. Have a mouse hover with image below for a live demo.

Adding Pinterest Pin It Button on Image Hover

Step 1.  Go to Blogger  Dashboard >> Template >> Edit HTML
Step 2. Locate the code below,

</body>

Step 3. Just above the code in step 2, paste the following code,

<script>
//<![CDATA[
var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDkNrj7H_i6mmWzh6Tg-hGtFmLxRqnvNUlV-ZzWCcHRmtb_BaQ2cttjB2GzX1JngTvsBgcIf91WHglz-aRIlHV96BiSOA9App5XLSK3GRC0MQ82uC-maWrrgtIHxc1VADKBwyqrTO-htE/s1600/pinterest-icon.png";
var pinit_button_position = "center";
var pinit_button_before = "";
var pinit_button_after = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script id='pinit-img-button' src='http://bloggingtipsandtrix.googlecode.com/svn/trunk/script/pinterest.js' type='text/javascript'>
//  Please visit Bloggingtipsandtrix.blogspot.com for more widgets and tricks.
</script>

Step 4. Save your Template and you are done!

Customiztion:

• To change the position or location of the pinterest button just replace the red bolded text "center"with topleft, topright, bottomright or bottom left.
• And to change the Pin it button that appears when mouse hover on it, replace the image link in orange bold text above with your own Pin It button image link or URL.
• You can also see some available url of Pinterest Icon here.
•  If you want to disable this in one of your specific images, just go to your specific post and switch it HTML mode and locate the image element and type class="nopin" right before the closing slash and angle bracket as shown in the image below.
  

That's all buddies! Enjoy!

Turn On and Turn Off The Lights with jQuery Plugin

Hello brothers! Its been a quiet short time here that I was not able to post an article because of some important matters to settle but for now I will share you a widget that could make you happy. This is from Janko and made it bloggerize by helplogger. You can use this widget especially if you are showing a video to your visitor. I will make this tutorial more straight to make it more comprehensive to all of us.

Live Demo: Turn On and Turn Off The Lights with jQuery Plugin

Turn On and Turn Off The Lights with jQuery Plugin

Step 1. Go to Blogger Dashboard >> Template >> Edit HTML
Step 2. Look for the Code below

</head>

Step 3. Just above the code in step 2, paste the code below

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$("#lightsoff").css("height", $(document).height()).hide();
$(".lightSwitcher").click(function(){
$("#lightsoff").toggle();
if ($("#lightsoff").is(":hidden"))
$(this).html("Turn off the lights").removeClass("turnedOff");
else
$(this).html("Turn on the lights").addClass("turnedOff");
});
});
//]]>
</script>

Note: Exclude the red highlighted color if you had already added a jQuery library in your Blogger template.
Step 4.  Look for the code below

]]></b:skin>

Step 5. Just above the code in step 4, paste the following code below

/* Turn off the lights
----------------------------------------------- */
#lightsVideo {
position:relative;
z-index:102;
}
#switch {
max-width:640px;
text-align:left;
position:relative;
height:25px;
display:block;
margin: 25px 0 0 60px;
}
.lightSwitcher {
position:absolute;
z-index:101;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiivoLY-J2hs6KmBuMTo_01_SxCCo0ei3SbB6VMlUx35PGTjYEhFZ_4KRLceYwfQYSQgz_hM0ozSzH8GsxppnLeJ63cUxrotfgbdR4OCoLwIoDblEXq_sb2vyiETyVThMDdn_adJvWccbTr/s1600/lights-on.png);
background-repeat:no-repeat;
background-position:left;
padding: 0 0 0 20px;
outline:none;
text-decoration:none;
}
.lightSwitcher:hover {text-decoration:underline;}
.turnedOff {
color:#ffff00 !important;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGrdkzmpol47xSSP4zyVHT4XKqL3CSBLyjf76Dxk2nIVu4nX09PxyCdW2MK1LXuYKA2tMdUp2yIqztqjzkRg0SmdrL9WU5WgqWWNoLmJhefK7b9jEFubMHOseaOgQpu04Re6TlHLdULrRx/s1600/lights-off.png);
}
#lightsoff {
background:#000;
opacity:0.9;
filter:alpha(opacity=90);
position:absolute;
left:0;
top:0;
width:100%;
z-index:100;
}

Step 6. Look for the code below

</body>

Step 7. Just above it, paste the code below

<div id='lightsoff'/>

Step 8. Save your Template
Step 9. Whenever you want to integrate this widget to your post, just copy the code below and paste it in your Blogger Post Editor page in HTML mode.

<center>
<div id="switch"><a class="lightSwitcher" href="javascript:void(0);">Turn off the lights</a></div>
<div id="lightsVideo">
...Here goes the code of the video...
</div>
</center>

How to Make Rotating Image Holder For Blogger Images

Hello guys out there, are you looking for a different and unique  hover effects style to your images? Today, I will share you a rotating image holder for a specific image(s) in your blogger blog. This tutorial was made possible after I visited the about page of  Md. Atiqur Rahman of Bangladesh. This tutorial is divided into  two parts : First, the putting of HTML in your Blogger post editor's page and the second is adding the CSS in your Blogger template source code.

Live demo :  How to Make Rotating Image Holder For Blogger Images

Add Rotating Image Holder For Blogger Images

Part A.  Adding HTML code to Blogger Post Editor's page

Step 1. Go to Blogger Dashboard >>  Post or New Post
Step 2. Switch it HTML mode and paste the code below

<div align="center">
<div class="imgholder">
<div class="outer1 circle">
</div>
<div class="outer2 circle">
</div>
<br />
<figure>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicvKmHfxtDYE8cI7Nrx-hgbCPqcFkdmviXS_OQJzAbLrwaghL1WalqDiVGr-TqAXRG3mtkJQdqLLprNXovsxh8s-PM1Vx7ftXqRMDjIAhGqlG9fbTnl8teyIif31DH7fUmZLZKHZrY6mqi/s1600/blogger+guest+author.jpg" />
   <figcaption class="caption">Manny Pacman</figcaption>
  </figure>
 </div>
</div>

Step 3.  Replace the  orange bold line with the  image url of your own and the red bold line with your own  image caption.

Recommended: How to upload images to Blogger and Get Image Link

Step 4. Save your work and your halfway done!

Part B. Adding of CSS to Blogger Template Source Code

Step 1. Go to Blogger Dashboard >> Template >> Edit HTML

Step 2. Look the code below

]]></b:skin>

Step 3. Copy the code below and paste it above the code in step 2

.imgholder:hover img {
opacity: 1;
filter: alpha(opacity = 100);
transform: scale(1,1);
-ms-transform: scale(1,1);
-moz-transform: scale(1,1);
-webkit-transform: scale(1,1);
}
.imgholder img {
position: absolute;
left: 0;
top: 0;
width: 120px;
height: 120px;
z-index: 2;
/* border-radius: 100px; */
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
opacity: 0.3;
filter: alpha(opacity = 30);
box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
/* -webkit-box-shadow: 0 0 5px #000; */
transform: scale(0.5,0.5);
-ms-transform: scale(0.5,0.5);
-moz-transform: scale(0.5,0.5);
-webkit-transform: scale(0.5,0.5);
transition: opacity 1s, transform 1s ease-in-out 0.3s;
-moz-transition: opacity 1s, -moz-transform 1s ease-in-out 0.3s;
-webkit-transition: opacity 1s, -webkit-transform 1s ease-in-out 0.3s;
}
.imgholder:hover .outer1 {
border-color: #0088EA #7FC9FF #0088EA #7FC9FF;
box-shadow: 0 0 10px #0285E2;
-moz-box-shadow: 0 0 10px #0285E2;
-webkit-box-shadow: 0 0 10px #0285E2;
transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
}
.imgholder:hover .outer2{ opacity:0.9; filter: alpha(opacity = 90); transform: scale(1,1) rotate(-10deg); -ms-transform: scale(1,1) rotate(-10deg); -moz-transform: scale(1,1) rotate(-10deg); -webkit-transform: scale(1,1)rotate(-10deg);}
.imgholder .outer1 {
top: -8px;
left: -8px;
width: 120px;
height: 120px;
z-index: 2;
border: 8px solid;
border-color: #DEEBFC;
box-shadow: 0 0 3px #AFD3FF;
-moz-ox-shadow: 0 0 3px #AFD3FF;
-webkit-box-shadow: 0 0 3px #AFD3FF;
background: #ffffff;
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e2efff 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e2efff));
/* background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#e2efff 100%); */
background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#e2efff 100%);
background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#e2efff 100%);
background: radial-gradient(center, ellipse cover, #ffffff 0%,#e2efff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2efff',GradientType=1 );
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transition: transform 1.8s ease-in-out, box-shadow 1s ease-out, border-color 1.5s;
-moz-transition: -moz-transform 1.8s ease-in-out, -moz-box-shadow 1s ease-out, border-color 1.5s;
-webkit-transition: -webkit-transform 1.8s ease-in-out, -webkit-box-shadow 1s ease-out, border-color 1.5s;
}
.imgholder .circle {
position: absolute;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
}
.imgholder .outer2 {
top: -18px;
left: -18px;
width: 136px;
height: 136px;
z-index: 1;
border: 10px solid;
border-color: #D6E5FC #9BC8FF #D6E5FC #9BC8FF;
box-shadow: 0 0 20px #8EB9FF;
-moz-box-shadow: 0 0 20px #8EB9FF;
-webkit-box-shadow: 0 0 20px #8EB9FF;
opacity: 0;
filter: alpha(opacity = 0);
transform: scale(1.3,1.3) rotate(180deg);
-ms-transform: scale(1.3,1.3) rotate(180deg);
-moz-transform: scale(1.3,1.3) rotate(180deg);
-webkit-transform: scale(1.3,1.3) rotate(180deg);
transition: opacity 0.5s, transform 0.7s ease-out;
-moz-transition: opacity 0.5s, -moz-transform 0.7s ease-out;
-webkit-transition: opacity 0.5s, -webkit-transform 0.7s ease-out;
}
.imgholder .circle {
position: absolute;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
}
.imgholder:hover figcaption {
top: 85%;
}
.imgholder figcaption {
position: absolute;
left: -5px;
top: 31%;
width: 130px;
color: #004E87;
font-weight: bold;
text-shadow: -1px -1px 0 #fff;
z-index: 4;
transition: top 0.5s ease-out;
-moz-transition: top 0.5s ease-out;
-webkit-transition: top 0.5s ease-out;
}

Step 4. Save your work and your done with the tutorial

Customization:

We will focus  first  on the image holder on its default and with  a mouse hover effects on it.
On default for image holder outer 1: Change the hexadecimal color #DEEBFC with another one. You can try also  our hexadecimal colors.

With mouse hover for image holder outer 1: Replace the hexadecimal colors #0088EA #7FC9FF #0088EA #7FC9FF with another sets. The sequence is from top (#0088EA), right (#7FC9FF ), bottom (#0088EA ), and left ( #7FC9FF) respectively.

 With mouse hover for image holder outer 2:  Just change the hexadecimal colors #D6E5FC #9BC8FF #D6E5FC #9BC8FF with another sets. The sequence is from top (#D6E5FC), right (#9BC8FF ), bottom (#D6E5FC), and left ( #9BC8FF ) respectively.

 For the image holder caption in its default setting, change #004E87  to change  the color of the image caption. You can also change the margin by customizing the top and left attributes of the CSS under .imgholder figcaption.

And finally for the hover effect on the  image caption, replace the margin attribute which is 85% for the top margin depending on the position of your caption of the image on your post.

How to Integrate Font Awesome to Blogger Sidebar

Hello friends out there! Font Awesome integration to our  Blogger posts body is really nice. This give more emphasis to the meaning of our written article aside from putting professional images on it. Today, I will share  how to add font awesome icons to your sidebar since it also provoke your readers to stay longer in your blog to by clicking the widget below on it like your most commented widget, popular posts and the like. You can also glance my sidebar to the live demo of this post. Without much words to say buddies, let us proceed to its tutorial.

Recommended

How To Integrate Properly Font Awesome Icons In Blogger Blog

How to Add Font Awesome to Blogger Sidebar

Step 1. Go to Blogger Dashboard >> Template >> Edit HTML

Step 2. Locate the code below

</head> 

Step 3. Just above the code in step 2, paste the code below

<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>

Note:  Just skip this step, if you have already installed the font awesome icon library in your blog

Step 4. Go back to Blogger Dashboard >> Lay- out
Step 5. Select among your Sidebar widget of which among them you are going to put the font awesome icon
For example in my case, I choose the widget which is  "Categories". Locate the widget ID  of it by clicking its name "Categories" and click the address bar which is located in the top portion on it. The image  below will speak more of what I mean to say.

Step 6. Go to Template and click Edit HTML

Step 7. Inside your template Editor's page type the widget ID of your sidebar gadget (Label 1)

Step 7. Expand the code by clicking the triangle as shown in the image above (the triangle after the violet arrow)

Step 8. Then you will see the code below, click it to expand

Step 9. Then you will see the code below

<b:if cond='data:title'>
    <h2><span><data:title/></span></h2></b:if>

Step 10. Insert the HTML line that bears the font awesome icon after the tag <span>. See the example below

<b:if cond='data:title'><h2><span><i class='fa fa-stack-overflow'/><data:title/></span></h2></b:if>

Do this in the other widget in your sidebar! Try to view the list of available icons font awesome for your varied choices.
Thanks Buddies for usual support and God Bless!!!

8 Best Content Writing Tips For SEO Friendly Blog Post

As all web developers know about content writing for SEO, it is an action by which we create content that has a sole purpose and that is to direct  search engine traffic to our site and no other more! Such move  helps to improve our ranking on a SERP (Search Engine Results Page) on major search engines like Google, Yahoo and Bing. In order to make our  content easy for search engine robots to rank in the front page (rank 1) especially for beginners is  we should apply the best tips like  submission of sitemaps to Google webmastertools, write not for robots only but to your real consumers, optimize blog  via social media and the like. Those are just the components  to make your content well and change the overall ranking of your website. Have a look at some of the best content writing tips to make a SEO friendly blog.

Best Content Writing Tips For SEO Friendly Blog

1. The essence of content you write

With much respect to your chosen topic, the content you wrote should have the power to drive  large audience. In order to make this is we should put in our minds the main purpose of our job which is to help other people or  company much more than what SEO does. Even if there are lot of competitors out there, then if you have a very nice articles that could change the world then Search engine robots will love it. Good content will increase the page rank and would also be shared by your readers to others in the web via social media like facebook and twitter .

2. Stick to one topic per post

If you are discussing in a certain post about "Best Content Writings Tips For  SEO Friendly Blog" then stick to it. Don't integrate in your content like "Best Cooking Schools in the World" which is quite irrelevant to the former.Writing can be done in various ways or modes. Each way is different from all others and better to the other person. Do not deprive your self to write naturally because in this way you're showing your true personality and that's what people really like to read.

3. Write article with attractive heading(s)

Readability of the content must  be the first objective of any writer and we should start it at our blog title and  post titles. Titles of web pages and article that grab audience attention are the ones which be clicked first by the readers.Unfortunately many  bloggers especially  the new one tend to commit mistakes here is by making very generic and boring titles like "SEO Friendly Blog" instead of "Best Content Writing Tips For  SEO Friendly Blog ".  Try to be creative, imaginative and make your title attractive so that visitors will stay longer on your site and click more to other posts. Constant practice will make your work perfect.

Also read:  Optimize H1,H2 & H3 Heading Tags For Better Seo In Blogger

4. Appropriate Use of Keyword

Always watch your keyword length and density in a specific article. Posts written for directory submission and content for web copy should ideally have 300- 1000 words. Blog posts and social media posts must be shorter in length.  A keyword for every 50 to 100 words is desirable in an article. But avoid keyword stuffing. Your keyword should be evenly distributed throughout the post and should be not be  over used! Your number of keywords used speaks the length of the article you are writing.

5. Use Meta descriptions

One way to drive more traffic to your site is to have a meta descriptions which is highly recognizable by visitors. Meta descriptions are 150 character descriptions of the content. The content written should have Meta descriptions with keywords.

Recommended:
                        How To Add Meta Description To Blogger Using Blogger Settings
                        How To Add Meta Tag Description In Blogger

6. Write original content

Avoid spinning articles from different sources since it could adversely affect search engine optimization. Writing content which comes from your imaginative and clever mind is very much essential for  your SEO plan.  Copying content from others degraded your website reputation. If it cant be avoided, try to put attribution link as a sort of complement from the source.

7. Have a friendly tone and interactive mode

Try to be friendly to your readers as much as you can. Be courteous to them since they are the true consumers of your written articles. You can't be a good content writer if you don't know how to humble and with 100% tolerance to "back bites" or people who wants to pull you back.

8. SEO Friendly Blog Structure

Sometimes readers will judge the author by seeing alone its blog appearance. They loved to read articles with beautiful blog design. Just like  a visitor in a Mall with no intention to buy who founds the place very conducive will be provoked to buy something. In other words, readers should not leave your blog without buying any stuff since they found your site very interesting and  helpful to them.

Make every blog post as a magic post of your site. You should have well constructed headings, internal sub headings, keywords and a well position classifieds ads to promote itself in the market online. Furthermore, the use of images will  further add  value of your content. Visual supplements play a vital role to make readers not to fell bored and dull. Photographs, infographics, slideshows and artwork are just few of them.Much better if the images you use don't violate copyright laws or you can ask the permission of the owner before using it your blog.

Final Words:

So friends, these are some of the best Content Writing Tips to make your blog a SEO friendly one. Avoid manufacturing spam articles since you are not only wasting your time but also your resources. Always remember to be more natural in your ways to be like more to your readers so that the latter can have good user experience with your site and they will come back again and again!