Ads and Posts

The Question how do I put Ads in my post. For his example I will be using Google Adsense Banner (468 x 60). See Example like in my blog:

HackBeta Adsense Posts

Interested?, If so then Lets Start:

Before we start please take Template Backups.

1. You have to get a Ad Codes Parsed. so we can use this in the XML coding of the template. See Examples:
Original Code -
<script
type="text/javascript"><!--
google_ad_client = "pub-XXXXXXXXXXXXXXXX";
//468x60, Hack Beta InPost google_ad_slot = "0532734472";
google_ad_width = 468;
google_ad_height = 60;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
 
Parsed Code -
&lt;script
type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-XXXXXXXXXXXXXXXX&quot;;
//468x60, Hack Beta InPost
google_ad_slot = &quot;0532734472&quot;;
google_ad_width = 468; google_ad_height = 60;
//--&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt; 

To achieve this place your codes in this textbox and click on 'Parse' button.

2. Here's where to place it:

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/><!-- clear for photos floats -->
</div>

To get to the above location Get into the admin control of you blog, then click on 'Template', then click on 'Edit HTML' and mark sure that the 'Expand Widget Templates' option is ticked.

Notice the <data:post.body/> ok now paste you parsed Adsense code right after this. So that it looks like this:

<p><data:post.body/>
<div style='float:left;'><!-- Creates a new Layer -->
<center>
<!-- Centers Ads / Codes -->
&lt;script
type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-XXXXXXXXXXXXXXXX&quot;;
//468x60, Hack Beta InPost
google_ad_slot = &quot;0532734472&quot;;
google_ad_width = 468;
google_ad_height = 60;
//--&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;
</center>
</div>
</p> 

Click 'Save Template' and the go to your blog and check it out.

Your Ads will appear right after each post. For Adsense TOS the ads will only appear for the first 3 posts, this is automated in Adsense Script itself. The neat thing about this method is the location is really optimal and will give really good CTR. Go go ahead and try it. PS: If there are any issues please comment back.

Tips for New Bloggers: AdSense Code in Blogger Post Body


Posted in Tags: , | 1 comments

Backing up

Always take backups. If you are going to do a change that you are not sure of the outcome then you need to take backups. Or else you will have to spend unnecessary time rebuilding every thing from scratch.
 
1. Template Backup - Log in to your Blogger Dashboard then click on 'Layout' of the Blog you need to take template backup of.
 
then click on 'Edit HTML'
 
then click on 'Download Full Template'
 
Then save the File with a Blog Title plus Today's date. And Click 'Save'. That's all... Since the template backup size is relatively small you won't need to zip it. Unless you blog tends to have a heavy amount of coding.
 
2. Articles / Posts Backup - Well unfortunately Blogger.com is the only guy you got to depend on to take the backups. Wait not so fast there is a way meet "Blogger Backup".
 
 
You need to have .NET Runtime Installed before installing Blogger Backup. Here are the links:

Installation is very straight forward and also the use. So Far no issues with Blogger Backup in terms of taking backups and restoring them. Fortunately I never ran in to the problem where Blogger.com lost all my posts but better to be safe than sorry. For more information relating to the use of Blogger Backup visit their homepage.

PS: I noticed that there were a few limitations and know issues so you might want to visit there homepage and check it out. So take backups as frequently as you can because that might and definitely will help you on a rainy day...



Posted in Tags: , , , | 0 comments

New Blogger Label Cloud (aka Tag Cloud)

What's a Blogger "Label Cloud"???

A Picture says a thousand words so here's how it looks like:

A Click on anyone of those Labels will search for relevant posts that contains the following labels.

Before starting I will like to say - TAKE BACKUPS FIRST.

I always hear people saying that they are really sure. But how much sure are you ?

So please before we begin please make a copy of your template before editing it

First go to your blogger home page...login and go to the dashboard.

Next Click on 'Layout' of the blog you choose to apply this hack on...

Then Click on 'Edit HTML'. There Click on "Download Full Template" and save a copy on your PC (Just In-Case...fingerscrossed).

Next make sure that the "Expand Widget Templates" Check box is de-selected.

now do a search for the following line:

]]></b:skin>
 
Now add the following code right before the "/b:skin" code.

Code #1

After that Add the following code after the "/b:skin" code:

 

Then Find for the piece of code that looks like the following:

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
 

If you could or couldn't find the above ('Label1') Then simple add or replace the following code there: This code will create the Label Cloud Widget. 

Code #3

Now usually this is a piece of cake but if it all goes wrong and the Cloud don't appear then don't worry. Do the following:

1. Go to the "Page Elements" and see if there are any new elements in the display. Usually this step is necessary for most Blogger templates. But on some customized templates the "Label Cloud" Widget sometimes gets squeezed at the top and appears to be small.

2. You need to used labels for your post. Most are into the habit of using labels but some usually don't (Or forgotten about that).

3. Make sure that you don't keep any quotation or double quotation makes in your labels. If there are any then nothing will appear in the "Label Cloud" widget.

4. Restore from a Backup copy and try again. That's right. Just Keep Trying.

Enjoy!!!

Source : Phydeaux



Posted in Tags: , , , , , | 1 comments