Search Engine Optimization Techniques : Mon Oct 15 15:03:47 PDT 2018

How to create Admin Widget in BlogSpot blog.

In my previous post I have show you how to remove the Blogger Navbar from the screen. For that reason now you don't have access to your dashboard, settings, layout and posts, because the navbar is gone.

In this post I will show you how to add an Admin Widget to your sidebar.

Step 1: Backup your template

Though this is not a very unsafe modification, it is always good practice to backup your template before modifying it.

Go to the Layout click on Edit HTML-tab, and download your template as an XML-file and save it to your hard disk.

Step 2: Create an new Link Widget in your sidebar

From the Layout|Page Elements tab Add a Widget to your sidebar. Select the link-widget from the list. Set the title for example to Admin, and add 4 links to the list.

Dashboard : http://www.blogger.com/home

Change Settings : http://www.blogger.com/blog-options-basic.g?blogID=---------

Change Layout : http://www.blogger.com/rearrange?blogID=---------

Edit Posts : http://www.blogger.com/post.g?blogID=-------------

New Post : http://www.blogger.com/post-create.g?blogID=---------

In this links you have to change the ----------------- to the ID of your Blog. The easiest way to do this is to go to your dashboard, and view the list of your blogs. Hover your mouse over the links (Layout, Settings, etc) and watch the status-bar of your browser. You will see the link there. The easiest way is to right-click each link, copy the hyperlink, and paste it into the link widget.

Step 3: Save

Save the Widget and display your Blog. If you are viewing your Blog, clicking one of the Admin links will bring you to the appropriate screen. Visitors of your Blog will not be able to modify it, because they are not logged in to your blog. If you are not logged in, clicking an admin-link will bring up the Blogger login screen.

Also Read:

  How to create a free blog using blogger | step by step guide.

  Blogger Tutorial For Beginners PDF - Free eBook Download.

  How to hide or remove subscribe to posts atom from blogger?

  How to remove or delete "home" link below blogger post?

How to remove or edit Powered by Blogger Attribution Gadget.

Buy google play account

Google Play is a part of Google?s advantage for what we utilize to know as the Android Bazaar, where Android customers went to buy and download their mobile apps.

So if you having trouble to create your google play account and want to Buy google play account please contract with us.We will solve your all problem and give you a approve google play account.thanks

How to hide or remove subscribe to posts atom from blogger?

With this BlogSpot tutorial we will describe How to Hide or Remove Subscribe to Posts Atom from Blogger Blog with some simple and easy steps. Peoples can subscribe to your Atom feeds by using Atom links in your blog. Except, if you have already burned your feeds using feed burner or other services, you can remove Atom links from your Blogger blog.

There are two types of Atom links are available In Blogger templates.

1. Subscribe to: Posts (Atom): You can see the link on the homepage and other pages.

http://yourblogname.blogspot.com/feeds/posts/default

2. Subscribe to: Post Comments (Atom): You can see the link on post pages in Blogger.

http://yourblogname.blogspot.com/postID/comments/default

I highly recommend you to take a backup of your Blogger template before doing any changes. Let's get started.

Steps to Hide Atom Links in Blogger

Note: Always take a backup of your blogger template before any change.

Now follow the below steps.

1. Log in and select the blog

2.Go to Template >> Customize >> Advanced> > Add CSS

3. Now, copy and paste the below CSS code

.feed-links {display:none !important;}

4. Click on "Apply to blog" button for save.

Now, both Atom links have hid from your blogger blog.

If you want both atom links come into view back, clear the above CSS code from add CSS section and click on "Apply to blog" button.

Steps to Permanently Remove Atom Links from Blogger Template.

Now follow the below steps

1. Go to Template and click on Edit HTML

2. Search for the following code lines.

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

</b:loop>

</div>

One time you find these lines, delete all those lines from your template and Save template.

Steps to Permanently Remove Subscribe to: Posts (Atom) Link

