Tags: Blogging Tips / Freebies / Icons

10 Free High Quality Flat UI Icon Sets

- 16 Comments

The hottest style right now is Flat UI. Flat UI is an evolutionary step in design. Every one is using this design, whatever its Windows or Cell phones. All the Big Brands are going Flat. Everyone’s talking about it and everyone is doing it. If you aren't using flat design so, let's jump together into this new trend.
Here's some hand picked list of flat designs. I hope you will like it :-)

1- 40 Social Media Flat Icons

2- Flat Social Icons

3- Flat Social Media Icons By Designmodo

4- Flatilicious - 48 Free Flat Icons

5- Free Colorful Icons

6- Flat Social Icons EPS

7- Free Flat Social Media Icon Set

8- Free program Icons

9- FREE PSD - Flat Icons

10- Free Web Icons

From Editors Desk

Whether Flat UI will stick or another design will be coming in next years remains to be seen.
What do you think? Let us know in the comments.

Tags: Beginner's Guide / Blogging Tips / Tutorials

How To Recover Your Blogger Blog From Backup

- 5 Comments

In our previous post we discussed about How To Backup Your Blogger Blog Posts and today in this tutorial i am going to explain that How To Recover Your Blogger Blog From Backup. If after the backup of you blog, your blog is deleted by blogger and you want to backup your blog posts, so just follow the steps below to recover your blogger blog :

How To Recover Your Blogger Blog From Backup

Step 1: Go to Blogger Dashboard >> Select Blog >> Setting >> Other And click on Import Blog option

Step 2. A new screen will appear

Step 3. Click on Browse and select your backup file

Step 4. Enter the words in image in the box and click on Import Blog Button

Step 5. All your blog posts will be imported back to your blog

Note :

If you backup your blog daily then you can recover your blog easily after serious damage or after complete deletion.

Tags: Blogging Tips

How to Change Your Blogger Posts List to Grid View

- 298 Comments

After sharing a large number of great and amazing widget let's come to Blogging Tips. So, friends today I'm going to share an amazing hack that will change your Blogger Posts List to Grid View. Most of the blogger template are in list style but you can change any Blogger template from list style to Grid View. If you run a Fashion Blog then this hack is useful for you. This hack will only work on Homepage, Archive and Label.

Change Your Blogger Posts List to Grid View

Step 1. Log in to your Blogger Dashboard
Step 2. Select your Blog >> Template and Hit the Edit HTML Button
Step 3. Search for </head> Tag, Copy and Paste the following code just Before/Above the </head> tag.

<!-- Grid Style Hack Start By Blogolect.blogspot.com-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot; ;
summary_noimg = 400;
summary_img = 180;
img_thumb_height = 130;
img_thumb_width = 220;
</script>
<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}strx=s.join("")}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...'}function createSummaryAndThumb(pID){var div=document.getElementById(pID);var imgtag="";var img=div.getElementsByTagName("img");var summ=summary_noimg;if(img.length>=1){imgtag='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';summ=summary_img}var summary=imgtag+'<div>'+removeHtmlTag(div.innerHTML,summ)+'</div>';div.innerHTML=summary}
//]]>
</script>
<style type='text/css'>
.post {width:44%;height:370px;float:left;margin:10px;position:relative;display: block;}
.post h3{height:32px;margin-top:60px; margin-bottom:-15px;padding:5px;font-family: Helvetica, Arial;line-height:1em;font-weight: bold;  font-size:16px;letter-spacing:-0.5px;}
.post-body {padding:5px;height:241.5px;font-family: Helvetica, Arial; font-size: 13px; margin:20px;}
.post-footer {margin-top:20px;height:20px;}
.post-labels {display:none;}
.mobile .post {width:auto;height:auto;}
.mobile .post-body {height:auto;}
</style>
</b:if>
</b:if>
<!-- Grid Style Hack End By Blogolect.blogspot.com -->

Update:

