KAWULO ALIT: TUTORIAL | Your Short Blog Description Here

Home » Penelusuran TUTORIAL

Jika Anda memiliki persyaratan khusus untuk unit Konten yang sesuai dan responsif, tampilan unit ini dapat disesuaikan dengan menambahkan parameter pada kode iklan Anda. Parameter ini memungkinkan Anda mengubah tata letak unit Konten yang sesuai dan menentukan cara pengaturan baris dan kolom rekomendasi di dalamnya.

Anda juga dapat menggunakan parameter untuk menetapkan setelan yang berbeda untuk seluler vs. desktop. Misalnya, jika Anda memberikan nilai tunggal pada parameter tata letak, unit Konten yang sesuai akan memiliki tata letak yang sama di seluler dan desktop. Sementara jika Anda memberikan 2 nilai pada parameter tata letak, berarti unit Konten yang sesuai akan memiliki 1 tata letak pada seluler (nilai pertama) dan tata letak yang berbeda pada desktop (nilai kedua).

Perhatikan bahwa opsi ini hanya tersedia untuk unit Konten yang sesuai dan responsif, serta semua parameter diperlukan agar penyesuaian berfungsi. Setelah memodifikasi kode iklan, pastikan Anda menguji unit Konten yang sesuai pada beragam perangkat dan layar untuk memastikannya berfungsi dengan baik.

Yakinlah bahwa contoh yang dijelaskan di artikel ini adalah perubahan yang dapat di terima pada kode iklan AdSense. Anda tidak akan melanggar kebijakan program AdSense dengan mengubah kode Konten yang sesuai menggunakan cara yang telah disetujui ini.

Persyaratan blog untuk mendapatkan Hadiah dari Google Adsense yaitu berupa Iklan Matched tersebut minimal pengunjung blog adalah 500 viewer / page view per harinya.

Berikut Cara memasang Iklan matched.

1). Masuk Dasboard Adsense - Iklan Saya - Unit Iklan.

2). Pilih Iklan Matched seperti nampak pada Gambar.

Dengan iklan matched memberikan sisi positif yang cukup bagus untuk blog kalian. selain mempermudah pengunjung untuk menjelajahi isi blog dengan mudah,iklan ini juga mampu memperbanyak visitor dan memperlama visitor di dalam blog kalian. Dengan begitu mampu meningkatkan pendapatan adsense kalian.

3). Atur iklan sesuai keinginan sobat.

Untuk gaya iklan kalian bisa baca di Bantuan Google.

CARA MENDAPATKAN IKLAN MATCHED CONTENT ADSENSE

Jika Anda memiliki persyaratan khusus untuk unit Konten yang sesuai dan responsif, tampilan unit ini dapat disesuaikan dengan menambahkan parameter...

Memasang iklan efek diam walaupun postingan di scroll ke Atas. Iklan ini biasanya di sebut iklan parallax. Untuk penempatan iklan parallax biasanya di bagian atas samping postingan blog. Nah kali ini blog ini akan memberikan informasi pembelajaran tentang Coding yaitu pemasangan iklan parallax di blogspot atau blogger.

Untuk ukuran iklan yang biasanya di pakai yaitu ukuran 300×600. Bagi kalian yang ingin memasang nya simak di bawah ini mengenai tutorial memasang script iklan parallax di postingan blog.

Langkah langkah:

1). Masuk ke akun blogger

2). Masuk Tema/ Template- Edit HTML

3). Ketikan CTRL+F dan cari kode <head>.

Copy dan pastekan kode di bawah ini tepat di bawah Kode <head>.



 <b:if cond='data:blog.pageType == &quot;item&quot;'>






<style type='text/css'>
/*<![CDATA[*/



  overflow: visible;




.paralax_div {

  position: relative;
  width: 300px;


  display: inline-block;




  height: 250px;

  margin-right: 20px;


.paralax_div > div {




  float: left;

  z-index: 9999;
}



  overflow: hidden;


  position: absolute;




  width: 100%;

  height: 100%;
  margin: 0;



.paralax_div > div > div {
  top: 0;


  left: 0;

  clip: rect(auto auto auto auto);
}




  top: 0;




  width: 100%;

  height: 100%;

  position: fixed;


  -webkit-transform: translateZ(0);




  margin: 0 auto;

  -moz-transform: translateZ(0);


  transform: translateZ(0);




  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);

  position: absolute;
}




.paralax_div > div > div > div {
  width: 100%;


  top: 0;
  height: 100vh;


  left: 50%;




  -ms-transform: translateX(-50%);




  border: none;

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);


  display: -ms-flexbox;




  -o-transform: translateX(-50%);
  transform: translateX(-50%);


  display: flex;
  display: -webkit-flex;





  align-items: center;




  -webkit-align-content: center;
  align-content: center;


  -ms-flex-align: center;
  -webkit-align-items: center;



  background: #ddd;

}



}




.paralax_div > div > div > div > * {
  margin: 0;

  margin-top: 0;

}



.paralax_div > div > div > div > a {
  width: 100%;

  height: 100vh;




  .paralax_div {




.paralax_div img,.paralax_div iframe,.paralax_div ins {
  height: 600px;

  width: 300px;

}

.clear {


@media screen and (max-width:640px) {
  clear: both;

  display: block

}



    width: 100%;



    -ms-transform: translateX(-50%);




    height: 250px;

    margin: 0 auto;
    float: none;


  .paralax_div > div > div > div {
  }


    left: 50%;


    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);




    width:auto;




    -o-transform: translateX(-50%);
    transform: translateX(-50%);


    width: 100%;
  }

  .paralax_div > div > div {



  }
    left:0;

    text-align: center;



    max-width:100%;
  .paralax_div img {

    margin: 0 auto;





</b:if> 




    height:auto;
  }

}


@media screen and (max-width:320px) {
  .paralax_div iframe,.parallax_banner ins {


    height:600px;
    margin: 0 auto;

    width:100%;


  }

}

/*]]>*/

</style>

4). Selanjutnya tekan CTRL+F Cari kode <div class='post-body entry-content'.

Copy kode di bawah dan pastekan tepat di atas kode tersebut.

<b:if cond='data:blog.pageType == "item"'>

<div class="paralax_div">

<div>

    <div>

      <div>

        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_f8VXbTJqyRpYiMbOFvtXtVKzY61Fwb4fEWeKBYcEzdSx4MJbB9v3Ru6trHZNZFTnnoGvST4ynMcEpE4nksgFoNgpp0TVEK4c5ecS6iB2Z5Rbug0CYPYJIpj6N3r5xmSf_ig8WRLLHXb-/s300/18835763_10208567628658748_4561466345738187918_n.jpg" alt="banner" width="300" height="600" />

      </div>

    </div>

</div>

<span class="clear"/>

</div>

</b:if>

5). Ganti kode

CARA MEMBUAT IKLAN PARALLAX DIAM KETIKA POSTINGAN DI SCROLL

Memasang iklan efek diam walaupun postingan di scroll ke Atas. Iklan ini biasanya di sebut iklan parallax. Untuk penempatan iklan parallax biasanya...

Jika kemarin telah di bahas cara membuat iklan melayang di sertai tombol Close. Nah untuk saat ini yang akan di bahas yaitu Cara membuat artikel terbaru atau Recent post melayang dengan tombol Close. Yak... Kalau biasanya Artikel terbaru atau recent post terletak di bilah samping kanan maupun kiri atau di bawah postingan dan tepatnya berada di Sidebar. Tapi untuk yang kali ini yaitu Recent post melayang yang di sertai Tombol Close dan iklan banner.

Seperti nampak di gambar bawah ini.

Selain Recent post yang melayang, juga bisa di sisipkan iklan banner loh tepat di bawah recent post tersebut. Lebih unik lagi recent post yang kali ini adalah recent post yang bisa di scroll ke atas jadi tidak akan memenuhi halaman blog sobat.

Fitur:

- Recent post Melayang

- Recent post Scroll ke atas

- Recent post disertai tombol Close dan di sertai iklan banner di bawahnya.

Artikel terbarunya juga di lengkapi thumbnail gambar jadi nampak keren di blog sobat. Blog adpati akan memberikan sedikit script widget di atas. Cara pemasangannya pun cukup mudah. Simak langsung langkah-langkahnya.

1). Masuk akun Blogger

2). Masuk bagian Tata Letak - Tambahkan gadget - dan Copy Kode di bawah ini dan pastekan di situ.


 <script type='text/javascript'>

$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>

<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>

<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9X7L2vk4rhiSXFRoYlMzwIHU32I1lbPOuREWUN7J9yv7_AS-L203l8Jio_0ixpJ-yYRvGelVqt20QnAtfScdb4dl8o9rXKdPtqDiBgI6QuoZVQkkzUY-F5Pv_0WkveNvdoM39MhGrn-DE/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>

<center>
<div style="border: 0px solid #00FF00; height: 300px; overflow: auto; padding: 3px; width: auto;">
<style scoped='' type='text/css'>
#recent-posts{color:#999;font-size:12px}

#recent-posts ul li a{display:block;color:#ff0000;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}
#recent-posts img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}
#recent-posts ul{margin:0;padding:0}
#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#recent-posts ul li:last-child{border-bottom:0}
</style>
<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=10;

function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbqfqHNKtBNiUAtEX3cV1d0r_3vovTQ3Cqoj4HUTSnCuD8iP8Evzvp_SafHSl1zvG4iyZO4z2mhZAe5XjOrhJZR53HDBpgNRcOwPbqIVJxctAaQQ8EF6vxk2BD3XB1NV8MrJbEflIGfBqO/"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
var rcp_snippet_length=75;
var rcp_info='yes';
var rcp_comment='Comments';
var rcp_disable='T?t Nh?n xét';
</script>

TARUH KODE IKLAN BANNER DI SINI


</div></center></div>

3). Save dan lihat hasilnya.

CARA MEMBUAT RECENT POST MELAYANG DENGAN TOMBOL CLOSE

Jika kemarin telah di bahas cara membuat iklan melayang di sertai tombol Close. Nah untuk saat ini yang akan di bahas yaitu Cara membuat artikel terbaru...

Bagi Kalian yang sedang mencari script iklan Melayang di bagian atas blog mungkin blog ini bisa sedikit membantu. Nah Blog adpati akan membagikan script pemasangan iklan yang dimana dengan script tersebut iklan bisa melayang layang mengikuti arah scroll dan di bagian atas halaman.

Dengan script iklan ini maka iklan akan muncul secara pop up dan di sertai tombol close. Cocok buat kalian publisher adsense yang ingin menaikan pendapatan adsense kalian.

Berikut script iklan yang adpati berikan beserta langkah-langkah pemasangan.

1). Masuk Akun Blogger

2). Tata Letak - Tambahkan Gadget - HTML/Javascript dan Paste kan Script di bawah ini


 <style type="text/css">
#topbar{

padding-left:30%;padding-top:10%;
position:absolute;

background-color: transparancy;
width: auto;heigth:auto;
visibility: hidden;

</style> <script type="text/javascript">
z-index: 100;
}

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
}


function get_cookie(Name) {
var search = Name + "="

end = document.cookie.indexOf(";", offset);
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length

if (persistclose)
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){

var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight

if(d.layers)el.style=el;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"

el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){

ftlObj.y += (pY - startY - ftlObj.y)/8;
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
}
ftlObj.sP(ftlObj.x, ftlObj.y);

window.onload=staticbar
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)

</script>
<div class="clear">

KODE IKLAN TARUH SINI
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEickMQLokIe1u2YZXfWCzT2vTx0wyegM9XB9ZyGk6frX4kgICGLX-ovH94ns7w0xWQcvc8SUL5sQh_Pe3O3gCfYuwxPy0fWqzSoUrt2bRMISlQou7O1qNlQ_Ihyphenhyphen3AhbujV4-ThJxD47Ccdh/s1600/close3.png" alt="close"/></a></div>
<center><div style="background: #fff;">

<center>
</center>


</div></center></div>

Demikian mengenai informasi cara membuat iklan melayang layang di atas halaman blog.

MEMBUAT IKLAN BANNER MELAYANG DI BAGIAN ATAS

Bagi Kalian yang sedang mencari script iklan Melayang di bagian atas blog mungkin blog ini bisa sedikit membantu. Nah Blog adpati akan membagikan script...