Add Google AdSense Banner On Weebly Blog Section

If you are reading this post, you already know about Weebly. A free web builder to create beautiful website and blog. I posted some useful tips not too long ago about Weebly. You can read them here.

Now you may already know that Weebly allows you to post Google AdSense code and share 50/50 profit with Weebly. I would say, it's still a good deal. However, adding Google AdSenee on Weebly's blog section isn't straight forward. You can add an Ad banner in individual blog post or on the side bar, but you can't add them in the blog loop. You can't even change the layout or color easily.

So the only way to add Google AdSense banner in Weebly blog section is to hack the CSS and HTML DOM object.


So it will look like this on one of the website I build for generating passive income.

As you can see, I have one tall banner on the side bar and one wide 728x90 banner below the first post in the post loop. I actually have an other wide banner below the 3rd post. 

So here is how it works. There is an DIV element in the loop that seperate the blog post. It looks like this. 

<div class="blog-post-separator"></div>

So I want to insert my Google AdSense code within the <div>  section.

Here is how the code looks like.

Host Images With SSL On Google Drive

If you are looking for a way to host images on SSL and HTTPS://, you don't have to buy SSL certification any more. You can simply use Google Drive to accomplish that easily.

Check out the following article "Use Google Drive To Host Images With SSL Certification" by Terence Chang

Replace 2009 Highlander Windshield Wiper Blades

The Easiest Way To Replace 2009 Toyoa Highlander Windshield Wiper Blades

Well. It took me a while to find this video on how to replace the windshield wiper blades on my 2009 Toyota Highlander. It took me half hour finding this video and 5 minutes to replace the windshield blades. YouTube is wonderful, but they should do better job on search function.