• summary_noimg = 400; No of characters to show for posts with images
• summary_img = 180; No of characters to show for posts without images
• img_thumb_height = 130; Height of the image thumbnail
• img_thumb_width = 220; Width of the image thumbnail 
• width:44%;height:370px; Height and width of post container (You can also use px form for width)

Step 4. Now Search for <data:post.body/> and replace it with the following code

<!-- Grid Style Hack start -->
<b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>"); </script> <a class='more' expr:href='data:post.url'>Read More...</a> </b:if> </b:if>
<!-- Grid Style Hack End --> 

Note :
>>> If You Find Your Home, Newer and Older post links missing. Don't worry, in the Edit HTML Section search for <b:includable id='nextprev'> and paste the following code Below/After it.

<div style='clear:both;'/>

Step 4. Hit the Save Template Button.
And that's it...

Tags: Blog Design / Blogging Tips

Add Hover Effect to Images of your Blogger Blog Posts

- 2 Comments

Today I'm going to share an easy and amazing Blogger trick. You may have seen Image hover effect on many blogs. The hover effect I'm going to share with you today will glow the images of your Blogger Blog posts. When you move your mouse over an image it will Glow the image in red color (You can also change the color by replacing the hex color codes). So, guys follow the steps below to add this Image Hover effect to your blog.

Add Hover Effect to Images of your Blogger Blog Posts 

Step 1. Log in to your Blogger Dashboard

Step 2. Go to Template >> Click on Edit HTML and search (Ctrl + F) for the Following Tag

]]></b:skin>

Step 3. Copy the Below code and Paste it just above/before the ]]></b:skin> tag

.post img {
padding: 8px;
background: #ffffff;
border: 1px solid #cccccc;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.post img:hover {
background:#FDFDFB;
border:1px solid #FF3300;
-moz-box-shadow:0 0 10px 2px #FF0000;
-webkit-box-shadow:0 0 10px 4px #FF0000;
box-shadow:0 0 10px 4px #FF0000;
}

Step 4. Click on Save Template button
That's it!!!

From Editors Desk

I hope that you will like this image hover effect, Give us your Feedback and Enjoy Blogging !
Feel Free to Ask. Your Feedback is always highly appreciated

Tags: Blogging Tips / Widgets

Let Your Visitors to Change Your Blog's Background Color

- 1 Comment

Let your visitors to choose their favorite color for your blog's background. If you are running a blog then its easy for you to change your background color but the widget we are going to share with you today will let your visitors to choose you blog's background color.

Note :

This widget will change the background color only for the person who changes the color, not for everyone.

How to Add this widget to your Blog

Step 1. Log in to your Blogger Dashboard

Step 2. Go to Layout >> Click on Add a Gadget and select HTML/JavaScript Gadget from the list of Gadgets
Step 3. Now Copy the below code and Paste it in the HTML/JavaScript Widget Box

<div class="widget-content">
<center><b>Choose Your Favorite Color</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
<td onclick="bgChange('#000000')" bgcolor="#000000">
</td>
<td onclick="bgChange('#66FF00')" bgcolor="#44FF00">
</td>
<td onclick="bgChange('#FFFF00')" bgcolor="#FFFF00">
</td>

</tr></tbody></table>
</div>

Step 4. Hit the Save Button
That's it !!!

From Editors Desk

I hope that you and your visitors will like this widget, Give us your Feedback and Enjoy Blogging !
Feel Free to Ask. Your Feedback is always highly appreciated

Tags: Blogging Tips / BuySellAds

4 Reasons Your Blog Won't Get Approved by BuySellAds

- No Comments

Everyone wants to be get approved by the largest ads selling network BuySellAds. You apply for approval but you wont get approved. If you are one of them who wants to get BuySellAds approval, then following tips would help you to get approved.

What are the reasons behind this? Do you have enough traffic? Is your page rank is enough to get approval? Do you have enough social media Fans? What do you think without all these you can get BuySellAds approval? Huh! The answer is No.

4 Reasons Your Blog Wont Get Approved by BuySellAds

1- Your Blog's Traffic

One of the solid reason that you wont get approved by BuySellAds is your Blog's traffic. You should prepare your blog before applying to BuySellAds even for the first time.

