Breaking News

Saturday, 15 March 2014

How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728

         Though, after a huge span, Blogger has added a workable widget i.e. ‘A contact form’; it is not a specific contact us page, it is a widget that will only stick on the sidebar or in footer of your blog. Have you ever seen a blog or website (except an ugly blog made by a complete idiot) on which wherever you go, from the homepage to a single post you meet to a contact form? Your answer will be No, I can bet. However, we all are known with only one kind of contacting form on a static page. So to add it on your blog, here I have a tutorial with little density of words. I hope you will like this.
There are plenty of places on the web that provides numerous types of contact us pages with cool images like a lady holding the page. But in this post, I will be explaining how to convert the custom blogger contact form widget into a contact us page with no hustle and bustle.

Adding Blogger Contact Form

First off, you will need to add the custom widget in your blog. To install it, keep following these easy steps until those ends. 

1. 
How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728
Go to Blogger Dashboard >> Layout >> add a Gadget.

2. 
How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728
Click on More Gadgets.

3. 
How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728
You should see a link Contact Form tagged as New. Just hit the hyperlink.

4. 
How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728
Add a relevance title for that widget and click Save.

Now you have successfully added the official Blogger contact form in your blogs sidebar. Walk out through the following method to create a static contact us page.

Creating Contact Us Page In Blogger



1.
How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728
Go to Blogger >> Pages tab. Click on new Page.

2
 How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728
Click on Options in the right side to change the settings to not allow commenting. Click Done.

3.
How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728
Hit the Html mode.

4
How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728





