Theme images by MichaelJay. Powered by Blogger.

Comments

Facebook

Contributors

Ad Home

Follow Us

Random Posts

Sponsor

Recent Posts

Header Ads

Popular Posts

Random Posts

Thursday, January 11, 2018

Backup or restore blogger templates with these tips

 


Image result for blogger backup and restoreBlogger provides XML templates and you will find tonnes of third party templates on the internet. You might also want to tweak the templates to change the way how your blog looks. Before you make any changes to your template, it might always be a good idea to take a backup of your template. This will allow you to restore it back in case the template edit did not go well. Backing up restoring templates on blogger is very simple using the new Blogger interface. In this tutorial, we will guide you through the process.


How to take a backup of your Blogger Template

Like we said earlier, it's always a good idea to backup your template before you make any changes to your Blog's template. Below are the simple steps which can help you in taking a backup of your blogger template.
1. Login to your blogger account, and go to the Template section in the blogger dashboard(for that blog)
template-menu-blogger


2. Now click on the "Backup/Restore" button on the right top of the page.
backup-restore-blogger-template
3. You will see a popup with an option to download the current template. Click on that button
backup-blogger-template
4. You will get a backup XML file with the name template-somenumber.xml . Keep this backup file safe so that you can restore it when required.

How to restore the Blogger template from a previous backup

In case you have made some changes to the template and that has messed up the way your blog looks, you can restore the old template from the backup file which you might have created. Below are the steps to restore the template from a previous backup.
1. Login to your blogger account, and go to the Template section in the blogger dashboard(for that blog)
template-menu-blogger


2. Now click on the "Backup/Restore" button on the right top of the page.
backup-restore-blogger-template
3. You will see a popup with an option to upload a template from your hard drive
upload-blogger-template-from-backup 
Now select the backup XML file which you had downloaded earlier while taking the backup.Once done the Upload button will be activated. Click that button to upload the backed up template.
upload-blogger-template-from-backup-xml

Once the upload is complete, your old template should be back in action

How to Setup Custom Domain on Blogger Using GoDaddy Hosting

 
Image result for blogger godaddy
Blogger Custom domains are more like a Vanity URL for your BlogSpot blog. It will allow you to create a better and easy to remember URL. (for example : from yourblog1234.blogspot.com to yourblog.com)
Blogger allows you to seamlessly integrate with any domain name. To start off you have to make your GoDaddy domain to point to Google's servers. This simple tutorial will guide you step by step with screenshots and instructions to make it easier for you.


Blogger Custom Domain on GoDaddy

  1. Buy a domain name from GoDaddy.com. Domain name are not free but they cost around 10-12$ per year. While buying make sure that you don't buy the hosting or website builder packages from GoDaddy as these are not required for setting up a Blogger blog.
  2. Once you have bought the domain name of your choice, login to your GoDaddy account and go to the domains section as shown in the below screenshot
    godaddy-domains
    Now click on the "Domain Details" of the domain which you have bought.
    godaddy-domain-details
  3. Go to the "DNS Zone File" Section and click on "Add Record"godaddy-dns-zone-file
  4. Fill in the details for the CNAME record as shown in the image and click "Add Another"
    godaddy-cname-record
    The details to use are :
    Record Type : CNAME
    Host : www
    Points to : ghs.google.com
    TTL : 1 hour
  5. Now we have to create 4 more records in a similar fashion. The details to fill up while creating the records are as below
    Sl #Record TypeHostPoints toTTL
    1A@216.239.32.211 Hour
    2A@216.239.34.211 Hour
    3A@216.239.36.211 Hour
    4A@216.239.38.211 Hour
    Once done, you should see only 4 records under the A Host section and those should be:
    godaddy-a-records
    Any other A record shown under the A Host section with Host value set to @ should be deleted using the Delete icon under Actions(This step is very important)
  6. Now click on "Save Changes
    godaddy-save-changes
    You are now Done with GoDaddy settings. You now have to configure your Blogger blog to publish to this new domain.

Publishing BlogSpot blog to Custom Domain

