{"id":93,"date":"2012-09-01T07:31:00","date_gmt":"2012-09-01T07:31:00","guid":{"rendered":"http:\/\/www.heerentanna.com\/2012\/09\/01\/how-to-add-adsense-ad-beside-sharing-button-below-every-post-title-of-blogger-blog\/"},"modified":"2022-12-19T15:02:15","modified_gmt":"2022-12-19T09:32:15","slug":"adsense-with-sharing-button-below-post-title","status":"publish","type":"post","link":"https:\/\/www.heerentanna.com\/blog\/adsense-with-sharing-button-below-post-title.html","title":{"rendered":"How To Add Adsense Ad Beside Sharing Button Below Every Post Title of Blogger Blog?"},"content":{"rendered":"\n<div dir=\"ltr\" style=\"text-align: left;\">\n<div dir=\"ltr\" style=\"text-align: left;\">\n<figure><a style=\"clear: left; float: left; margin-bottom: 1em; margin-right: 1em;\" href=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/09\/Sharing+Button+Beside+Google+Adsense.png\"><img decoding=\"async\" src=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/09\/Sharing+Button+Beside+Google+Adsense.png\" alt=\"\" border=\"0\"><\/a><\/figure><div class=\"separator\" style=\"clear: both; text-align: center;\"><\/div>\n<div style=\"text-align: justify;\">Every blogger are always willing to have a more and more visitors to there blog. Its is completely based on how attractive your blog is? For that we have to arrange element is such a way so as it catch eyes of the reader. This post is all about How to add Adsense along with sharing button beside of it below every post title. i have added parameter of <a href=\"https:\/\/www.heerentanna.com\/blog\/how-hideshow-gadget-in-blogger-home.html\" target=\"_blank\" rel=\"noopener\">hide and show gadget code<\/a> so as adsense and sharing button appear only on post page and not on home page. So as it will not take too much time to load home page.<\/div>\n<p><\/p><wp-block data-block=\"core\/more\"><\/wp-block>\n<h4>How To Add Adsense Ad With Sharing Button Below Every Post Title of Blogger Blog?<\/h4>\n<\/div>\n<div style=\"text-align: justify;\"><a style=\"clear: right; float: right; margin-bottom: 1em; margin-left: 1em;\" href=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/09\/YouCanDoThis11.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2012\/09\/YouCanDoThis1.png\" alt=\"\" width=\"125\" height=\"125\" border=\"0\"><\/a>I observe that many blogger use afraid to adding there template. i don&#8217;t know why is it so? Here i share all the tips related to blogger. you can back up your blogger template before adding&nbsp; anything. If you fill that you make a mistake in your template than you will be restore your previous backup template. Now lets move to our main topic. Following are the simplest step which you required to follow step by step. Don&#8217;t be tense we are here if you facing any kinds of difficulties.<\/div>\n<p><b>Step 1: Login <\/b>in to your blogger account. <a href=\"http:\/\/draft.blogger.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Click here<\/a>.<br><b>Step 2: backup<\/b> your template. ( How to backup your blogger template? )<br><b>Step 3:<\/b> Now select <i><b>Template<\/b><\/i> &gt; <i><b>Edit HTML<\/b><\/i> &gt; <i><b>Proceed<\/b><\/i> button.<br><b>Step 4:<\/b> Check ( Tick) on &#8220;<b>Expand Widget Templates<\/b>&#8220;<br><b>Step 5:<\/b> <b>Find following code<\/b> by pressing <b>Ctrl+F.<\/b><\/p>\n<blockquote class=\"tr_bq\"><p>&lt;data:post.body\/&gt;<\/p><\/blockquote>\n<p><b>Step 6: Copy following code<\/b> and <b>past it above<\/b> &lt;data:post.body\/&gt; code.<\/p>\n<blockquote class=\"tr_bq\"><pre class=\"prettyprint\">&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;\n&lt;div id='left' style='float: left; width: 340px;'&gt;\nPast your Parser Adsense ad code here.\n&lt;\/div&gt;\n&lt;div id='right' style='float: right; width: 250px;'&gt;\n&lt;div class=\"addthis_toolbox\"&gt;&lt;div class=\"vertical\"&gt;\n&lt;a class=\"addthis_button_email\"&gt;Email&lt;\/a&gt;\n&lt;a class=\"addthis_button_print\"&gt;Print&lt;\/a&gt;\n&lt;a class=\"addthis_button_twitter\"&gt;Twitter&lt;\/a&gt;\n&lt;a class=\"addthis_button_facebook\"&gt;Facebook&lt;\/a&gt;\n&lt;a class=\"addthis_button_myspace\"&gt;MySpace&lt;\/a&gt;\n&lt;a class=\"addthis_button_stumbleupon\"&gt;Stumble&lt;\/a&gt;\n&lt;a class=\"addthis_button_digg\"&gt;Digg&lt;\/a&gt;\n&lt;div class=\"more\"&gt;\n&lt;a class=\"addthis_button_expanded\"&gt;More Destinations&lt;\/a&gt;\n&lt;\/div&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;\/div&gt;\n&lt;div style='clear: both;'\/&gt;\n&lt;\/b:if&gt;<\/pre><\/blockquote>\n<p><b>Step 7:<\/b> Now we need to <b>add CSS code<\/b> for that we need to find following code ( <b>Ctrl+F<\/b> )<\/p>\n<blockquote class=\"tr_bq\"><p>]]&gt;&lt;\/b:skin&gt;<\/p><\/blockquote>\n<p><b>Step 8: <\/b><b>Copy following code<\/b> and <b>past it above<\/b> ]]&gt;&lt;\/b:skin&gt; code.<\/p>\n<blockquote class=\"tr_bq\"><pre class=\"prettyprint\">.addthis_toolbox .vertical {\n    background: #fff;\n    width: 136px;\n    padding: 1px;\n    border: 3px solid #eee;\n    -moz-border-radius: 5px;\n    -webkit-border-radius: 5px;\n}\n.addthis_toolbox .vertical a {\n    position: relative;\n    display: block;\n    background: #fff;\n    width: 102px;\n    padding: 4px 0 4px 34px;\n    text-decoration: none;\n    color: #00bff3;\n}\n.addthis_toolbox .vertical a:hover { \n    background: #f5f5f5;\n    color: #027999;\n    text-decoration: none;\n    -moz-border-radius: 4px;\n    -webkit-border-radius: 4px;\n}\n.addthis_toolbox .vertical span {\n    position: absolute;\n    left: 14px;\n    top: 4px;\n}\n.addthis_toolbox .vertical .more {\n    border-top: solid 1px #eee;\n    padding: 10px 0 0 0;\n    margin: 10px 10px 0 10px;\n    text-align: center;\n}\n.addthis_toolbox .vertical .more a {\n    padding: 4px 0;\n    margin: 0;\n}\n.addthis_toolbox .vertical .more a:hover {\n    background: none;\n}\n.addthis_toolbox .vertical .more span {\n    display: none;\n}<\/pre><\/blockquote>\n<p><b>Step 9:<\/b> <b>Save your template<\/b> That set and see your post page.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Every blogger are always willing to have a more and more visitors to there blog. Its is completely&hellip;","protected":false},"author":1,"featured_media":14888,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"csco_display_header_overlay":false,"csco_singular_sidebar":"default","csco_page_header_type":"default","footnotes":""},"categories":[5],"tags":[],"class_list":{"0":"post-93","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-blogging-tips","8":"cs-entry"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/93","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/comments?post=93"}],"version-history":[{"count":0,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/93\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media\/14888"}],"wp:attachment":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media?parent=93"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/categories?post=93"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/tags?post=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}