Wrapping ads around ur post body below the title in blogger / website

 simple trick to Wrapping adsense / other ads around your post body below the title in blogger , wordpress , smf , joomla , custom coded sites and other cms

Little did I know that this legal tricks works like hell for increasing your adsense / any order ads networks service earning in blogger.com blog or similar blog services . It is against google adsence terms and services to fool your users by not letting them know that what you have in there is an advert or practically hiding the “ads by google” link via css cheat / tricks ….. black hat adsence gurus may not tell you this lines ‘cos they wanna sell their books irrespective of it’s effect on your adsense account .

Practically not every body uses adsense for monetizing their blog some bloggers that targets mobile users uses only admob why majority of other bloggers uses other pupular adnetworks like media.net yahoo bing ads services , bidvertiser.com ,chitka.com , addynamo.com , clickads.com etc. which explains my reason for not tagging this article for adsense alone . First you already know the ads service that best works for you log in to your ads provider’s dashboard ==> from the publisher’s session and create and ad format of your choice .

For this sake of this tutorial on wrapping your ads within your post body only just below the post title  of the single post in your blog we will dealing with most popular and always converting ads format like 180*200 , 200*200 , 250*250, 300*250 , 336*280 ads format since they suit best for this position (under post title wrapped around post body)  .

After creating your ads code paste it in notepad (notepad 1) and visit this link (link opens in new window ) to convert your already created ads code n/b it doesn’t matter if your ads is in php, JavaScript or plane htlm just convert it with the link provided above by pasting it in the box that looks like what we have below.

var gadgeprefs = new _IG_Prefs(__MODULE_ID__);
var ch1 = gadgeprefs.getBool(“conv1”);
var ch2 = gadgeprefs.getBool(“conv2”);
var ch3 = gadgeprefs.getBool(“conv3”);
var ch4 = gadgeprefs.getBool(“conv4”);
var ch5 = gadgeprefs.getBool(“conv5”);
var gr = gadgeprefs.getInt(“grows”);

function code_check() {
var focuscheck = document.getElementById(‘tarea’);
if (focuscheck.value.indexOf(‘Paste (or write) here your code’) > 0) focuscheck.value = ”;
}

function code_clear() {
var wtarea = document.getElementById(‘tarea’);
wtarea.value = ”;
}

function code_convert() {
var ctarea = document.getElementById(‘tarea’);
var toConvert = ctarea.value;
if (ch1) toConvert = toConvert.replace(/&/g,”&”);
if (ch2) toConvert = toConvert.replace(/’/g,”'”);
if (ch3) toConvert = toConvert.replace(/”/g,”"”);
if (ch4) toConvert = toConvert.replace(//g,”>”);
ctarea.value = toConvert ;
ctarea.focus();
ctarea.select();
};

var x = document.getElementById(‘tarea’);
x.value = ‘nPaste (or write) here your codennConvertsn nton < " & ' >’;
x.rows = gr;
Remember to replace your notepad (notepad 1) content with this new add code you ‘ve gotten after parsing the code for us to now have notepad 2 (parsed advert code)’cos that’s what we are gonna use in the preceding steps  ….

After converting your ads code just move ahead to the final steps after copying the already converted (parsed) code (into notepad 2 to avoid errors )

For Blogger.com blog

1.  Login to your blogger account and go to design > edit html > make sure you check the box “expand widget template” and move on to the next step

2. Press ctrl+f  (find) on your keyboard and search for

<data:post.body/>

 3. Open another notepad (text editor ) and paste the code below inside to have let’s say notepad 3

<!– Begins here –>
<b:if cond=’data:post.isFirstPost’>
<br/>

your parsed advert code here

<br/>
</b:if>
<!– Ends here –>
4. copy the contents of  notepad 2 (your parsed ads code )to replace this lines “your parsed advert code here” in notepad 3 to have notepad 4 

practically your final adds code (notepad 4) should look like this 

<!– Begins here –>
<b:if cond=’data:post.isFirstPost’>
<br/>

&lt;script type=&quot;text/javascript&quot;&gt;
ch_client = &quot;Liveencyclopedia&quot;;
ch_width = 300;
ch_height = 280;
ch_type = &quot;mpu&quot;;
ch_sid = &quot;Chitika Default&quot;;
ch_color_site_link = &quot;ffffff&quot;;
ch_color_title = &quot;0000CC&quot;;
ch_color_border = &quot;FFFFFF&quot;;
ch_color_text = &quot;000000&quot;;
ch_color_bg = &quot;FFFFFF&quot;;
&lt;/script&gt;
&lt;script src=&quot;http://scripts.chitika.net/eminimalls/amm.js&quot; type=&quot;text/javascript&quot;&gt;
&lt;/script&gt;

<br/>
</b:if>
<!– Ends here –>
the color in red is your parsed code while :
the color in black is the css that tells it to wrap around the body by aligning it to the left

5. Place your final code immediately above  the first :

<data:post.body/>
for regular blogger themes or immediately above the second :

<data:post.body/>
for custom blogger themes with the read-more cheat 
For WordPress.org self hosted blog, smf and other sites / cms 


wordpress: just copy your preferred  ads format preferably 300*250 and paste it under “post title ” using “quick adsense plugin” or wrap around the body with same plugin too .  Genesis and thesis or even some premium themes users do not need any plugin to add their code simply use the integrated adds option that comes with your premium theme under theme options or use simple hooks for the genesis framework  .

Wrapping your adsense / adverts codes around text / article body in smf  requires no form of technicality just create your ad code using either format 200*200 or 250*250 >> Install an smf mod called “google admod” preferably the latest version of it and paste your ads code inside >>> tick the box that says only in first post for google and adsense or ignore the box for any other service that allows more than 3 ads per page (eg. custom ads you would like to show in every post and replies )
Save your settings to have your ads up and running .

For other custom coded / Dreamweaver sites and cms just locate where you want your ads to appear and use the css code below to align it to the left so as to have it wrapped around your site content  . use this code

<div style=”margin:auto; text-align:left;”> your adverts code here </div>

Let’s continue this tutorial from your comments and challenges

Known Issues: Problem working with custom blogger templates with the readmore  tweak
solution: paste the content of notepad 4 in the second  

<data:post.body/>
instead of the first one

source: Latest adsense trick for higher ctr

for more placement and options why not continue from our second post here