Now we will configure the Blogger blog to publish itself to the new Custom Domain name.
  1. Login to your Blogger Dashboard and Navigate to Settings > Basic and click on the Setup a 3rd party URL for your blog link
    third-party-url-blogger
  2. Provide your Custom Domain URL and click the Save Button
    third-party-url-settings-blogger
    When you click save, you might get an error like the one shown below
    verification-error-blogger
    This means that Blogger wants us to create another CNAME record on GoDaddy to verify that you are the owner of the domain. The values for Host and Points To should match what’s shown on the Blogger error. An example based on the above error is shown below.
    verification-cname-godaddy-example
    Click Finish and Save Changes once again. Now go back to Blogger and click on the "Save" button once again. This time the verification error should go away.
  3. Now click on the "Edit" link next to the Blog Address
    edit-blog-address
    Now select the redirection Option and save the settings Once again
    redirect-domain-root-blogger
  4. Now your blog should be visible at your new domain.
The DNS changes which we had made(the A and CNAME records) might take some time to propagate. So give it 24 hrs in case you aren't able to see the changes immediately.In case you need more help, you can always contact us via comments, contact form or via social media channels 

Wednesday, January 3, 2018

How to Add Shearing Tools to Blogger -SolutionLane-

 

Related image


Step 1 – Grab the AddThis script. The script allows you to activate tools on your page and helps us learn which content to recommend. To get this code, go to the Tool Gallery and click the “Get the Code” button in the top right.
To add the code to your site, follow these steps:
  1. Within Blogger, click Layout.
  2. Click on any of the Add a Gadget links within the layout.
  3. Choose the HTML/Javascript gadget from the list and type “AddThis” for the title.
  4. Paste in the AddThis code from the dashboard into the Content section.
  5. Click Save.
Now you can activate many of your AddThis tools in the Tool Gallery by clicking Setup next to the tool you want to configure. You can also start adding in-page tools, which have a button that says Get Code.
Note: If you use a separate mobile template for viewing your website on mobile devices, there are a few additional steps in order to add the code to your mobile template as well. For more information, take a look at this support document.

To ad in-page sharing buttons

In the Sidebar

  1. You can add sharing buttons into the sidebar by clicking on Layout and then clicking Add a Gadget in the sidebar area.
  2. Choose the HTML/Javascript gadget from the list and paste your code into the widget.

At the top of a Post

  1. To do so, go to Template and then click on Edit HTML.
  2. Place the button code after the <div class="post-header-line-1"> tag in the code editor.
  3. You can search for it by using Ctrl+F or Command+F and pasting in the tag.
  4. Click Save Template.
For this placement, you will also want to add the post.title and post.url elements to the button code.
If you’re adding the Sharing Buttons, the code would look like this:

<div class='addthis_sharing_toolbox'   
     expr:data-title='data:post.title' 
     expr:data-url='data:post.url'/>   

At the bottom of a Post

  1. To do so, go to Template and then click on Edit HTML.
  2. Place the button code before the <div class='post-footer'> tag in the code editor.
  3. You can search for it by using Ctrl+F or Command+F and pasting in the tag.
  4. Click Save Template.
For this placement, you will also want to add the post.title and post.url elements to the button code.
If you’re adding the Sharing Buttons, the code would look like this:
<div class='addthis_sharing_toolbox'   
     expr:data-title='data:post.title' 
     expr:data-url='data:post.url'/>   

To add in-page Related Posts widgets

Vertical Related Posts in the sidebar

  1. You can add the Vertical Related Posts widget into the sidebar by clicking on Layout and then clicking to Add a Gadget in the sidebar area.
  2. Choose the HTML/JavaScript gadget from the list and paste your code into the widget.

Horizontal Related Posts

  1. To do so, go to Template and then click on Edit HTML.
  2. Place the button code before the <div class="post-footer"> tag in the code editor.
  3. You can search for it by using Ctrl+F or Command+F and pasting in the tag.
  4. Click Save Template.

Was this article helpful to you?

Drop comment below for further assistance. 

Automatic Backlink for Blogger and Website - SolutionLane-

 
This is a free, fast, and simple immediate automatic back-links for optimizing your blog or web page on search engines result.Everyone knows how important back-links are to getting a good rank.Here, we offer a back-link for free and very fast for your sites. Copy the html code first (no change needed), and then paste to your website or blog.To view your back-link you can click the image link from your website or blog. And well... your website URL done and will be displaying in first references.If any visitors click this banner from your website or blog, your URL back-link will be creating automatically in this website.

Interested for our works and services?
Get more of our update !