How to Wrap Your Blogger Post Around Google Ads?

Do you want to have your post wrapped around Google Ads like some of the blogs on the Internet? Wrapping your text around any ads has been proven to be the best way of increasing your earnings from your blog. I'll show you step-by-step of how to implement it.

• First login to your Blogger In Draft/Blogger's account at Dashboard, click on Settings/Formatting, Show three posts on the main page, and scroll all the down to save your change.
• Second click on Layout/Edit HTML; but before you make any changes, make sure you backup your template by clicking on Download Full Template first.
• Next click to tick Expand Widget Templates checkbox like the screenshot below:
• Then search for the following line in your New Blogger template HTML editor; hold Ctrl and hit F at the same time; then copy and paste the following line in the search box to find it:
  

  <div class='post-header-line-1'/>

• Insert your Google AdSense codes right after <div class='post-header-line-1'/> line. If you don't have Google AdSense account, you can use any ads code you want:
  

  <div class='post-header-line-1'/> <div style="display:block;float:left;margin: 5px 5px 5px 5px;”> <script type="text/javascript"><!-- google_ad_client = "pub-4932554700716308"; /* 300x250, created 3/24/08 */ google_ad_slot = "4152819018"; google_ad_width = 300; google_ad_height = 250; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> <div class='post-body entry-content'>

  
  Notice that I wrap Google AdSense codes with these two red lines:
  

  <div style="display:block;float:left;margin:5px 5px 5px 5px;> Google Ads code here </div>

  
  Here you can float: left, right, or center; margin: 5px 5px 5px 5px stands for top, right, bottom, and left margin spacing respectively. You can adjust these numbers to meet your needs.

• This step is very important! Therefore make sure you change all < to be &lt;, and all > to be &gt;; just like the code below:
  

  <div class='post-header-line-1'/> &lt;div style=”display:block;float:right;margin: 5px 5px 5px 5px;”&gt; &lt;script type="text/javascript"&gt;&lt;!-- google_ad_client = "pub-4932554700716308"; /* 300x250, created 3/24/08 */ google_ad_slot = "4152819018"; google_ad_width = 300; google_ad_height = 250; //--&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"&gt; &lt;/script&gt; &lt;/div&gt; <div class='post-body entry-content'>

  
  You may wonder these changes will violate Google AdSense policy; but I must tell you they didn't because your source code still looks like the untouched ones from your Google AdSense account. Make sure you replace those my Google ad Client numbers with yours.

• Finally save your template and test it out yourself.

The reason I want you to only show three posts on you main page is that Google AdSense policy only allows you to have three ads units on each page. If you have more than three posts, the rest of the posts will show empty space within your text, and they will not look good. I also find out that the best AdSense ads format for being wrapped by your text is either 336×280 large rectangle or 300×250 rectangle. It will definitely optimize your ads incomes in your blog. If you use WordPress.org, check out How to Wrap Your Text Around Google Ads? to implement your ads.

How to Set Up FTP to Transfer Files?

What is FTP? Well, it simply stands for File Transfer Protocol. FTP allows you to upload and download files from your personal computer to your web server or vice versa. If you have a website, setting up FTP to transfer your files will make your life easier. There is a plenty of FTP software available on the Internet. Some of them are Free while others require you to pay. I personally love to use FireFTP because it is Free. It comes with FireFox with Google Toolbar.

Most servers provide a FTP account that you can set it up online. I use midPhase as my web host. Its forum provided an informative FTP tutorial. I followed its instructions and set up my FireFTP account. They are pretty straightforward. If you like to use FireFTP like me, you can set up your FTP by following these step-by-step instructions here. After that enjoy uploading or downloading files by exploring it.

Some other resourceful sites are listing below:

• Tutorial: FTP - it's easy as 1-2-3 - Tutorial: FTP - it's easy as 1-2-3. One of the most daunting tasks for beginning bloggers and web site owners is figuring out how to get files from their ...

• FTP Help - FTP Tutorials. Use the following links to access tutorials on the use of several popular FTP clients:. CoffeeCup · Composer (Netscape) · CuteFTP · IE ...