Now, you can add the official Blogger contact form here by going to the template Html source and navigating to it by using the widget ID ( #ContactForm1 ) and copying the whole code, but it is not much stylish and has no attractive figure and contains only a single hover effect at the send link, as you can see in the screenshot.


How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728






 So, I would like to suggest you to use the contact form made by 
MyBlogger-Tricks.com  , as they have modified the widget and added some cool CSS structure and also two more fields to enter the country name as well as subject to contacting. Get it here.



5.
How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728
Just copy the big one, and paste into the static page’s html mode editor. 
Before clicking on publish button, do not forget to check the coding in compose mode to ensure that it is working properly.

6.
How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728

Now, the work is done! Really? No. You have to hide the contact form widget from your blogs sidebar. Lets check the steps below.

Hiding The Blogger Widget

1. 
How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728
Go to Blogger >> Template >> Click the Html mode.

2. 
How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728
Now, find </head> using the shortcut key ( Ctrl+F ).

3. 
Just above it paste the following few lines of code.


<style>
#ContactForm1 { display:none! important; }
</style>


4. 
How To Add Separate Contact Us Page In Blogger(14 Pictures) | Mkoli728
Click Save Template.

Now you have successfully added a contact form on a separate page.

If you liked this post, then please share it with your followers. If there is something missing, please recall me by commenting or contacting me through our contact us page.


Read more ...

Wednesday, 12 March 2014

How To Claim Your Blog Easily On Alexa.com | Bloggingworld MMO |Mkoli728

              Alexa.com (alexa site rank- 1,409 in March 2014), is a very well known service that provides information about ranking of sites based on the incoming traffic. A blogger lives with plenty of aims like becoming a successful and problogger, earning thousands of dollars and also one is to see his/her blog amongst the list of top blogs. In fact, I also have my own goal to improve the Alexa rank. But, to see your blog in alexa, you will have to claim your blog first. By claiming that you are the real manager and owner of this blog, you can also add site information like a brief description and title and it can also be used to find the major keywords of your blog.

So, overall, claiming is very helpful to get most exposure of it and fairly is simple to do. Below I am going to explain how you can easily add your site/blog to alexa in few steps.

Adding Your Blog To Alexa.com

1.
Go to Alexa.com and click to create new account. You can sign up either by using your email ID or by authenticating alexa to use your Facebook account to get started the process.  If you already have one, then you can log in by using the existent account.
2.
 
On your dashboard will see an option to add a site. Click on “Add it now” to get started.
3.
Next, enter the website/blog URL in the given box.
4.
In the new window, you should see the all plans and prices as shown in the screenshot above.

5.
 
I would suggest you to use the free plan if you are using it first time. Hit the sign up button.

6. 
Now, the next step is to verifying you are the owner of the blog. There are two options out of which the second is quite simple way to claim your ownership.

6. By this method, you will have to add a meta tag in your blog template. You have to add the given meta tag in the <head></head> section. Not above it, nor below. Only into the head section.

7. Click on “Verify my ID”.
 It should say that your site is successfully claimed.

8. 
The last step is to fill in the title, description and selecting a country. You can also add contact information.


9. 
You are fully done the claiming process!
Read more ...

Tuesday, 11 March 2014

How To Add Comment Count Bubble Widget In Blogger| Blogging Widgets

           Looking to give a hot face to your blog and build it attractive, as the readers would love to leave a comment that values most to you? Here is a simple and effective way to do that. A fabulous widget that evaluates the number of comment to each post comes with some cool eye catching backgrounds.We have already discussed about making your Blogger blog Dofollow in order to easily increase the discussion and commenting. Today, I have came up with beneficial and few lines of codes to generate more user engagement. My mind shouts, this bizarre will stand out as the most popular one to create some enticing juice of feedbacks that fires the visitor to have some tea and drop a comment or share your post.

How To Add Comment Count Bubble Widget In Blogger| Blogging Widgets


Counting comment bubble is now a unique trend which is already in use by some pro bloggers like Ankit Kr. Singla at Blogger Tips and Tricks . It is a small icon, sticks on the left corner of post title which appears to the reader whenever a post is loaded. The number grows bigger, as the chances increases that the visitor will be impressed and will help you to blog better either by sharing your article or by discussing or commenting in the comment system.

How To Install Comment Count Bubble? 


We are going to walk through the simple, very very easy steps to add this cutipy widget in your Blogger blog.

1. It is very easy, just go to Blogger.com. In the Template section> Click on Html and use this shortcut (Ctrl+ F) and find the following code. 
                   

[[></b:skin>


2.  Add this code just above it.
 .comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(
http://2.bp.blogspot.com/-7FFIKA34Kvw/T4x9E0RmA0I/AAAA
AAAAALI/03AG305CesI/s1600/speech+bubble+green.png);
background-repeat: no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
}


You can also change the background as your requirement. Below I have added some images. Just right click on an appropriate image and click on copy Url. Then change the url given in the above code by yours.


How To Add Comment Count Bubble Widget In Blogger| Blogging Widgets

How To Add Comment Count Bubble Widget In Blogger| Blogging Widgets

How To Add Comment Count Bubble Widget In Blogger| Blogging Widgets

How To Add Comment Count Bubble Widget In Blogger| Blogging Widgets

How To Add Comment Count Bubble Widget In Blogger| Blogging Widgets

How To Add Comment Count Bubble Widget In Blogger| Blogging Widgets

How To Add Comment Count Bubble Widget In Blogger| Blogging Widgets



3. Now, you have to search again for this short code


 <b:if cond='data:post.title'>
<h3 class='post-title entry-title'>



4. If the search query does not give any suggestions, then find the below code


 <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>


Last job to add the following below it


<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'style='color:
 #ffffff; font-size: 18px; font-weight: bold;'><data:post.numComments/></a>
</b:if>



You are done. Have a milk shake and dive deep in the enticing smell.




Read more ...

Monday, 10 March 2014

How To Add Blogger Sitemap In Google Webmasters Tools| A Blogging Guide

            A sitemap either in an XML format or in HTML format is a list of pages of a website or a blog. It helps the search engine crawler bots to easily discover and navigate through the all posts of a site. A sitemap also works as a catalyst in search engine optimization process, as it indexes your newly published post in search engines very quickly. Normally, if your site contains content of dynamic in nature or the pages are not easily findable by search engines, then it is a must thing to do first.
Many times you have probably heard about adding a new sitemap whenever you publish a new written post can be a positive point. However, I think it is another SEO myth which is already dead in the last year. Because I don’t think adding a new sitemap or remaining the old both works same, as the new posts are automatically be added to it. 
How To Add Blogger Sitemap In Google Webmasters Tools| A Blogging GuideHow To Add Blogger Sitemap In Google Webmasters Tools| A Blogging Guide

So, the information is over about a sitemap and turn to the main point for that you are reading this article which is to find a way to set up a sitemap file in Google webmasters tool. Before starting this tutorial, you have to set up and verify your blog in the Google webmasters tools. If you have not created an account then firstly read this post on submitting Blogger blog to Google webmaster tools.

Now I am going to explain the recipe of cooking a sitemap in the webmasters tool.

How To Add Blogger Sitemap In Webmaster Tool?

1. 
How To Add Blogger Sitemap In Google Webmasters Tools| A Blogging Guide
Go to the Google Webmasters and login. Click on the blog name for you like to add sitemap.

2. 
How To Add Blogger Sitemap In Google Webmasters Tools| A Blogging Guide          How To Add Blogger Sitemap In Google Webmasters Tools| A Blogging Guide

After it, you should see a sidebar in the left side of the page in which you will need to click on Crawl>>Sitemaps.

3. 
How To Add Blogger Sitemap In Google Webmasters Tools| A Blogging Guide Then, you can see a red button “Add/ Test sitemap”. Now, click on it. 
How To Add Blogger Sitemap In Google Webmasters Tools| A Blogging Guide

A small pop up box will be appeared to your eyes.

4. Copy this few lines of code and paste it into the given box.




atom.xml?redirect=false&start-index=1&max-results=500


5. Hit the “Submit Sitemap” button. And you are done!
     The above given sitemap is for those blogs which contains less than 500 posts. If you have the number of articles not more than 500 then you have to only use the above sitemap. But if you have already written 500 pages then your work is not completed. You will need to add one more sitemap. Just add this code as you have done for the first sitemap.



atom.xml?redirect=false&start-index=501&max-results=1000



Now, you have learned how to add sitemap to Google webmaster tools successfully. If you have any queries then please let me know and I will try my best to solve it.  


Read more ...

Saturday, 8 March 2014

How To Customize Settings For Custom Robots Header Tag In Blogger | Mkoli728


            With easy-to-use interface, Blogger has become the most favourite destination of new comers for starting to blog easily. Although wordpress is really very very popular in the huge blogosphere to build a powerful start with spending some dollars on tons of SEO boosting plugins, Blogger has given some advanced search engine optimization techniques for hiding non-useful pages from Google crawlers to not index them in search engines. However, it does not help you to catch extra ranking but, surely I can tell you that it reduces the decrease in SERP’s position.

How To Customize Settings For Custom Robots Header Tag In Blogger | Mkoli728

I have not written a post on Robot.txt file yet because I don’t have any experience of using it. I will try to write a useful article for my readers on this SEO technique, but, if you want to know about this method now, you can go on Adding Custom Robot.txt file In Blogger    where Ankit has explained how to use very well.


Another SEO process given by Blogger is the Robot header tag which I am going to explain in this post. The Robot header tag is the expansion of the Robot.txt file which allows you to choose either an individual page should be indexed in search engine or not. It gives you the ability to hide homepage, archive or search page and also the main pages.

Using Robot Header Tag For Doing SEO? 

There are totally 10 tags usually called as directives you have to adjust in the setting page. If you want to learn about this directives then below is a table of the tags and there uses. If you don’t want know about them, you can scroll down to the normal settings which are shared by some of the SEO-savvy experts.

Directives
Stands for-

all


no restrictions for indexing a page

no index

use this to not show a page
“Cached” link in search results


nofollow

don’t follow links from 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 meta data from the
Dmoz.orgfor titles or snippets
shown for this page


notranslate

do not offer translation of this page
 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.



You can check any of the above options for any page but be sure before doing anything. Using these tags in inappropriate manner may lead to get trouble in search indexing.

You can also apply these settings shown in the screenshot below. This is normal required, must done process that enhances SEO of pages of your blog by a little bit. You just have to check the boxes as given and you will done after hitting the ‘save settings’ button.


1. Go to Blogger Dashboard>>>Settings>>>>Search Preference.


How To Customize Settings For Custom Robots Header Tag In Blogger | Mkoli728

2. Click on Edit for the Header tags.
How To Customize Settings For Custom Robots Header Tag In Blogger | Mkoli728

3. Check the boxes as I have done.


4.Now, Click on ‘Save changes’.

I have explained the work of adding Robots header tag. If you have any questions regarding this, please let me know and I will surely try to find the solution. 



Read more ...

Thursday, 6 March 2014

How To Install Google Analytics In Blogger Blog (with 11 Pictures)| A Biginners Guide | Mkoli728

            Analyzing the incoming traffic, inbound links pointing out to your blog, the sources generating traffic to your blog and also knowing the audience liking your posts is all said as one of the important tactics of better blogging to tag your blog as a successful blog.

Google Analytics program! This is the best SEO tool to discover the digital, fundamental and basic statistics of your website’s traffic, on which most technologists fell in love. It is the finest and free solution to receive report of incoming traffic. Moreover, it also offers in budget premium service.






Image representing Google Analytics as depicte...
Image via CrunchBase

Yesterday, I have successfully installed Analytics into my Blogger blog. It found me that it is slightly a difficult work to do properly if you have no idea what to do next. So, I decided to write a beginners guide to help setting up Google Analytics program without any worry for those who need it. After reading the full guidelines, you will be able to install analytics not only on blog which are running on Blogger platform but also for those websites which are managed through other places.

Also Read: 11 Awesome SEO Extensions For Better Blogging

Signing In To Google Analytics-

1. Signing in to analytics is quite easy. Walk to Google analytics.

2. How To Install Google Analytics In Blogger
Then click on sign in. Sign in using your all in one Google account.

3. 
How To Install Google Analytics In Blogger


If you want to create a new special one for analytics program then click on create new account.

4. How To Install Google Analytics In Blogger
     
    Click Sign Up.

5. How To Install Google Analytics In BloggerEdit your account name and site name.

6. 
How To Install Google Analytics In BloggerAdd Url of your blog or site and choose category and set the country to report you according to the time zone and hit to ‘Get tracking code’. 

7. How To Install Google Analytics In Blogger

Now, select country for reading the Terms of service. After reading click on ‘I Accept'.

Now, you have successfully created a Google analytics account.

Dont Forget To Look At 50 Guest Blogging Enabled Sites With High Alexa Rank


Adding Tracking ID To 
Image representing Blogger as depicted in Crun...
Image via CrunchBase

To add analytics to your Blogger blog, Blogger has given a shortcut for those blogs which have installed the custom template provided by them. You just have to drop your ID into the given field. 

Just follow these steps-

1. After accepting the agreement, a window will appear. There you will find your tracking ID something like this UA-4*******1-1.  Copy it.

2. Go to Blogger Dashboard>> Settings>>> Other

3. How To Install Google Analytics In Blogger
Go to Google Analytics section and paste the tracking ID.

4. Now, click ‘Save settings’.

The process to adding analytics to Blogger is done for blogs with custom theme!

Adding Tracking Code To Your Blogger

If you are using a 3rd party theme on your blog, then you will have to add tracking code manually in your template. This is because the 3rd party themes could not be managed through Blogger like template designing.

1. How To Install Google Analytics In Blogger
In the homepage of Google analytics, you will find your tracking code that stars with <script> and ends on </script>. Do not try to edit it, otherwise it will not work.

2. You will need to copy it and paste to your clipboard.

3.How To Install Google Analytics In Blogger
 Go to Blogger>> template section. Click on the ‘Edit Html’ to inspect elements and crawl through the template.

4. How To Install Google Analytics In Blogger



Now, you will have to find </head> by using the shortcut key (Ctrl+F). Found it? Paste the copied code before the </head> tag.


5.
How To Install Google Analytics In Blogger
 Click on ‘Save template’ .



After setting up the Analytics on your blog, to check the installation is completed, go to Google analytics and it will say ‘Tracking is Installed’. To get reports based on the traffic, just take a sleep and after 24 hourscheck your analytics profile and you should be able to look into the incoming traffic to your blog.


                 Thanks for reading this post. I have tried my best to help you in installing Google Analytics. Liked it? Please, Share it!






Enhanced by Zemanta
Read more ...
Designed By