Now follow the below steps:

Go to Template >> Edit HTML

Search for this line.

<b:include data=?feedLinks? name=?feedLinksBody?/>

One time you find these lines, delete this line from your template and save template.

Steps to Permanently Remove Subscribe to: Post Comments (Atom) Link

Now follow the below steps:

Go to Template >> Edit HTML

Search for this below line.

<b:include data=?post.feedLinks? name=?feedLinksBody?/>

Once you find these lines, delete this line from your template and save template.

That?s it. Watch below video for more:

How to Enable Custom Robots Header Tags on Blogger?

Custom Robots Header Tags Set up For Blogger

Every Blogger user want to increasing their search engine disclosure so that the organic traffic will reach a peak.

So that, I recommend follow my tutorial and enable the custom robots header tags for maximum search engine visibility.

Purpose of Custom Robots Header Tags

Now you are going to meet with the following custom robots header tags.

all ? This tag allow you, crawlers are not bound by any restrictions. They can freely crawl, index and expose your content.

noindex ? Not every one of the blogs are for open notice. Regardless of the possibility that you don't share the URL of your own blog with anyone, odds are individuals will come to it from indexed lists. On such a situation, you can utilize noindex tag as it keeps web crawlers from ordering the pages.

nofollow ? Nofollow and dofollow labels are for outbound connections. Dofollow is the default robot tag for all your outbound connections. That implies the web indexes can sneak upon the pages you connected to. On the off chance that you don't need seek bots to look through your connections, expansion of a nofollow tag must help you.

none ? none joins the components of both noindex and nofollow labels. The crawlers will neither record your pages nor skim through the connections.

noarchive ? You may have seen a stored mark with a large portion of the site connects on SERPs. It demonstrates that Google has caught a duplicate of your site into their server to show in the event that it goes down. That being said, the noarchive label kills stored form in pursuit pages.

nosnippet ? The content pieces in query items individuals discover what's on the website page. In the event that you need to keep the substance selective, you can turn this header tag on.

noodp ? Open Directory Project or Dmoz is a man-made catalog of sites. Google utilize the data from that point some of the time. You can turn it off with this tag on the off chance that you need to.

notranslate ? Do you need to handicap interpretation on your site? At that point utilize notranslate for the correct reason.

noimageindex ? If you permit Google to list your pictures, individuals may take it and use all alone sites. To keep that, you can keep the pictures deindexed utilizing noimageindex tag. Likewise Read this Image SEO manage.

unavailable_after ? In Blogger, you will get a field ideal to this tag. Along these lines, the website page will be deindexed after this time.

How to Setup Custom Robots Header Tags?

Follow below steps to Setup Custom Robots Header Tags.

Step 1: At first login your blogger dashboard, from dashboard > setting > search preferences

There you can see a setting called Custom robots header tags under Crawlers and Indexing. Click the Edit link to the right of it.

Step 2: At this step, you will notice two radio buttons. Obviously, the first one should be your pick.

Step 3: Now, you will get a set of checkboxes. It may feel like a problematic one, but it?s easy. Just follow the same settings I chose (refer to the image given below) and hit Save changes. That?s all.

?
Also Read:

BlogSpot Advanced SEO: Meta tag, Description, Robots.txt, Custom redirects and extra.

Add One More Widgets Under Header | Blogger Tutorial.

How to add a favicon to your blogger blog?

New Recent Comments hack on Blogspot.

Final word:

Custom robots header tags are most powerful for search engine ranking! As Google prepares a readymade setup to use them, why don?t you go for it?

Be remmber, don?t tick noindex checkbox until and unless you are sure about it because doing the same will pull your website off from search engine result pages (SERPs).

Follow my blog with Bloglovin

Let me know experience through the comment form down below.

Add Attractive Custom Facebook Like Box To Your Blogger Blog