Your Blog should have great traffic, quality content to get approved by BuySellAds. If you provide quality content then the people will visit your daily and you'll get maximum traffic to get approved. On the other hand if your content is not helpful then its time for you to stop dreaming about BuySellAds Approval.

2- Social Media Fans

Some blog's don't have enough traffic and Alexa rank but are listed in BuySellAds Directory only on the basis of their social media fans (Facebook, Twitter etc.). Before applying for BuySellAds make sure that you have max. 1000 Facebook and 500 Twitter fans.

3- Your Blog's Domain

Before applying for BuySellAds you must buy a custom domain for your blog (www.example.com). Because BuySellAds don't accept free domains like (example.blogspot.com/example.wordpress.com)

4- Your Blog's Design/Template

If your blog's design us ugly and full of ads, then your blog would not get approved by BuySellAds. Your blog's design should be professional. 

To get approved by BuySellAds your blog should have professional look, without ads and popups, pay attention to your visitors and provide quality content.

From Editors Desk

Now you have to do a little Hard work to get approved by largest ads selling network BuySellAds.com. 
Wish you All the Best !

Tags: Blogging Tips / Social Media

5 Websites for Adding Social Sharing Buttons to your Blog

- 184 Comments

Social media is a critical factor for the success or failure of your blog. You can boost up your visitors with the help of social media. You can make your blog successful by using social networks like Facebook, twitter and Google +. Here comes the concept of social sharing buttons. Social Sharing Buttons will help you visitors to share your content easily by just clicking on an icon. So, there are 5 Websites mentioned below that you can use to add social sharing buttons to your blog :

5 Website for Adding Social Sharing Buttons to your Website