• Free FTP and Secure FTP (SFTP) Clients - Reviews of Free FTP, secure FTP and download managers that you can use either to download content from the Internet or upload files to your website.

• Basic FTP Setup Help - Instructions for FTP Programs - FTP (WS-FTP LE) Setup instructions with step-by-step images (picture tutorial) - Basic settings apply to other FTP programs!

In a word, setting up FTP is a must especially if you run a website. I've been using FireFTP since October, 2007; and I have no complaints about it.

Why Do Images Disappear From My Joomla! Website?

Images from my Joomla! website have been working fine. However about two weeks ago, they magically disappeared from my website. I upgraded Joomla! 1.0.13 to Joomla! 1.0.14 last week. Nevertheless that did not solve the problem.

I searched Joomla! support forum; no answers there either. I am still searching a solution for solving this problem; no luck so far. I am not sure what the cause is. Could Joomla! JCE editor contribute to that problem? In order to confirm that question, I switched back to Joomla! default editor - TinyMCE. However, the problem still exists. I even downloaded JoomlaFCK - a super-fast and lightweight WYSIWYG editor for Joomla! Content Management System. That does not solve the problem.

It seems the problem has nothing to do with editors; but then what is the cause? When I used Edit HTML Source from the menu of the editor, images show up in the edit area at backend. I can see images emerge when using Preview function. However after I saved it, I sometimes saw the images when I first loaded the webpage; then it would disappear like a magic after reloading it; very strange. The images only work if they are not clickable. Anybody knows what is going on? or do you have the same situation like mine? Your comments or advice are highly appreciated.

Update: Images in my Joomla! website have been solved automatically after I changed my Security Program on my PC (Personal Computer).

Related Article:
How to Fix Hotlink Protection Image Not Shown Problem?

Upgrading Joomla! 1.0.x to Joomla! 1.0.14

Joomla! 1.0.14 was released on February 11, 2008. It fixed several serious security vulnerabilities. These include

• SECURITY[LOW] Fixed XSS issue in Search Component.

• SECURITY[LOW] Fixed XSS issue in Search results pages.

• SECURITY[LOW] Disallowed users from adding extra wildcard filters in search strings.

• SECURITY[LOW] Fixed multiple typos in back end Content Component making array integer check ineffective.

• SECURITY[LOW] Fixed case-sensitive flaw in Input Filter.

• SECURITY[HIGH] Fixed CSRF issue allowing portal compromise - Administrator components.

Besides the above mentioned problems, it also fixed other significant issues that are listing below:

• Administrator logout problem.

• Fixed bug in Search Component where small word were not properly filtered out.

• Improved efficiency of regular expressions in Search Component (thus reducing CPU resources when called).

• Added "Preview" link to Administrator template (to match 1.5).

• Fixed bug in pagination links (extra space was being added to the link).

• Various core API fixes.

For instructions of how to upgrading your existing Joomla! 1.0.x, please check out Upgrade Instructions here.

JooFox Content Header Creates Dynamic Header Tag for a Joomla! Website

Last week I showed you how to create dynamic titles for your Joomla! website using JooFox Content Title. This week I also found another great Search Engine Optimization tool for Joomla! websites. It is JooFox Content Header - a Joomla! Module.

JooFox Content Header will help you create dynamic header tags for your website; thus achieving the Search Engine Optimization. The installation is also very simple. Just download mod_joofox_cheader.zip here; and follow the steps below to install it:

• Once you downloaded mod_joofox_cheader.zip file; do not unzip it
  

• Log in your Admin area, also called back-end; click on Installers/Modules
  

• Browse mod_joofox_cheader.zip file from where you just downloaded; click on Upload File & Install button to upload it
  

• After the successful screen showed up; click on [Continue] to go on
  

• Make sure you click on Modules/Site Modules and publish it

Update: I've been using both JooFox Content Title and JooFox Content Header. They work perfectly so far along with Sh404SEF. See also How to Optimize Your Joomla! Website? to configure each of your urls.