How to Make a Widget Only Shown on Homepage Blog

Blogger Widget

How to Make a Widget Only Shown on Homepage Blog - Homepage is the main page of the website / blog, on this occasion we will discuss how to make the widget appear only on the homepage. To be dynamic and blogs seem neat, preferably some widgets that are considered essential and are only displayed on the main home page or homepage.
You want to make widgets appear only on the main page / homepage, follow the following steps:

1. Login to blogger.
2. Choose Template => Edit HTML => Expand Widget Templates checkbox.
3. Do not forget to backup templates so you can easily restore if something goes wrong.
4.'s Widgets use F3 or Ctrl + F. Example widget: Latest Articles.

<b:widget id='HTML5' locked='false' title='Latest Articles' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty --&gt
; <b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

5. Put the code <b:if cond='data:blog.url == data:blog.homepageUrl'> under <b:includable id='main'> and </b:if> above code </b:includable> as follows:

<b:widget id='HTML5' locked='false' title='Latest Articles' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

6. Then save the template
Visit Site

How to Make a Widget Only Appear On The Blog Posts

Blogger Widget

How to Make a Widget Only Appear On The Blog Posts - My Backlink this time will share a tips-tricks that only serves to show the widget on the blog post page. Illustrations like this, at some point we feel should install a widget which we think is important and must be present on our blog, but on the other hand, the home-page page has been cluttered and if imposed, it would be more chaotic and confusing. Well here is the method to show a widget only on the pages of blog posts into a workable solution to overcome these problems.

How do I make it? Not too difficult, but it requires precision and patience, because we have to add a script to the html-template blog series we are so in length and complicated, one can slightly damaged all blogs arrangements that we have built with such difficulty.

In this article I pointed to put Widgets Related Articles only on post pages. The original script is as follows widgets.

<b:widget id='HTML1' locked='false' title='Related articles' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>


To achieve such purposes we only need to add 2 additional course code or script that is <b:if cond='data:blog.pageType == &quot;item&quot;'> and </ b: if>, so that the configuration script into seperrti this:
<b:widget id='HTML1' locked='false' title='Related articles' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Visit Site

Propellerads Media Alternative Adsense


Propellerads Media Alternative Adsense - How your days in the blogging world what fun kah? or annoying? within the blogging world today is very much the advertiser who joined the online business because they know, online business is very profitable.

Blogger buddies in the world of blogging of course you are already familiar with google adsense and how to become successful bloggers google adsense publisher, and it was not easy and it takes time and the right strategy to manage blog.di anatara successful bloggers in the blogging world there are also that did not work, but do not be discouraged first bloggers because there are many alternatives besides google adsense ads that you can try as Propellerads Media

PropelleradsAlternative Adsense after I saw and watched some of this week turned out to be good enough to be placed in themed blog template and she is better for content such as Download MP3 Music , Software , Movies and you can try if you have a blog like mp3 download or software because I see a lot of rare blog theme mp3 download google adsense ads in pairs and include a google adsense TOS violation.

Future Propellerads:
Native Banner , Native Subscriptions, Onclick (Popunder), Interstitials and Smart link (Direct ads)

The state received are all countries and they receive too little traffiknya to blog , and that got me interested in this adsense is its high CPM can reach 1 dollar.

Propellerads Media Alternative Adsense

How to Register Propellerads Media?
  1. Buddy Visit this website here.
  2. Select Publisher.
  3. Furthermore Enter your email address, Skype ID Website And Put That In monetize Can You See As Picture Below.
  4. Last Click STAR NOW  And Later There Pop Under and Message As my friend please check your email address before the list.
  5. Minimum payout $25 USD via PayPal

Visit Site

How to Enable Ads.txt in Blogger

Blogger Now Already Supported Ads.txt

My Backlink - After Google introduced the search console beta version, it's now finally Google or Blogger releases ads.txt directly on the Blogger dashboard on January 31, 2018.

Ads.txt is an initiative of the Interactive Advertising Bureau Tech Lab (IAB) to promote and improve transparency in program advertising. This is an easy way for Adsense publishers to clearly point out to authorized buyers to sell their inventory.

Actually for Blogger Ads.txt already existed but now you can edit Ads.txt as you like and for you who get warning message like this.

Your earnings are at risk - One or more of your ads.txt files do not contain the AdSense publisher ID. Fix this issue right now to avoid having a serious impact on your revenue.


To enable Ads.txt on Blogger, you can set it in Blogger Dashboard > Settings > Search preferences > Monetization > custom ads.txt > Then click edit select Yes and fill in the following code in the column ads.txt.

How to Enable Ads.txt on Blogger

google.com, pub-0000000000000000, DIRECT, f08c47fec0942fa0


Please replace pub-0000000000000000 with your Adsense ID, then click Save changes.

Adsense ID can be found in Blogger dashboard or Google Adsense buddy like the example below.

How to Enable Ads.txt on Blogger

How to Enable Ads.txt on Blogger

To check whether Ads.txt is enabled, you can check in the browser search tab with links like this.

 http://www.your_domain.com/ads.txt

Replace your_domain with your blog address.

We suggest you activate ads.txt manually in all of your blogs from bloogers serving Adsense ads to ensure that we have activated ads.txt with the account currently in use, as in the tutorial above.

Similarly about How To Easily Enable Ads.txt on Blogger.

Good luck
Visit Site

Create Ads AMP 970x250 With Show Hide Ad Button

Adsense Billboard 970x250

Live Demo

My Backlink - This is inspired by billboard adsense on Youtube, just check out the adsense at the top of the Youtube page of 970x250 billboard ad unit.

And there is no harm we try to experiment with this billboard advertising unit, who knows his rea is in the unit.

And it seems still not many bloggers who use this 970x250 billboard advertising unit, probably because of its large size so it takes up a lot of space on the blog.

For that, this ad unit we are equipped with show hide ad button, so if there are visitors who feel annoyed with this slot then the ads can be hidden as well as on the Youtube page also use the show hide ads button.

If you want to try it, please follow the steps below.

Please save the CSS code under the place above ]]></b:skin>.

/* Top Banner */
.top_banner{margin:20px auto;padding:0 10px 20px;position:relative;width:100%;max-width:990px;height:auto}
#close_topbanner,#open_topbanner{font-family:Roboto,sans-serif;position:absolute;padding:0;bottom:0;background:0 0;border:none;cursor:pointer;color:#888;font-size:15px;font-weight:500;height:20px;line-height:20px;}
#close_topbanner{right:10px}
#open_topbanner{width:100px;text-align:center;right:50%;margin-right:-50px}
#close_topbanner:focus,#open_topbanner:focus{outline:0}

Then please save the code below and place it after the code. <body>

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;error_page&quot;'>
<div class='top_banner'>
<div id='topbanner'>
<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-slot='xxxxxxxxxx' height='250' layout='fixed-height' type='adsense'>
 </amp-ad>
  </div>
<button id='close_topbanner' on='tap:topbanner.hide, close_topbanner.hide, open_topbanner.show' role='button' tabindex='0' title='Close'>Close Ad</button>
<button hidden='' id='open_topbanner' on='tap:topbanner.show, close_topbanner.show, open_topbanner.hide' role='button' tabindex='0' title='Open'>Open Ad</button>
  </div>
</b:if>

Please customize the code <data-ad-client='ca-pub-xxxxxxxxxxxxxx' and data-ad-slot='xxxxxxxxxx' with your responsive ad unit.

And make sure you've installed js amp-ad on your blog.
Visit Site