Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts
Custom Robots Header TagsBlogger is continuously improving search preference feature, Add Custom Robots Header Tags are very important for every blogger  for batter SEO. Today tutorial i tell you how to enable custom robots header tags in blogger. You have to be careful to setup custom robots text because if you do something wrong Google not index your page in search engine. Follow the instructions carefully and it'll positively help you to boost your web site traffic.

Step 1: To enable these tags, go to Blogger > Settings > Search Preferences, click Edit next to "Custom robots header tags," and select Yes.

Step 2: Select Yes Option and customize setting shown in the below image.

You must learn about tags when should you use them.
all:  There are no restrictions for indexing or serving. This is default for all pages
noindex:  Do not show this page in search results and do not show a "Cached" link in search results.
nofollow:  Do not follow the links on this page
none:  Equivalent to noindex, nofollow
noarchive:  Do not show a "Cached" link in search results.
nosnippet:  Do not show a snippet in the search results for this page
noodp:  Do not use metadata from the Open Directory project (DMOZ) for titles or snippets shown for this page.
notranslate:  Do not offer translation of this page in other languages in search results.
noimageindex:  Do not index images on this page.
unavailable_after: [RFC-850 date/time]: Do not show this page in search results after the specified date/time. The date/time must be specified in the RFC 850 format. Example: 17 May 2012 15:00:00 PST

Custom Robots Header Tags

Step 3: Now click on ""Save changes" button > Done

That's all! If you have any doubt or need help about it, please leave comment.

How to Create Google+ Page

Google recently introduced Google+ Page. Many people take advantage of it and still many new users do not know much about it so today tutorial i have tell you  how to create google+ plus for your business and individual website or blog. and many user use defult blogger profile they how can move blogger profile to google + plus Pages. it is very similar to the Facebook Fan Pages.

Why Use Google Plus?

Google+ Pages that a media business promotion, brand, organization, until the web / blog.
I  see so many advantages Google+ Pages, such as to unite the fan or follower of the blog in a major media as well as serve as a medium of information for them about updating the blog.
Associated with the profile, of course, use that profile integrated (sourced from one profile to all kinds of Google services) makes it easy to fit into a variety of services with just one click without having to log in repeatedly.
it is very similar to the Facebook Fan Pages.

How to create a Google+ Fan page

1. Go to this page  here you will find many category page. To create a page for your site then click Product or Brand
How to Create Google+ (Plus) Fan Page for Website/Blog

2.Select a category click website and click Next
google profile for blog

3. Enter the Blog Title and URL as Follows and Tick the Agree Page Terms check-box and Click on Create Button.
How to Create Google+ (Plus) Fan Page for Website/Blog
4. Enter the Tagline of the Blog and Upload a Profile photo (if any!)
5. Share your page with friends after complete click Finsh

 To Grow your fans and Audience, add the official Google+ page badge to your blog.
Click here to create blogger badge for your blog


How to Transfer Blogger Profile to Google Profile


You have created the Google + account​​ already follow above method.
1. Logged into Blogger
2. Go to Dashboard
3. Select the tab  Google+ and select the Upgrade Google +,see the below picture:
How to Create Google+ (Plus) Fan Page for Website/Blog

Tick the I have read above check-box and Click on Switch Now
How to Create Google+ (Plus) Fan Page for Website/Blog
Now move on To your Google+ Plus Page.
How to Create Google+ (Plus) Fan Page for Website/Blog

After the process is complete, Blogger will display Google+ profile (name, profile picture, and information) on the blogger profile gadget (if installed) and when my friend made ​​a new post or comment (name and profile picture) , but the old posts and comments have not changed. If my friend was not satisfied with the integration of Blogger to Google+ profile, do not worry. Blogger profiles can be restored to the condition, such as that already noted above, the return (revert back) Blogger from Google+ profile no more than 30 days after the integration is performed. trick? Just go to Blogger revert profile and finish.
Good Luck & Happy Blogging

Favicon In Favico.Com

Maybe all friend already know what is Favicon?? Yapss ... Favicon stands for "Favourite Icon" which is a picture / logo from a website or blog that appears on the browser, the user Blogger - Blogspot by default already has the form of a default favicon icon logo blogger.
Blogger Favicon is an image with the letter B logo with orange color background. If it is too general you can replace it with our own image. Favicon image that can be used is the image format. Ico, Well this time I gave a little tutorial of how to make their own favicon in favico.com.
Favico.com is one site favicon providers, there are many more sites like favicon.cc favicon providers, etc.

How to Make it??

1. Set up drawings / make first picture jpg or png format.
2. Open Site Favico.com.
3. Click browse and select the folder icon image that will be created blog> choose size 32x32> and click Create.
Make Your Own Favicon
4. If It first click Preview to see the result and click download.
Make your own favicon online free

How can Add this Favicon in Blog?

1. Go to Dashboard> Layout> Click Edit on the favicon blog.
2. Then will come a new tab, click choose file and select the favicon that was created earlier. and click save.

Upload Favicon

Thank you. I hope you will like this tutorial.
In general, the navigation to move pages in blogspot typically use a link with the text "Older Posts (old post)" and "Newer Posts (new post)". Differences with wordpress that can navigate shaped figures that can make it easier to skip a few pages to post that old and new. This tutorial I will explain how to change the link "Older Posts (long post)" and "Newer Posts (new post)" a figure as shown below:

Page Number Navigation

To make the "blog page" like the above way is quite easy, here are the steps:


  1. Go To Blogger > Design > Edit HTML
  2. Back up your template
  3. Search (Ctrl+F) for  ]]></b:skin>
Past below code above ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

 4. Then look up the code </ body> and add the following code on it:

<!--Page Navigation Starts--><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='https://bloggerknown.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends --> 
 5. Click the preview first, if there is no error click save.

Change page count 5 and display page Num 5



Once you have logged into Blogger you'll see your Dashboard, showing your list of blogs. Click the orange pencil icon to create a new post for blogger.

new post for blogger.com

You come to the post editor, from here, you can create your first post with text, music, videos inside.

new blog post guide
Click on Pic for view Largest
  1. Your post title
  2. Your post content
  3. Add a link to another webpage
  4. Add a photo to the post
  5. Add a video to teh post
  6. Add a label (Category) to your post
  7. Swith to HTML mode, to add HTML or JavaScript codes directly into the post
When you're done, click the gray Preview button at the top to make sure it's ready to go. This will open a new tab in your browser where you can see what your post looks like on your blog. You can go back to the previous tab and edit your post further, or, if you're satisfied, just click Publish to publish your post. That's all there is to it!

Watch a video on how to post to your blog.

More

Search This Blog