Wrap text around Adsense block in left or right corner

Maybe you have wondered how to wrap text around an Adsense block. You may have noticed that many Wordpress blogs have ad units embedded in top left or right corner of the post content as shown in the picture below:

The main advantage of this Adsense ad placement is that it has the highest CTR on most of the blogs. Adding this ad unit is very simple and requires a code snippet before and after your regular Adsense ad script.

If you want to add a ad unit in top right corner of your post, then include the red lines below in your ad code:

<div style="float:right;">

Your Adsense ad script

</div>

If you want to place ad unit at left corner, change the float tag to "left":

<div style="float:left;">
Your Adsense ad script
</div>

The most appropriate for this ad placement is 250×250 square ad unit. Placing AdSense unit in the middle of the post, may disturb the reading flow, so I'd recommend to have ad units at the beginning of the post.

If you have any query adding this ad unit in your blog post, just leave a comment below.

Color Code Generator

This Color Code Generator will help you get the six digit color code i.e hexadecimal value. It could be very effective if you want to get  a perfect combination of colors for your blog and if you have a good experience about color picking and selection matching, this will help you to make your blog to look really professional. The Color Code Generator is also very useful when you try to blend the Google Adsense Ads with the site content.



Instructions

- Drag the bar on the "Hue" selector to the area of your desired colour palette.
- Then click inside the Brightness/Saturation area and drag the cursor until you have achieved your desired colour. The "Swatch" bar shows you the final colour result.
- The hexadecimal colour code is generated in the "Hex" box. Simply copy the six digit code i.e #000000

How to add Hex Colour Code Generator

To install Hex Color Code Generator on a Blogger/Blogspot page or post, copy the following code and paste it in the post or page HTML:

<center><object border="0" classid="clsid:D27CDB6E -AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param name="movie" value="http://www.2createawebsite.com/build/color.swf"><param name="quality" value="High"><embed src="http://www.2createawebsite.com/build/color.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="485" height="485" quality="High"></embed></object></center>

That's it!

How to create click events using CSS

An event is something that happens when we do something. In CSS, the most common is the hover selector which helps us to select elements when we mouse over them and then an event is executed automatically. There is one way to avoid this since in modern browsers there is a property called pointer-events which allows us to disable them. For instance, if we have a link and we set the pointer-events property value to none, it would simply not work:

<a href="page-url" style="pointer-events: none;">Click here</a>

Many use :target to make it work, however, this is not always the best choice if we consider its jumping behavior - click on the link below to see what happens:

Link with target

<style>
#linktarget {display: none;}
#linktarget:target {display: block;}
</style>
<a href="#linktarget">Link with target</a>
<div id="linktarget">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu cursus dui, ac fermentum eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce elementum sapien et augue fringilla aliquam. Ut a viverra libero, eget commodo nisi. Maecenas ultrices facilisis dignissim.
</div>

Another option is to use the :focus selector which will make the hidden content to expand on mouse click.

The advantage of this selector is that the page stays still, however, we have to click anywhere "outside" to close the expanded content and besides this, the hidden content should be immediately after, with no intermediate tags:

Demo with focus

<style>
.focuselector {display: none;}
span:focus ~ .focuselector {display: block;}
</style>
<span tabindex="0">Link with focus</span>
<div class="focuselector">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu cursus dui, ac fermentum eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce elementum sapien et augue fringilla aliquam. Ut a viverra libero, eget commodo nisi. Maecenas ultrices facilisis dignissim.
</div>

The last method is more fancy even though it requires more tags but it works the best since it allows us to create a toggle effect, i.e., expand on click and then collapse when clicking again. In this case, we'll use the :checked selector:

Demo with checked

<style>
.checked-selector {display: none;}
:checked ~ .checked-selector {display: block;}
input.hidden[type=checkbox] {position: absolute;left: -999em;}
</style>

