Blogging Platforms
Contents
    WordPress
    Step 1: Login to your WordPress account.
    Step 2: Go to the dashboard of your blog page.
    Step 3: Click on “Appearance → Themes” on the side pane.
    Step 4: Choose a theme which is responsive from the list of themes.
    Step 5: The theme will take care of showing mobile version on mobile phones.
    BlogSpot
    Step 1: Login to your BlogSpot account.
    Step 2: Click on “Design” on the top right corner of your blog page. This will take you to the template page.
    Step 3: Click on gear icon under the mobile template.
    Step 4: Select Yes - show mobile template on mobile devices.
    BlogSpot
    Step 5: Click on Edit Html under Live on Blog template.
    Step 6: Click on Jump to Widget and select the widget that needs to be shown up in mobile.
    Step 7: To make it available in mobile view, add mobile='yes' attribute to it.
    <b: widget id='BlogArchive1' mobile='yes' title='Blog Archive' type='BlogArchive'>
    BlogSpot
    Reference: http://code.blogger.com/2011/11/introducing-custom-mobile-templates.html
    Tumblr
    Step 1: Log in to your Tumblr account and click on the name of your blog.
    Step 2: Click “Edit Theme” to open your blog's template editor. We must choose the right theme to display the ads properly.
    Step 3: Click “Edit HTML” from the top. You will be taken to the HTML Code for the page.
    Step 4: Choose where you want to display your ad and select “Paste” to place your ad code on your Tumblr blog.
    Step 5: Click “Save + Close” to complete the changes.
    Step 6: For mobile: go to customize theme → advanced options → use default mobile theme (ON/OFF).
    On → it will serve mobile optimized version on mobile devices (Recommended Option)
    Off → it will serve desktop website on mobile devices
    Tumblr
    Weebly
    Step 1: Login to weebly.com/uk
    Step 2: Click on edit which appears next to your blog site. This will take you to editing your blog.
    Step 3: Click on settings on the top.
    Step 4: Choose to Display the mobile-optimized version of this website when someone visits from a mobile device under Mobile Section.
    Weebly
    Squarespace
    Step 1: Log in to your Squarespace account.
    Step 2: Click on the gear icon at the bottom of the page.
    Step 3: You will be taken to the settings page. Click on gear icon (settings) on the left pane.
    Step 4: In that settings page, select general on the side pane.
    Step 5: In that general page, scroll down you will get an option saying disable mobile styles.
    Step 6: Click on the save button on top right corner.
    Squarespace