How to show Adverts banners on mobile using Blogger - 2014

Here is a cute way of letting your own adverts show on your mobile plartform. You know, high percentage of your blog viewer view your blog from a mobile plartform (you might have discovered that). E.g. Android, IOS, Windows, Java phones and more. Below are the step by step graphical way of doing it yourself.

Note: Please if you have any issues, don't hesitate in dropping them in the comment box below.

Step 1 - On your Blogger Dashboard. Navigate to "Layout" tab on the left.



Step 2 - Click on "Add a Gadget" 


Step 3 - Scroll down and Select "Image"
 

Step 4 - Fill in the details as shown below. NOTE: Select the image from your computer with image sizes like "300x250", "300x50", "300x600" 

 Step 5: After you fill in the informations, You should have something like this. NOTE: The 'Title' is important

 Step 6: Now Save your Gadget and switch to the "Template" Tab on the left


Step 7: Click on the "Edit HTML" button

Step 8: Make sure your mouse cursor is actively in the Edit HTML interface. Press on the keyboard (Ctrl + F) to open the Search box. 
Then type the Gadget title you gave. Mine was "Mobile Advert"

 Step 9: It would take you directly to where it is in the HTML view

 Step 10: Type mobile='only' before the title in that line

Step 11: Now click "Save" and view with your mobile.
 

In case you want to edit it, go to the HTML view and remove the (mobile='only') in the code line and save.
Then you can go to the Layout tab to edit you image and save. Then go back to insert the (mobile='only') in HTML view.

PS: If it worked for you. Comment, Share, Subscribe, Like :)



Comments

Popular posts from this blog

Here's the Facebook Hacking Tool that Can Really Hack Accounts.

Hyatt Hotel Says Payment Systems Hacked with Credit-Card Stealing Malware