Adsense And Add Together This Sharing Social Widget Below Post Championship For Blogger

November 18, 2012


Adsense too Add this sharing social widget below post championship for blogger Adsense too Add this sharing social widget below post championship for bloggerAloha! today I will portion to you lot about Adsense techniques that will aid you lot earn to a greater extent than money. One of the best way to position your Adsense ads is putting it below post titles, but inwards this lesson we will add together more, nosotros add together "add this" social sharing widget adjacent to your Adsense ads. I flora this fox on www.abctrick.net.

Before we laid out the installation, I ask you lot to teach to your Adsense draw of piece of job concern human relationship as well as create a novel 300x250 blocks ads that will perfectly blend with your template. After creating your novel ads, salve as well as teach code, as well as then re-create as well as glue the code on this HTML parser.

Installation

1. Log into your blogger account> dashboard> click edit HTML (make certain you lot dorsum upwardly your template inwards instance you lot made about mistakes)> click on expand widgets.

2. Now notice this code ]]></b:skin> as well as then re-create as well as glue the below codes simply inwards a higher house it. 

/* Adsense below post championship amongst Addthis as well as Social Badges yesteryear abctrick.net */ .boxround { margin : 0 auto; padding : 10px;border : 1px company #ccc; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px; border-radius-topright:10px; border-radius-bottomleft:10px; } #addthis-left { float : left; } .addthis_toolbox .vertical { float : left; width : 215px; padding-left : 5px; min-height : 185px; seat : relative; } .addthis_toolbox .vertical a { seat : relative; display : block; width : 150px; padding : 4px 0 4px 34px; text-decoration : none; color : #626262; transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; } .addthis_toolbox .vertical a:hover { color : #8f8f8f; text-decoration : none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .addthis_toolbox .vertical1 { float : left; width : 215px; min-height : 185px; seat : relative; } .addthis_toolbox .vertical1 a { seat : relative; display : block; width : 150px; padding : 4px 0 4px 15px; text-decoration : none; color : #626262; transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; } .addthis_toolbox .vertical1 a:hover { color : #8f8f8f; text-decoration : none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .addthis_toolbox .vertical1 .more { border-top : 1px company #eee; padding : 2px 0 0 0; margin : 10px 10px 0 10px; text-align : center; } .addthis_toolbox .vertical bridge { seat : absolute; left : 14px; exceed : 4px; } .addthis_toolbox .vertical .more { border-top : 1px company #eee; padding : 2px 0 0 0; margin : 10px 10px 0 10px; text-align : center; } .addthis_toolbox .vertical .more a { padding : 0 0; margin : 0; } .addthis_toolbox .vertical .more a:hover { background : none; } .addthis_toolbox .vertical .more bridge { display : none; } .googleplus { padding-left : 15px; padding-top : 5px; padding-bottom : 3px; display : inline-block;


3.  Now, we will position jQuerry script as well equally Google + as well as Twitter script on the template. Find the </head> tag as well as position the codes inwards a higher house it.

<!-- Addthis jQuery - Remove if you lot already stimulate got this --> <script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'></script> <!-- Twitter Button jQuery - Remove if you lot already stimulate got this --> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script> <!-- Google +1 Button jQuery - Remove if you lot already stimulate got this --> <script src='https://apis.google.com/js/plusone.js' type='text/javascript'>{lang: 'en'}</script>

4. Find this tag <div class='post-header-line-1'/> or <data:post.body/> as well as glue the codes below inwards a higher house it.

<!-- Adsense below post championship amongst Addthis as well as Social Badges yesteryear abctrick.net Starts --> <b:if cond='data:blog.pageType == "item"'><!-- Remove --> <div class='boxround'> <table border='0' cellpadding='0' cellspacing='0' width='98%'> <tr> <td width='330'> REPLACE THIS LINE WITH CONVERTED ADSENSE CODE </td> <td><div class='boxround-right-min'> <div class='addthis_toolbox'> <div class='vertical'> <div class='googleplus'> <g:plusone annotation='bubble' size='medium'/> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> <br/> <a class='twitter-share-button' data-lang='en' href='https://twitter.com/share'>Tweet</a><br/> <a class='twitter-follow-button' data-lang='en' data-show-count='true' href='https://twitter.com/YOUR_TWITTER_USERNAME'>Follow @YOUR_TWITTER_USERNAME</a> </div> <a href='YOUR_GOOGLE_PLUS_URL' style='text-decoration:none; background-color:transparent!important; margin-left:-20px!important' target='_blank'><img alt='Adsense too Add this sharing social widget below post championship for blogger' src='https://ssl.gstatic.com/images/icons/gplus-16.png' style='border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; vertical-align: middle; border-left-width: 0px;'/> Follow On Google+</a> <a class='addthis_button_facebook'>Share On Facebook</a> <a class='addthis_button_stumbleupon'>Stumble This Post</a> <a class='addthis_button_reddit'>Submit On Reddit</a> <a class='addthis_button_email'>Email To Influenza A virus subtype H5N1 Friend</a> <div class='more'> <a class='addthis_button_expanded'>More Destinations</a> </div> </div> </div> </div></td> </tr> </table> </div> </b:if> <!-- Remove --> <!-- Adsense below post championship amongst Addthis as well as Social Badges yesteryear abctrick.net Ends -->
Customize
  • *Replace "REPLACE THIS LINE WITH CONVERTED ADSENSE CODE" with your parsed Adsense code. Remember to parse it starting fourth dimension earlier putting it there.
  • *Replace "YOUR_TWITTER_USERNAME" with your twitter username.
  • *Replace "YOUR_GOOGLE_PLUS_URL" with your consummate Google + profile URL.

SAVE TEMPLATE!

Credits to www.abctrick.net