Tags: Beginner's Guide / Blogging Tips

How to Restore your Blogger Template from Backup

- 2 Comments

In our previous posts we discussed about How to Backup your Blogger Template and now if something unexpected happened and it effected your blog's appearance so, you don't have to worry about it because you already have a Backup of your Blogger Template. All you have to do now is just to restore your Blog to its previous condition by uploading your backup file. So, today we are going to share an article on How to Restore your Blogger Template from Backup.
Recommended for You :
How to Backup your Blogger Template

How to Restore your Blogger Template

Step 1. Log in to your Blogger Dashboard
Step 2. Select a Blog and Select Template option from the menu in Left Side

Step 3. And hit the Backup / Restore button which is in the top right corner of that page
Step 4. A popup will open and Click on the Browse button from that popup

Step 5. Select the Backup file and Hit the Upload button
Note : The file should be in XML format.
And Done !!

From Editors Desk

Now you can freely modify your template. If something goes wrong, just restore your template and Problem solved :)

Tags: Blogging Tips / Widgets

How to create a Sitemap/Table of Contents in Blogger

- 15 Comments

Table of Contents/Sitemap is a page that shows all the posts that are published on your blog in a separate page. As we know, that blog archive shows all the required data but not in a single page. This Table of Contents will make it easier for your readers to find that they are looking for. The gadget we are going to share with you today will help you to add a Table of Contents in a single page. This table of contents shows post titles with separated labels and a New! text with recently published posts.
A live demo of this gadget can be seen by Clicking Here

How to create a Sitemap/Table of Contents in Blogger

Step 1. Log in to your Blogger Dashboard
Step 2. Go to Pages >> New Page and select Blank Page from the List

Step 3. Click on HTML and Paste the following code in the HTML Box

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="http://blogolect.blogspot.com/2014/01/create-sitemap-table-of-contents-in-blogger.html" style="font-size: 10px; text-decoration:none; color: #5146CD;">Grab This Widget</a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ4zAr2YbaBsVIMrvq4n_LHhChpyW-8DcoPVwXTj7sKK8xLb0dRHVl0n6sVomueVUtuxlKn7NCydo8WJe1iZIEaA_dlh6W38kW14dWSXUQ0TOFHerPKc15wOI6TC0AZ0jpZQn9NM-vmpo6/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="http://blogolect.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script>

Replace blogolect.blogspot.com with your Blog/website URL address
Replace #242424 and 15px to change the font size and color of labels

Step 4. Hit the Publish Button
And you're done
Feel Free to Ask.
For any questions or suggestions, leave a comment.

Tags: Blog Design / Blogging Tips

Add Round Hover Effect to Images of your Blogger Blog Posts

- 3 Comments

This is our 1st post of the new year 2014 and in this post I'm going to share another Hover effect for your Blog. You may have seen Image hover effects on many blogs. The hover effect I'm going to share with you today will change the default image border to round border on hover. This effect works on CSS and adding this effect to your blog is very easy. So, guys follow the steps below to add this Image Hover effect to your blog.

Recommended Posts:
Add Hover Effect to Images of your Blogger Blog Posts

Adding Round Hover Effect to Images of your Blog

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 - See more at: http://blogolect.blogspot.com/2013/12/add-hover-effect-to-images-of-your-blog-posts.html?showComment=1388413555068#c8192196137529708425

Add Hover Effect to Images of your Blogger Blog Posts - See more at: http://blogolect.blogspot.com/2013/12/add-hover-effect-to-images-of-your-blog-posts.html?showComment=1388413555068#c8192196137529708425

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 {
text-align:center;
border:3px solid #39F;
-webkit-border-radius:0;
-moz-border-radius:0;
-o-border-radius:0;
border-radius:0;
margin:0 2px 4px 0;
padding:2px;
}

.post img:hover {
text-align:left;
border:3px solid silver;
-webkit-border-radius:70px;
-moz-border-radius:70px;
-o-border-radius:70px;
border-radius:70px;
-webkit-transition:all .45s ease-out;
-moz-transition:all .45s ease-out;
-o-transition:all .45s ease-out;
transition:all .45s ease-out;
margin:-6px -8px -8px -6px;
padding:1px;
}

Step 4. Click on Save Template button

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 - See more at: http://blogolect.blogspot.com/b/post-preview?token=_xfJSUMBAAA._QudqCLLg7WGzaDyI8xMBQ.Kx0AKv8MK84qcLnfGHzLMQ&postId=3783301090408238732&type=POST#sthash.PIEvAy4V.dpuf

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

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 - See more at: http://blogolect.blogspot.com/2013/12/add-hover-effect-to-images-of-your-blog-posts.html?showComment=1388413555068#c8192196137529708425I 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

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. - See more at: http://blogolect.blogspot.com/2013/12/add-hover-effect-to-images-of-your-blog-posts.html?showComment=1388413555068#c8192196137529708425

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.

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var thumbnail_mode = "yes" ;
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>

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

<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>

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

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 ]

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 ]

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: