Home AdSense How To Brand Ads Parallax On Blogger Not Amp

How To Brand Ads Parallax On Blogger Not Amp

3
0

In this article I volition beak over how to practice ads inwards blogger parallax non amp. Actually this parallax inwards advertising utilize exceptional AMP blog, only soundless a lot of blogs that practice non role template amp, therefore advertising this non amp parallax made for those non using the amp blog.

This shape is similar parallax promotion background, promotion mayhap this could endure called parallax every bit good every bit promotion background, promotion stuck to the background, or advertising background that appears on the scroll, I myself too puzzled to explicate it.

This parallax from promotion script amp-fx-flying-carpet even therefore Kang Adhy at weblog Company Magically alter script amp-fx-flying-carpet to endure inwards role on your adsense ads. Below tin endure seen to display Ads inwards blogger Parallax non amps, hither I role template Evo Magz for example.

In this article I volition beak over how to practice ads inwards blogger parallax non amp How to brand Ads Parallax on Blogger Non AMP

To house their promotion code y’all must role banner promotion size 300 × 600. For how to set ads inwards blogger parallax non amp, delight follow the steps from me here.

    How to set an promotion inwards a Non Blogger Template Parallax AMP

  1. The kickoff pace is signing inwards Blogger.
  2. Select the subject menu, therefore click on Edit HTML.
  3. Find kode </head>then input script the code below before </head>.
  4. <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> /*<![CDATA[*/ .paralax_div {   position: relative;   overflow: visible;   width: 300px;   height: 250px;   margin-right: 20px;   display: inline-block;   float: left;   z-index: 9999; } .paralax_div > div {   overflow: hidden;   width: 100%;   height: 100%;   margin: 0;   position: absolute;   top: 0;   left: 0;   clip: rect(auto auto auto auto); } .paralax_div > div > div {   width: 100%;   height: 100%;   position: fixed;   top: 0;   margin: 0 auto;   -moz-transform: translateZ(0);   -webkit-transform: translateZ(0);   -ms-transform: translateZ(0);   -o-transform: translateZ(0);   transform: translateZ(0); } .paralax_div > div > div > div {   width: 100%;   height: 100vh;   position: absolute;   left: 50%;   top: 0;   border: none;   -moz-transform: translateX(-50%);   -webkit-transform: translateX(-50%);   -ms-transform: translateX(-50%);   -o-transform: translateX(-50%);   transform: translateX(-50%);   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   -webkit-align-content: center;   align-content: center;   -webkit-align-items: center;   -ms-flex-align: center;   align-items: center;   background: #fff; } .paralax_div > div > div > div > * {   margin: 0;   margin-top: -50px; } .paralax_div > div > div > div > a {   width: 100%;   height: 100vh; } .paralax_div img,.paralax_div iframe,.paralax_div ins {   height: 600px;   width: 300px; } .clear {   clear: both;   display: block }  @media enshroud in addition to (max-width:640px) {   .paralax_div {     width: 100%;     height: 250px;     margin: 0 auto;     float: none;   }   .paralax_div > div > div > div {     left: 50%;     -moz-transform: translateX(-50%);     -webkit-transform: translateX(-50%);     -ms-transform: translateX(-50%);     -o-transform: translateX(-50%);     transform: translateX(-50%);   }   .paralax_div > div > div {     width: 100%;     left:0;     text-align: center;   }   .paralax_div img {     margin: 0 auto;     width:auto;     max-width:100%;     height:auto;   } } @media enshroud in addition to (max-width:320px) {   .paralax_div iframe,.parallax_banner ins {     margin: 0 auto;     width:100%;     height:600px;   } } /*]]>*/ </style> </b:if>
  5. Next search the code <div class='post-body entry-content', therefore input the next script afterwards the code <div class='post-body entry-content'.
  6. <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='paralax_div'>   <div>     <div>       <div>        <!--Masukan kode iklan yang sudah di Parse-->       </div>     </div>   </div> <span class='clear'/> </div> </b:if>
    • Settings:
    • Replace the code <!–Input the promotion code Parsing–> alongside promotion code which is already inwards the parse.
  7. If it is done, delight click Save theme.

Note: if it doesn’t work, delight endeavour the search script div flat = < ‘ post-body entry-content ‘ the other, in addition to delight endeavour to brand it.


So from my tutorial on how to practice ads inwards blogger parallax non amp. If y’all accept questions nearly advertising this parallax or nearly how to laid it up, delight all of y’all input into the comments field.

Thank y’all for visiting the weblog World bloggers, hopefully the inwards a higher house articles helpful to y’all all. For other tutorials regarding techniques for advertisement, delight proceed catch weblog globe bloggers.