<label for="toggle-hidden">Demo with checked</label>
<input type="checkbox" id="toggle-hidden" class="hidden" />
<div class="checked-selector">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu cursus dui, ac fermentum eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce elementum sapien et augue fringilla aliquam. Ut a viverra libero, eget commodo nisi. Maecenas ultrices facilisis dignissim.
</div>

To apply these effects on the links and content that you want to hide and expand only on mouse click is very easy: when you create a post, paste one of the codes above inside the HTML box and replace the text in blue with the name of your link and add your text instead of the green one.

How to Add Adsense Ads In the Middle or Anywhere inside Blogger Posts

In a previous post we saw how and where we can place Adsense ads on our blog; however, these methods would only work when we place the ads on predetermined and fixed locations. For posts area, the most common places are below the title, at the beginning of the post or at the end of the post.

But what if we want to display an AdSense ad in the middle of a post?

We can manipulate the location of the ads to be displayed by adding a script inside the template, then using a label inside our post to where we want the AdSense ad to appear. Once added, we can place the ads anywhere, be it between paragraphs or in the middle of the content etc.

Manually inserting Adsense ads in the middle of posts in Blogger is pretty simple, just follow these steps below:

Before proceeding, it is recommended do backup your template (go to Template > click on the Backup/restore button)

Step 1. First thing we need to do is to "parse" the AdSense code, in other words, convert it to plain text. Then go to Template, click on the Edit HTML button, click anywhere inside the code area and look for this tag (CTRL + F):

<data:post.body/>

Note: you may find it several times, but we need to stop at the second one or if you can't see any changes, test the third one

Screenshot

Step 2. Replace the <data:post.body/> tag with this code:

<div expr:id='"adsmiddle1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
<!-- Add here the code of your ad -->
</div>
<div expr:id='"adsmiddle2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("adsmiddle1<data:post.id/>");
var obj1=document.getElementById("adsmiddle2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

Step 3. Put the converted Adsense code to where you see the <!-- Add here the code of your ad --> annotation, then save the changes by clicking on the Save template button

Step 4. When you create a New Post, add this tag inside the HTML section in the exact location where you want the Google AdSense ads to appear:

<!-- adsense -->

For example:

<div>This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text.</div>
<!-- adsense --><div>This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text.</div>

Screenshot

Note: If you don't add the label to bring up the ad then the ad appears below the title by default.

This method doesn't violate Google's Terms of Service because you are not changing the structure of the ad.

How to Avoid Hashtags Abuse?

No matter what it is you’re writing about, hashtags can boost your page views and in some cases bring a whole new readership to your site. Of course, like everything else – you need to do things properly. If you’re managing a blog or in charge of one’s social media, you should already be familiar with how to use hashtags to promote your posts and content. However, recently attitudes towards hashtags have changed across the web as a whole. For blog maintainers, that means you have to rethink how you promote your posts using Hashtags.

Stop Hashtags Abuse and Use Them Effectively

Here are some tips on what to do and what not to do when looking to really promote posts using hashtags.



1# Don’t be Obvious
Let’s say you have a post that you want to promote on Twitter, Google+ and Facebook to drag in a quick wave of traffic and hopefully keep some of them as permanent readers. This post could be about Miley Cyrus – for argument’s sake – and if you’re looking to get some hits off of Twitter, the obvious choice #mileycyrus. However, everyone is going to be using that tag, especially after she’s done something else controversial.
2# Take the Subtle, Yet Effective Approach
Instead of going for the obvious tag, you should try and work something into your share. Like for instance “Perhaps #miley should stop…”. With a Tweet like that, you’re still getting some juice from the Miley Cyrus buzz but, you don’t look like you’re out of place. Besides, Twitter can do all the rest.
This way you’re still targeting the topic but, you get to be the site standing above the noise.
Going this route isn’t super-effective for an instant boost of traffic however, this is one of the more effective ways to keep those readers coming back, following your Twitter account and retweeting your later tweets. It’s the small things that count when earning respect online.
3# Avoid “Hashtag Abuse”
Recently, the Internet and the media as a whole have turned to “Hashtag Abuse”. If you’re unfamiliar with the term, it’s essentially a way to describe the over-use of hashtags in a post, like this:

“New #iphone from #apple, #64bit CPU, faster than ever with #touchid #fingerprintreader #happytimes”

Only one or two hashtags are needed for a post to get attention. It’s all in how you use them, too.
4# Take Your Time and Turn Off Auto-Sharing
Depending on the amount of posts you’re sending to your Twitter account, auto-sharing your posts as Tweets is probably doing you more harm than good. Especially if you use one hashtag for all of your posts. If it’s manageable, you’re far better off doing things manually. Sharing a post manually to Twitter doesn’t take too much longer and that way you can better choose which hashtags to use. Not every post needs the same hashtag and in some cases, the right hashtag can be all your post needs to really take off.

Conclusion

So, this was the little guide on how to avoid hashtag abuse. If you are also doing the same mistakes, then stop it now and start using hashtags effectively. Please don’t forget to share your views.

7 Smart Tips To Drive Traffic From Pinterest To Your Blog

There’s hardly anyone left in the world of blogging who is not aware of Pinterest. However, what some people do not know is the fact that Pinterest is not only meant for pinning your products, rather it also helps in driving more traffic toward your blog / website. Over time, Pinterest is seen to be driving in more traffic as compared to all the other prominent social networking websites. Looking at the severity of its importance, we are bringing to you few effective ways of driving traffic towards your blog via Pinterest.

How To Use Pinterest To Drive Traffic To Your Blog?

1# Emphasis on trending and lifestyle topics
Who does not like to read hot and trending articles? It is a known fact that people always prefer to spend their time on the latest happening and events. This will surely get you a lot of followers along with a long array of repins, likes and comments. Movies, social affairs or anything latest will do the best for you.
We are part of an ever growing society and people need to be kept familiar with their surroundings. Make your blog a mixture of everyday tips, household products, images, videos and you are done. The number of clicks that you will receive through these simple yet useful posts will be surely amazing.
2# Go for a personalised blog board
Do not let your blog put your readers in hocus- pocus. Always make it a point to arrange your blog in a systematic manner. This will definitely make it easier for your followers to find your latest pins and will save their time as well.
Also, remember to add good keywords in the title of your posts. This way they will find high page ranking in all the major search engines. Isn’t it great to have a well managed blog as well as a good ranking all in a single go?
3# Combine text with images
No one likes to read a long and boring post. Make your posts interesting by including as many catchy pictures as possible. Or to make it more appealing, you can also add text onto the pictures. Images catch people’s attention and it compels them to click on the link to know more about your pin. For this purpose, use large and attractive fonts on your image while pinning them on Pinterest. This is due to the reason that a lot of people access Pinterest through their mobile phones and small font will not be visible to them.

4# Show the magic of URL description
While pinning images or posts on Pinterest, always add the URL of your blog in the description. In case you are repining, do the same. Use the URL of your blog or website which will have the similar posts as that on Pinterest. Also, do not use shortened URLs for this purpose. When people will repin your post, they will get redirected to your blog automatically.
5# A contest for your followers
Interact with your audience as much as possible. An easy way for this is by running a contest on your blog. All you need to do is pin that contest on Pinterest. This will work as a promotional strategy for your blog/ website by driving in more people via Pinterest.
The best part is that people actually spend a lot of their time on such contests and eventually the traffic towards your blog increases.
6# How about adding a “pin it” button?
Not having a visible “pin it” button for your post is like not having “tweet button” on Twitter. Include a “pin it” button below each and every post of yours. This will make it easier for your followers to repin your posts.
7# Add author bio
The key to having tonnes of followers is to have a great interactive relationship with them. The more people know about you, the better. But also let them know about the people behind your amazing posts.
Make a separate pin board featuring all your authors, including brief introduction about them. This will make people feel more connected with you as well as your blog.
In one of our previous posts, we had discussed 4 Tips to Help You Write Comments that Attract Eager New Readers and if you have not read it yet, then I recommend you to go through it once. It’ll help you to attract wider audience to your blog.

Final Words!

It’s not actually tough to use social medias to increase blog readers but the fact is that many of us are not trying to explore them. Just give it a try and you’ll fall in love with the result you are gonna get with pinterest. Happy Blogging

Most Effective Tips To Get Traffic From LinkedIn

As a blogger either newbie or pro-blogger, driving quality traffic to your blog is the backbone of your successful blog online, willy-nilly, quality traffic is infact an indisputable fact behind every successful blog online. Before your blog earning can really make sense, your blog traffic must be convincing. There are some reasonable ways of driving quality traffic to your blog via social media but I too came to realized that most bloggers only familiar with Facebook, Twitter and somewhat Pinterest.
In this post I am going to share with you how to get huge traffic from LinkedIn to your blog. I’m not a professional at this though but this not say that am blabbing about this post because this is one of the helping hand I have seen and you to can make use of this too to attract new audience to your blog.
Following the points below and ability to make effective use of it; you will definitely be able to get traffic from LinkedIn to your blog with little efforts.

Tips To Get More Traffic From LinkedIn To Blog

Probably you may already tried to use LinkedIn to attract new audience to your website, but without working smartly, surely you can’t even think to make user’s click on your links to land on your blog from any social media site. Below are some tips to effectively make use of LinkedIn.

1. Spree connects

Let do this as if we are on Facebook social network. There are multi-million users of Facebook, and with that; you can easily search for whom you think you know and peradventure someone you don’t know will be suggested by Facebook itself.
So, also same procedure can be followed on LinkedIn when you need to connect with high internet marketers. And how do you think this can be easily done? Approach matters in this perspective, why not doing it this way?
I, am ADESANMI ADEDOTUN, I will like to connect with your network; note that it doesn’t matter you write it in my own format but word it in a presentable way. All noted that LinkedIn has auto-note box but instead of using this custom box, give a warm message. Many times we got accepted by professional but to show them that you appreciate their gesture, kindly send a direct message to appreciate them for accepting your offer.

2. Engage Yourself in a lot of Groups

Just accept the fact that, the best way things happen in a group is where ideas from professionals are being shared on how they have it done themselves, and as a matter of fact, LinkedIn can be the best place for this type of group for internet marketers.
There are countless number of groups on LinkedIn like Facebook but associating or joining a professional blogger or internet marketers in your niche will broaden your knowledge as this will give you the chance to ask about what you don’t know.
As a matter of fact, the best and most successful group online either on Facebook or LinkedIn is where discussion is taken as top-most priority to sharing ideas and advice to learners. This is the best method one can easily create a renew effect on LinkedIn.

3. Active in Your Feed

Talking about Twitter as far as feed is concern, so also is LinkedIn, where you can tweet you update as well as your company update and your blog URL after shorten it.
I believe they all work the same way, sharing a single post will definitely show up in your timeline (FACEBOOK) and on your profile (TWITTER AND LINKEDIN). Sharing reasonable post and idea always will keep you connected and build your online presence as well as creating relationship between you and your group member.
What essences have it when you read a fellow member post in a group without comment? Leave a comment on fellow members post to build relationship and update your own post as well as to keep others alert that you are an active member.

Conclusion

I personally believed we all familiar with LinkedIn and its importance. Having a reputable profile to build up your reputation successfully online is almost a most than always necessary.
This is what I use to drive extra traffic to my blog. Now it’s your turn. Please do share your experience with us.

• Do you ever used LinkedIn to increase Your Blog Traffic?
• What’s your experience with it?
• How you make use of it for more productive results?
• What’s your opinion about points I mentioned here?

Please do answer these questions via comment and share your views with me and BTT readers. Thanks!