1- ShareThis  (http://www.sharethis.com/)

2- AddToAny (http://www.addtoany.com/)

3- Shareaholic (http://www.shareaholic.com/) 

4- AddThis (http://www.addthis.com/)

5- Simple Share Buttons (http://www.simplesharebuttons.com/)

Tags: Blogging Tips / Widgets

How To Show Post Title Only On Homepage In Blogger Blog

- 2 Comments

Today, I'm going to show you that how to show post title only on homepage of your blog. By adding this code to your blog, your blog will show post title only on homepage of your blog. Just follow the steps below to Show Post Title Only On Homepage In Blogger Blog. Click on image to enlarge.

 

Show Post Title Only On Homepage In Blogger Blog

Step 1. Go to Blogger Dashboard >> Template >> Edit HTML >> And search for
</head> tag.
Step 2. Copy the below code and paste it just above/before </head> tag.

<style type='text/css'>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>

.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {color:#333333;}

.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}

</b:if>
</b:if>

</style>

 Step 3. And Save Your Template

---> Do you like this article? Share it with your friends/followers and subscribe to this blog now, for you to stay updated with our latest posts.

Tags: Blogging Tips

Top 10 Websites to Find Free Images for Your Blog

- 9 Comments

If you want the attention of your readers, so your blog needs great images. But where you are supposed to find these images?
Don't worry! Finding free images for your blog is easier than you think. There are many sites that provide free pictures. The following 10 websites offers thousands of free photos that bloggers can download to use on their blogs.
Once you find your photos, you can edit them by using online editing tools and then use these pictures on your blog.

1- EverstockPhoto [ http://www.everystockphoto.com ]

2- Stock.XCHNG [ http://www.sxc.hu ]

4- RBG Stock [ http://www.rgbstock.com ]

3- Pixabay [ http://www.pixabay.com ]

4- RBG Stock [ http://www.rgbstock.com ]

5- Flickr [ http://www.flickr.com ]

6- FreeFoto [ http://www.Freefoto.com ]

6- FreeFoto [ http://www.Freefoto.com ]

7- MorgueFile [ http://www.morguefile.com ]

8- Free Photos Bank [ http://freephotosbank.com ]

9-  Stockvault [ http://www.stockvault.net/ ]

10- Foter [ http://www.foter.com ]

10- Foter [ http://www.foter.com ]

9-  Stockvault [ http://www.stockvault.net/ ]

---> Do you like this article? Share it with your friends/followers and subscribe to this blog now, for you to stay updated with our latest posts.

Tags: Blogging Tips / SEO

5 Tips For Powerful Search Engine Optimization

- 16 Comments

Search Engine Optimization is about getting free traffic from Google and other popular search engines. SEO is important to improve you site rankings and it also increases your visitors. So today in this post there are 5 simple tips for powerful Search Engine Optimization.

1- Write unique content 

You should provide Unique Content to your website / blog. You need to provide content that is different from other sites and other webpages.

2- Add new content

To provide new content on regular basis is important too. The sites that provide new content are seen as more reliable than the others. This will increase your visitors and also improves your rankings.

3- Great keyword Phrase 

When you are working on search engine optimization, the first thing you should is to find a great keyword phrase for that page. You don't have to optimize your entire site on one keyword phrase - instead focus on writing posts for specific keywords and phrases.

4- Get a domain with your keyword phrase 

You should put your keyword phrase in your domain name to optimize for that phrase.

5- Use the keyword phrase in your URL 

Search engines read the URLs. So, if you can't get your keywords into your domain name, you can put them into your URLs. 

Tags: Beginner's Guide / Blogging Tips

10 Tips for Beginner Bloggers to Successfully Start a Blog

- 9 Comments

1. Define Your Goals

Before you start your blog,it's essential that you define your goals. Your blog has a greater chance of success if you know you goals from the beginning. What you hope to accomplish from your blog. Are you trying to establish yourself as in expert in your field Or you are trying to promote your business or other.

2. Connect with your readers through an about page

The best way to make a lasting impact is to connect on a personal level with your readers. You should connect to your readers through an about page or welcome messages. You don't need an author pic to relate to your readers, but you should find some way to allow your readers to connect with you on a personal level.

3.  Never launch a blog with fewer than 7 posts.

In the blogosphere you typically get just one shot at impressing a visitor. Too many new blogger start their blog with just 2 posts and then start on promotion, In the world of blogging, you are selling your writing. If you can't give people a picture of what your blog is all about and what type of writing will be on it, so why the people throw a link you way, like your fan page or subscribe to your RSS feed? When someone subscribes it's mean that they're giving a vote of confidence that your site is worthwhile, so give them something to grab on to, and let them know your space won’t be “just another abandoned blog.”

4. Be Yourself

Remember, that your blog is your brand, and your readers will keep coming to hear what you have to say. People don't read blogs simply to get news. They could read a newspaper for  news. Instead people read blogs to get blogger's opinions on the news reports, life and more. So, don't blog like a reporter. Blog like you're having a conversation with your readers.

5. Keep Learning

Everyday there are new tools and widgets are available to bloggers. As you develop your blog, take the time to research for new tools and features, and also keep an eye on the latest news from the blogosphere. When a new tool will roll out that can make your life easier. So, you should not stop learning.

6.Take Risks

Beginner bloggers are ofter afraid of the new blogging tools available to them. You should take risks and try new things on your blog. You should add new plug-in's to your blog, and it's important that you keep your blog fresh by changing your blog design that will enhance your blog.

7. Ask for help

Even the most experienced bloggers understand that the blogosphere is an ever-changing place and no one knows everything there. Most importantly, blogger are part of close community. In fact, bloggers are some of the most approachable and helpful people you can find. So, don't be afraid to reach out to fellow bloggers for help.

8. Be Persistent

A busy blog is a useful blog. You should update your blog daily. The usefulness of blogs comes from their timeliness. It's important not to publish posts that may bore your audience. The best way to keep your readers coming back is to always post something new and meaningful for them to see.

9. Know Your Audience

Your blog's design and content should reflect the expectations of your audience. If your audience is teenagers, then your blogs design and content would quite different than a blog targeted to corporate professionals. Your audience will have inherent expectations for your blog. Don't confuse your audience but rather meet those expectations to gain readers loyalty.

10. Be your own promoter

Hundreds of thousands of content hungry readers are using social bookmarking websites every day. You should seed your best articles, and by using popular and specific keywords as tags, you can bring a large number of readers to your site. The best way to select the tags for your article is to think social bookmarking sites as search engines.

The following is a list of some bookmarking sites which you should submit your top articles to:

•     Digg

•     Netscape

•     Newsvine

•     Yahoo MyWeb

•     Reddit

•     Furl

•     Delicious

•     Lookmarks

•     Blinklist

•     Stumbleupon

Tags: Blogging Tips

Top 10 Tips for Beginner Bloggers (Part 1)

- 52 Comments

Starting a blog can seem overwhelming, but in truth, it's one of the simplest ways to join the online community. Follow these tips to ensure your blog is positioned for success.

1. Define Your Goals

Before you start a new blog, it's essential that you define your goals for it. Your blog has a greater chance of success if you know from

the beginning what you hope to accomplish with it. Are you trying to establish yourself as an expert in your field? Are you trying to promote your business? Are you simply blogging for fun and to share your ideas and opinions? Your short and long term goals for your blog are dependent on the reason why you're starting your blog.

2. Know Your Audience

Your blog's design and content should reflect the expectations of your audience. For example, if your intended audience is teenagers, the design and content would be quite different than a blog targeted to corporate professionals. Your audience will have inherent expectations for your blog. Don't confuse them but rather meet and exceed those expectations to gain reader loyalty.

3. Be Consistent

Just like other popular brands such as Coke or Nike,your blog is also a brand, your blog represents a specific message and image to your audience, which is your brand. Your blog's design and content should consistently communicate your blog's overall brand image and message

4. Be Persistent

A busy blog is a useful blog. Blogs that are not updated frequently are perceived by their audiences as static web pages. The usefulness of blogs comes from their timeliness. While it's important not to publish meaningless posts else you may bore your audience, it's essential that you update your blog frequently. The best way to keep readers coming back is to always have something new (and meaningful) for them to see.

5. Be Inviting

One of the most unique aspects of blogging is its social impact. Therefore, it's essential that your blog welcomes readers and invites them to join a two-way conversation. Ask your readers to leave comments by posing questions than respond to comments from your readers. Continue the conversation by leaving comments on other blogs inviting new readers to visit your blog for more lively discussions. Your blog's success is partially dependent on your readers' loyalties to it. Make sure they understand how much you appreciate them by involving them and recognizing them through meaningful two-way conversation.

Upcoming Part 2 With 5 More Tips

Tags: Blogging Tips

What Is RSS?How It is Useful For Bloggers and Readers

- 26 Comments

RSS is very popular among bloggers and readers.RSS stands for Realy Simple Syndication.It is used for distribution of content to wide niche audiences.Its origin can be traced back to 1999 but it struck the limelight after Microsoft and Opera decided to adopt the Rss Feed icon in their browsers.RSS files are essentially XML formatted plain text.

How RSS is Useful For Readers?

Everyday a regular Internet surfer reads many new blogs and articles.If you really find some interesting blogs either you can bookmark them or Subscribe to RSS feeds to stay in touch with the latest updates of the blog.

Why RSS Subscription is Better than Bookmarking?

RSS is relatively convenient than bookmarking because the latest posts (or excerpt) can be delivered directly into your email inbox.You don’t have to visit over and again to check for new posts.

If you haven’t subscribed to RSS you have to manage a large bookmarking list of favourite websites and keep on visiting them to check for new updates.This is not appropriate as

• You have to check a lot of websites each day

• You may get frustrated if the blogs are not updated frequently as you will find same posts each day

• You may miss some crucial updates if you don’t check the blogs regularly.

How RSS is Useful For Blogger?

RSS is also helpful to bloggers as their content get syndicated to wide and loyal audience who have subscribed to blog.Bloggers can also send exclusive updates to their email subscribers without posting the content on their blogs.

As the the bloggers have Email list of Niche audiences they can promote products which are relevant to its audiences and generate some cash.

Note:-

You shouldn’t subscribe to each and every blog that you visit as it will fill your email with hundreds of daily updates.