Thursday 8 January 2015

How to make Three Column Footer Widget in Blogger

Discovering it hard to include widgets to your weblog without overstuffing the actual sidebar? Ahh nicely, maybe it’s time for you to add a footer for your blog. This guide will show you how to perform just that -install the three-column footer.


  1. Sign in to your Blogger accounts (if you have not done so already).
  2. Go to Theme >  Modify HTML. 
  3. Regress to something easier your template.
  4. Search for the existing footer program code near the end of the HTML. It might appear something like this:

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>




  • in case you already have contents within the footer, the program code should be longer.

  • Duplicate and paste the actual code below instantly under the footer  </div>. This program code will create three new gadget storage containers (one for each column) under the existing footer container.

    <!-- three column footer HTML -->
    <div id='new-footer-wrapper'>
    <div id='column1-wrapper'>
    <b:section class='new-footer' id='new-footer1' preferred='yes'/>
    </div>
    <div id='column2-wrapper'>
    <b:section class='new-footer' id='new-footer2' preferred='yes'/>
    </div>
    <div id='column3-wrapper'>
    <b:section class='new-footer' id='new-footer3' preferred='yes'/>
    </div>
    <div style='clear: both;'/>
    </div>
    <!-- three column footer HTML End -->



    • Copy the actual code below as well as paste it within CSS section, prior to ]]> </b: skin>.


    /* three column footer CSS Start */
    #new-footer-wrapper {background: #E1E2B8; margin: 0 auto;width:98%; padding: 0 10px  10px 0;}
    #column1-wrapper, #column2-wrapper, #column3-wrapper { float: left; display:inline-block; width: 33%;padding: 0px 0px 0px 0px; text-align: left; word-wrap: break-word; overflow: hidden;}
    .new-footer h2 { margin: 0px 0px 0px 0px; padding: 4px 10px 4px 10px; text-align: left; color: #222222; background: #C1C298; font-weight: bold;font-size: 0.9em;}
    .new-footer .widget { margin: 10px 0 0 10px; border: 1px solid #F1F5CA; background: #F7FCDF;}
    .new-footer .widget-content { padding: 0px 5px 5px 5px; }
    .new-footer ul { list-style-type:square; margin-left:15px; }
    /* three column footer CSS End */



    • savethe template as well as go to Layout. You ought to have the 3 vacant footer containers additional at the bottom of the design.



    You can now drag as well as drop the gadget from the existing footer or sidebars in to the new footer storage containers. The end result should appear something like this.


    When the columns are not dispersed evenly, try modifying the width in-line 3 and correct margin in line five of CSS program code (in step 6).
    Once satisfied with the end result, if you want you can return to the old footer program code in step 4 as well as delete it (from  <div till  </div> ).

    Monday 5 January 2015

    Add a forum on your blogger with Nabble

    Which means you want to put a forum / bulletins board on your Blogger/blogspot blog. A chatbox, shoutbox or comment widget in a sidebar just doesn’t cut it, you want a actual forum, for free. You heard that it can not be done.

    Well it can be done really, with Nabble embeddable forum. Here is a step by step guide to create your real forum a reality:

    Create a forum


    • Go to Nabble.com and register.
    • Select Start a Free Forum.
    • Enter your forum name inside and click Create Forum.
    • Click Yes, create sample sub-forums button.
    • To add a sub-forum go to Options > Structure > Create a new sub-forum.
    • Once you’re satisfied with the results, click Embedding Options link on top right corner.
    • You will see a simple code in a text box, similar to the sample below.


    <a id="nabblelink" href="http://n3.nabble.com/Bloggeril-blogspot-Forum-xxxxxx.html">Bloggeril Forum</a>
    2
    <script src=http://n3.nabble.com/embed/xxxxxx></script>
    Copy the code.

    Embed the forum in a page

    1. Go to Edit Posts > Edit Pages and click New Page button to create a new page.
    2. Switch to HTML mode and paste in the forum code.
    3. Click Publish. That’s it your forum is installed.
    4. Now, view your page. You should see the forum added to the page. It will look something like this:

    Personalize the appearance of your forum page

    I must agree looking at screenshot, it is absolutely nothing to brag about. You probably want you could remove all the unnecessary things from the page and make the discussion board fill up the entire blog width.
    Nicely, wish granted, provided you the actual instructions in Apply different layout/styling to static pages. When you are done with that, your forum web page might as well look something like this:


    Discussion board features

    • The forum comes with all of the features similar to any other forums.
    • Visitors will browse, search, post, as well as navigate without ever leaving your own page. The same applies to forum servicing.

    Saturday 3 January 2015

    5 ways to backup a Blogger blog

    Backing up your blog contents is very very important. Why? Because your Blogger/blogspot blog can be running smoothly today and yet it also can all of a sudden disappear, without warning. It happened before and will happen again in the future. Playing by the rules doesn’t make you immune either because mistakes do happen.
    So be prepared, and if you haven’t yet backed up your blog, then do it now.
    Below are 5 ways to backup you Blogger blog:

    1. Using blog feeds

    First of all you need to ensure the feed contains complete post contents (including images). Go to Dashboard > Settings > Other > Site Feed, and select FULL in the "Allow Blog Feed" dropdown menu.
    • Posts
    Go to this URL and save page as "Webpage, Complete" in your PC: 
    http://YOURBLOGNAME.blogspot.com/feeds/posts/default?max-results=500
    • Comments
    Go to this URL and save page as "Webpage, Complete" in your PC:
    http://YOURBLOGNAME.blogspot.com/feeds/comments/default?max-results=200
    
    
    A posts feed retrieves only up to 500 posts and a comments feed up to 200 comments. If your blog has more posts or comments, you need to get more than one feed. Add a start-index query in the URL to specify the starting point of each subsequent feeds, like this:
    
    
    http://YOURBLOGNAME.blogspot.com/feeds/posts/default?start-index=501&max-results=500
    
    
    The same applies to comments feed.
    If you redirect your blog feed, then append &redirect=false at the end of the URL.
    

    2. Using export feature

    Posts and comments Go to Dashboard > Settings > Other > Blog Tools and click "Export Blog". The blog posts and comments (in XML file) will be downloaded to your PC.
    (To import it, go to the same page: Dashboard > Settings > Other > Blog Tools, then click "Import Blog".)

    3. Using Email feature

    Using this method lets Blogger send you an email every time a post or comment is published on your blog.
    • Posts
    Go to Dashboard > Settings > Basics > Mobile and Email > Email Posts To and enter your email address in the textbox.
    • Comments
    Go to Dashboard > Settings > Mobile and Email > Comment Notification Email and enter your email address in the textbox .
    
    
    
    

    4. Using Google Takeout

    First go to https://www.google.com/takeout/#custom and Login to your Google or Gmail Account. After logging in to your account, it will take you to a new page here you will see a list of services that you have used through your Google account. 
    From the list select of services select “Blogger” and proceed to download archive.

    5. Using Httrack

    HTTrack downloads all files into your PC and creates a mirror copy of your blog offline. You can browse the blog as if you were online, posts, comments and all. HTTrack is available for Windows and Linux. Download it here. Once downloaded use this this instructions to install it in your PC. Enjoy!

    Friday 18 July 2014

    How to Backup or Restore Your Blogger Template

    Will you make changes in your blogger blog theme or going to include some extra HTML, CSS or JavaScript code to add more performance to your blog? If yes, then await a minute. If you don’t want any theme crash during customization, you should definitely create a backup of your template in your PC. Through storing a backup file, you can go back to original template if there is any screw up with your blog template during tinker using the code. It will also prevent you from losing all your effort and precious time which you denote to design your own blogger template. If, by mistake, you do something wrong with your template during create changes, then you will be able to go back in the previous phase easily. Now you are clear with the need for keeping a backup file. So , allow see how to backup and restore theme in blogger new interface.

    Note: Usually make a habit of taking a up-to-date back-up your blog template if you are planning to do editing inside it.


    Backup Blogger Template



    1. Open your Blogger dashboard.
    2. Point to your blog menu and select template.



    3. After landing on Template web page, you will see a Backup/Restore button located in the upper right corner of the screen. Click that button.


    4. When you will push this button then a popup will appear to have to click on Orange button saying  ” Download Full Template ” as displaying in the below screenshot.



    5. Click on ” Save File ” and you are carried out . :D

    After following all the above actions, you can easily get the backup of your blogger theme. After all this, you need to be sure that you have positioned your template backup in a safe put in place your computer so that you can find it when you will need because of its backup.


    How to Restore Old Blogger Theme



    If anything goes wrong when you are modifying your template and you've back it up currently, all you have to do is to restore your blog design from the backup. Also, there are times when the need to improve your blog template to a better one occurs, once you have the downloaded copy of the brand new template, you can easily upload it for software to your blog in short time.

    Restoring the blogger template is also a very quick and easy work. Let see how to do it.


    1. Repeat step #1 to #3 that you did while using back up your template.
    2. Click on Choose File button.
    3. Select your backup file through the location where you have kept it.

    Suggestion: It will be an .XML file


    Final Words…


    Creating backup of your blogger template is really easy. You only need to follow all the actions correctly. Hope you understand clearly that how you can backup or restore your blogger theme easily. If you have any question or recommendation then feel free to leave your opinion below. I’ll be reply to your opinion as soon as it possible. Happy Blogging: M

    Tuesday 15 July 2014

    How To Submit Blogger Sitemap To Google Webmaster Tools

    Today I am going to discuss how to publish blogger sitemap to GOOGLE Webmaster Tools. This is the 2nd and most essential step. In the beginning, I will inform you of blogger sitemap and its significance.


    What is a sitemap?


    A Sitemap is a XML file which lists the actual URLs for any site. This allows website owners to include more info about every URL: with regards to final update, exactly how often this changes, and just how important it really is in relation to some other URLs within the site. This enables search engines in order to crawl the website more intelligently.

    (Source: Wikipedia – The Totally free Encyclopedia)



    The reason why it is important to publish sitemap to Search engines?

    Sitemap allows you to inform search engines regarding pages on the blog that are offered for moving. This is especially more good for blogs wherever some webpages are not accessible through the browser interface. Therefore if a few of your articles are not listed by Search engines means these posts don’t appear in Google search, submitting a suitable sitemap may resolve this problem.




    How do you create a blogger sitemap for your weblog?

    Don’t worry it is currently there. Within Blogger, your site feed is the sitemap. You will get it through below 2 URLs.

    http://your-blog.blogspot.com/atom.xml

    http://your-blog.blogspot.com/feeds/posts/default



    How can you submit the sitemap?


    1. Simply go to Google Webmasters Tools homepage and sign in along with same Google account that you are using for your blogger weblog.
    2. Click on your blog name to the blog’s Dashboard.
    3. Navigate in order to  Crawl >  Sitemaps and click on ADD/TEST SITEMAP button.
    4. One input package will appear, enter atom. xml, appending the necessary parameters after which click Submit Sitemap switch.


    Parameter Details

    • redirect=false: if you are using FeedBurner to manage your site feed, you might had set redirection associated with feed to FeedBurner. You need to stop redirection to work sitemap properly.

    • max-results: The arrears feed ULR fetched only 25 most recent post. Add this parameter to allow a lot more than 25 posts.

    • start-index: Start indexing through

    • start-index=1&max-results=500: allows you to index maximum 500 articles per feed.

    • start-index=500&max-results=1000: If you have more than five hundred posts then add one more sitemap.

    So your sitemap URL are

    atom. xml? redirect=false&start-index=1&max-results=500 (If you have up to 500 posts)

    atom. xml? redirect=false&start-index=500&max-results=1000 (If you have more than 500 as well as less than 1000 posts)



    Your projects is done. Google will take few hours in order to approve your submission. This was the step-by-step guide on how to add blogger sitemap on the internet Webmaster Tools. I hope you have enjoyed this particular post and I would like to thank you for reading this article.
     Now its your turn to share your own views, suggestion or place any predicament, I will try my best to sort this out. Also don’t forget to share this. You may also like us on Facebook, Twitter and Google+.

    Monday 7 July 2014

    Remove Dead (Broken) Links from Google Search

    We occasionally perform a site look for Blogger Sentral to check whether or not my brand new entries tend to be properly listed by Search engines. How do I perform a site lookup? Easy, that you can do it as well, just kind this on the internet search package.

    site: yourblogurl

    Google will certainly search your site and then screen all your weblog or website indexed webpages.
    Last week I notice a 2 dead/broken hyperlinks showed up within the search results web page. They are associated with posts I have already removed.

    I clicked on on them, which came out. So that they are certainly dead hyperlinks.
    page will not exist



    I believed I have to eliminate this search engine results from Search engines SERP (search engine outcome pages), otherwise it will irritate my possible readers when they were in order to click on the hyperlinks. But how can i do that? Okay… as always We answer my very own questions here…

    It’s such as this:


    1. Go to Search engines webpage elimination request tool page as well as sign in for your Google accounts.

    or:
    There exists a new WEB ADDRESS removal device, with approximately a similar user interface. It can be utilized via Website owner Tools  >  YOUR WEBSITE >  Google Catalog >  Remove Web addresses.

    2. Click "Create a New Removal Request" switch. webpage elimination tool



    3. The actual URL of the actual page you would like to remove. To avoid mistakes I actually do this through copying the hyperlink from Search engines search outcome itself, as well as paste this into the textual content box.


    4. Mark the“The page returns a 404/410…” checkbox and click on Submit Demand button.
    search engines remove web address reason




    5. The actual URL a person requested is going to be listed, along with “Pending” position. google web address removal position



    6. Google will require a few days to perform the work for you personally. After elimination the position will change in order to “Removed”. search engines url position removed


    7. As soon as “Removed”, that you can do a site lookup again to verify if the lifeless link had been indeed taken off Google SERP.


    8. You can get back again the eliminated url through clicking “Reinclude” button.

    Take pleasure in!

    For more information with this you can go to How you can remove content material from Search engines search outcome page through Google Website owners Help.

    Sunday 6 July 2014

    How To Change Blogger Template?

    Once i start running a blog on tumblr, I used to operate my weblog on blogger’s default themes. But when i started studying more regarding blogging Personally i think that arrears templates aren't so much appealing and expert. They are actually not internet search engine optimized simply because they all had been designed several years ago as well as don’t actually updated just one time next. Search engines like Google offers
    updated the search algorithms many times plus they are continuously upgrading to improve search engine results and user’s experience. That is why it is crucial for us like a blogger that people used the SEO pleasant template for the blog. We ought to change our own blog’s arrears theme along with any 3rd party templates. That is why these days I provide a guide to help beginner bloggers to enable them to learn how to modify template within blogger.

    Change Blogger Theme

    To change your site template very first you need to down load a theme from web which you wish to apply to your site. There are many causes of blogger theme on the internet through where you can obtain lot of expert templates very easily for free. Simply go to Search engines and look for “Blogger Templates” and down load a theme of your option. Once you have your own template, carry out below actions.


    1. Log in for your Blogger accounts.
    2. Now click the drop down menus and select Template.




    3. Press Backup/Restore switch located at the very top right part.
    backup recover button


    4. Very first you should down load your current template like a backup. Therefore click on “Download full template” button.


    5. Right now click on Choose File switch and select your new theme which you wish to apply to your site.
    choose theme



    6. Once you choose your theme, simply click upon "Upload" switch for last step.

    7. You ARE done!



    This was the actual today’s guide on how to modify blogger theme. Hope a person guys such as this. Please keep your remarks and suggestions below this particular post. Pleased Blogging!