How To: Add Multiple "HTML Gadget" to Blogger Mobile version
I will show you how you can add as many HTML Gadgets and as you wish on your blog's Mobile version.
Its honestly a good post for fellow bloggers using Google's .blogspot platform (Blogger).
Blogger Blogspot platform is owned and administered over by the Search engine giant, Google. As a blogger, you know how much easy to access, Google want the web to be. While other blog platforms are busy making everything to look beautiful and great, Google is busy simplifying the look of their platforms, blogspot inclusive. Thanks to GooYaabi Templates , Sora Templates, Theme Xpose etc, who create and serve Blogger users with gorgeous and good looking templates.
Google as the greatest believer in simplicity, designed Blogger's mobile version as to display only the post, with no other gadget. This could be SEO friendly but doubtlessly, it reduces your blog's User Engagement to Zero. This will also negatively affect your page views as Related Posts, Featured Posts etc, doubtlessly boost your page views.
Step-by-Step Guide on How to Add Multiple HTML Gadgets to Blogger Mobile Version
Now, lets proceed to the cruz of this article, which is to add the HTML gadgets your blog's mobile version. Its a very easy to add gadgets, just follow the below steps to successfully add the gadgets and make them show on your blog's mobile version.
1) Open your blogger dashboard.
2) Select the particular HTML gadget you wish to make visible on your mobile version.
3) Click on the small "Edit" button as shown in the below image.
4) Now, the HTML gadget will be on your screen as shown below.
5) Click on the URL bar of your browser now, and at the end copy only the underlined "HTML111" as shown in the below image. That is the code to that particular HTML gadget.
6) Now proceed to "Theme/ Template" and then click on "Edit Template".
7) Using Ctr-F , paste and search for the code to the HTML gadget you initially copied i.e HTML111
8) When you must have seen the gadget, enter this code mobile='yes' as shown in the below image, to make the gadget visible on the mobile version of your blog. Checkout below image.
9) Save the changes on your template/theme, view your blog's mobile version to see its live.
Note: Even If its Adsense that is contained in that HTML Gadget, it will start showing up on your blogs mobile version.
Share this trick with your G+ , FB & Twitter friends that uses Google's Blogger as their blog's platform. You can ask any question if you wish.
Is there anyother way/method you use to Add HTML Gadgets to the mobile version of your blog, share with us. Thanks!
I will show you how you can add as many HTML Gadgets and as you wish on your blog's Mobile version.
Its honestly a good post for fellow bloggers using Google's .blogspot platform (Blogger).
Blogger Blogspot platform is owned and administered over by the Search engine giant, Google. As a blogger, you know how much easy to access, Google want the web to be. While other blog platforms are busy making everything to look beautiful and great, Google is busy simplifying the look of their platforms, blogspot inclusive. Thanks to GooYaabi Templates , Sora Templates, Theme Xpose etc, who create and serve Blogger users with gorgeous and good looking templates.
Google as the greatest believer in simplicity, designed Blogger's mobile version as to display only the post, with no other gadget. This could be SEO friendly but doubtlessly, it reduces your blog's User Engagement to Zero. This will also negatively affect your page views as Related Posts, Featured Posts etc, doubtlessly boost your page views.
Step-by-Step Guide on How to Add Multiple HTML Gadgets to Blogger Mobile Version
Now, lets proceed to the cruz of this article, which is to add the HTML gadgets your blog's mobile version. Its a very easy to add gadgets, just follow the below steps to successfully add the gadgets and make them show on your blog's mobile version.
1) Open your blogger dashboard.
2) Select the particular HTML gadget you wish to make visible on your mobile version.
3) Click on the small "Edit" button as shown in the below image.
4) Now, the HTML gadget will be on your screen as shown below.
5) Click on the URL bar of your browser now, and at the end copy only the underlined "HTML111" as shown in the below image. That is the code to that particular HTML gadget.
6) Now proceed to "Theme/ Template" and then click on "Edit Template".
7) Using Ctr-F , paste and search for the code to the HTML gadget you initially copied i.e HTML111
8) When you must have seen the gadget, enter this code mobile='yes' as shown in the below image, to make the gadget visible on the mobile version of your blog. Checkout below image.
9) Save the changes on your template/theme, view your blog's mobile version to see its live.
Note: Even If its Adsense that is contained in that HTML Gadget, it will start showing up on your blogs mobile version.
Share this trick with your G+ , FB & Twitter friends that uses Google's Blogger as their blog's platform. You can ask any question if you wish.
Is there anyother way/method you use to Add HTML Gadgets to the mobile version of your blog, share with us. Thanks!
0 comments: