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
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

What do you think?

Do you have a suggestion or comment about the Associates Central website? Let us know.