Monday, October 24, 2011

Display Messages, Pictures or Advertisement After Post Header on Blogger Blogspot

Sponsored Ads
After you have learn the basic of conditional tags, now this post is going to share with you how you could use the conditional tags for your blog. You can apply the basic knowledge of conditional tags to make your blog more flexible. You can make your blog look professional and more alive using the conditional tags.

In this post, I will share with you how you can use the conditional tags to make certain widgets appear only in your post page but disappear on homepage. It is quite simple and straightforward. Please read on to learn how and understand the codes to make it works.


Blogger Customization Tutorial | Display Messages, Pictures or Advertisement After Post Header on Blogger Blogspot


1.Locate the codes below in your blog's HTML codes:

    <div class='post-header'>
    <div class='post-header-line-1'/>
    </div>
    PASTE the Codes in Step 2 Here

After you have found the codes above, you will need the codes below.

2. Now, you will have to copy the codes below and paste it directly after the codes as shown above.

1. Displaying Short Messages to your Blog Readers After Post Header

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right'>
Your Messages Here
</div>
</b:if>

2. Displaying Picture to your Blog Readers After Post Header

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right'>
Your Pictures URL Here
</div>
</b:if>

3. Displaying Advertisements to Yout Blog Readers After Post Header (AdSense, Chitika or other Ads)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right'>
Your Pictures URL Here
</div>
</b:if>

Ok, that is it. The above codes should be a good start for you. You can further re-design the codes to make it appears the way you like. Maybe you would like to have bold, underline, italic, float right or left, you can edit it yourself. If you are reading this post, I am sure you should have known all those basic HTML codes.

Implement it to your blog and impress your blog readers with the messages, pictures or advertisments displaying just below the blog post header.

Good luck. Enjoy.

About the Author: This Post is written by William Lee (Nickname: Greenleaf). Make money blogging and work from home is the best job I ever experienced.

4 comments:

Jade Sitjar said...
This comment has been removed by the author.
Jade Sitjar said...

I tried what you said on my adsense accuont. unfortunately I was kicked out of adsense. Now i'll try chitika. Hope it works and they won't ban me.

Greenleaf said...

Dear Jade Sitjar,
I am sure the tutorials I am giving here will not cause you to lose your AdSense account. I am personally using all the tutorials I share with you here.

You can also check other blogs. They are using what I share with you here and their AdSense account is still fine.

Maybe you are using some methods that are against AdSense rules which I do not teach here.

Thanks.

CHAYAN DAS said...

for disable click activities my google adsense has disable.for that i became very upset.i am new user blog but i am very very interested to create blog.now my any blog did not opening.i cud not understand this causes.if adsense disable yhen my blog wud not be open?i have fillup adsense apeal from but still i am alas!pls.help me what can i do.pls.help ...help...

Post a Comment