Facebook like Box
is a wonderful widget to show visitors who like your blog. Facebook offers a simple default Like Box plugin that you can easily add into your website but the default Facebook like box is not having very good look. In this tutorial I will show you how to Add Custom Facebook like Box using simple CSS code to your
Blogger blog
. Facebook like Box is the best way to get more fans on Facebook fan page. It?s a simple course just copy and paste the code. I think that this simple Customize
Facebook like Box with CSS
widget attracts your facebook fans boost the count of Likes.

How To Add a Custom Facebook Like Box to Your Webpage.

Step 1. From your Blogger Dashboard >> Layout tab >> Add a Gadget link.

Step 3. Select 'HTML/Javascript' and add the one of the following code given below.

Step 4. Then Click On Save 'JavaScript' You are done.

Note: Replace my facebook page URL (https://www.facebook.com/blognucleus) with your own page URL and you can change Width and Height according to your Template.

How to add floating face book like box in blogger blog

This tutorial I will show adding floating like box to blogger.

1. Go To Dashboard > Template > Edit HTML

2. Under </head> tag in your template and just below it paste the following JQuery code.

Note:You can ignore this step if Jquery Link is already added in your template.

Adding Widget Code

1. Go to blogger dashboard >> Layout >> Add A Gadget

2. Select HTML/Javascript

3. Paste the following code in the box.

Child-Labor-Rescue-Forum-1636958169922549
&width

=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=292" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 292px; width: 245px;background:#fff;"></iframe><span><a style="font-family: arial, sans-serif; font-size: 9px; color: #999;" href="http://ram-seo.blogspot.com/" target="_blank"> BN</a></span> </div> </div>

4. Replace pages/ Child-Labor-Rescue-Forum-1636958169922549 with your Facebook fan page URL.

5. Now save your template and you are done.

Now go to your Blogs to see it floating at the right side of your blog.

How To Change Colour of "Follow By email" Gadget in Blogger

In Previous post we have describe ?Add a custom FOLLOW BY EMAIL WIDGET on blogger blog?, now I will show you how to change background colour of the Submit button, Text enter box, font size and colour of the Submit button of Follow by Email gadget. Google Blogger recently published a Follow by email subscription box that assists your readers to subscribe to your blog post updates. This tutorial makes use of completely superseding Blogger's official approach sheet for the widget. The steps by steps procedure for this widget are very easy. So let?s start.

Customize "Follow by email" Gadget for Blogspot

To adding Follow by Email, click the Add a Gadget link from the Dashboard >> Page Elements tab >> then select the Follow by Email gadget. After having added the gadget to your sidebar, then follow these easy steps.

Step 1. Go To Blogger Dashboard >> Design >> Edit HTML

Step 2. Backup your template

Step 3.Search for by pressing Ctrl+F

]]></b:skin>

Step 4. Now pest the following CSS code Just above ]]></b:skin>

/*---Customize Follow by email-by-www.ram-seo.blgspot.com---*/

.FollowByEmail .follow-by-email-inner .follow-by-email-address{color:#4DA6FE !important; width:100%;height:22px;font-size:13px;border:1px inset}

.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:60px;margin:0;border:0;border-radius:4px !important;-moz-border-radius:4px !important;background:#4DA6FE !important;background:rgba(0,0,0,.6);color:#fff;font-size:13px;height:24px;z-index:0}

.follow-by-email-inner .follow-by-email-submit:hover{background:#FF7700 !important;}

You can easily make these changes as you need,

To change Input text (email address) color then edits #4DA6FE.

To change background colour of Submit button, then simply edit #4DA6FE

To change the background colour of submit button on mouse hover style then edit #FF7700

Step 5. Now save your template, that?s all!

Now reload your blog to see the new changes. Now enjoy placing a better feeling on your readers and stand out from your contestants by using a custom follow my Email gadget. Let me know if you needed any further customizations just drop a comments.

Search Engine Optimization Techniques

Mon Oct 15 15:03:47 PDT 2018