Tampilkan postingan dengan label Adsense. Tampilkan semua postingan
Tampilkan postingan dengan label Adsense. Tampilkan semua postingan

Senin, 16 Oktober 2017

Cara Pasang 2 Iklan Dan Artikel Terkait di Tengah Postingan Berdampingan

Assalamuallaikum Warahmatullahi Wabarakatuh

2 Iklan di Tengah Postingan
Dengan memasang iklan di tengah postingan di jamin bisa membuat penghasilan blog bertambah, karena ikla akan muncul di tengah postingan yakni saat pengunjung sedang membaca maka iklan pasti bakalan terlihat oleh pengunjung.

Untuk memasang 2 iklan dan Artikel terkait berdampingan atau tampilannya seperti blog ini yaitu : Iklan - Artikel Terkait - iklan.

Anda harus membaca tutorial sebelumnya. Cara Pasang Iklan dan Artikel Terkait di Tengah Postingan 

Karena trik ini sama dengan cara sebelumnya hanya ada sedikit modifikasi di dalam penempatan iklannya

2 Iklan dan Related Post di Dalam Artikel



Jika anda sudah membaca tutorial sebelumnya 

silahkan ganti kode seperti di bawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='inline_wrapper' id='inline_wrapper'>
<div class='related_inline_wrapper' id='related_inline_wrapper>
<!-- Related posts inline -->
<div class='related-post-by-title' id='related-post-by-title'>
<h4>Baca juga:</h4>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>
</div>
<div class='ads_middle'>
// kode Iklan tengah
  </div>
</div>
<script type='text/javascript'>
function insertAfter(addition,target) {var parent = target.parentNode;if (parent.lastChild == target) {parent.appendChild(addition); } else {parent.insertBefore(addition,target.nextSibling);}}
var middleads = document.getElementById(&quot;inline_wrapper&quot;);var target = document.getElementById(&quot;widget-middle&quot;);
var opsi1 = target.getElementsByTagName(&quot;br&quot;);if (opsi1.length &gt; 0){insertAfter(middleads,opsi1[3]);}
var opsi2 = target.getElementsByTagName(&quot;blockquote&quot;);if (opsi2.length &gt; 0){insertAfter(middleads,opsi2[0]);}
var opsi3 = target.getElementsByTagName(&quot;h2&quot;);if (opsi3.length &gt; 0){insertAfter(middleads,opsi3[0]);}
</script>
</b:if>

Dengan kode di bawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='inline_wrapper' id='inline_wrapper'>
<div class='related_inline_wrapper' id='related_inline_wrapper>
<!-- Related posts inline -->
<div class='related-post-by-title' id='related-post-by-title'>
<div class='inline_wrapper' id='inline_wrapper'>
<div class='ads_middle'>
// Kode Iklan tengah 1
</div>
</div>
<h4>Baca juga:</h4>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/>
</b:if>
</b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>
</div>
<div class='ads_middle'>
// kode Iklan tengah 2
</div>
</div>
<script type='text/javascript'>
function insertAfter(addition,target) {var parent = target.parentNode;if (parent.lastChild == target) {parent.appendChild(addition); } else {parent.insertBefore(addition,target.nextSibling);}} var middleads = document.getElementById(&quot;inline_wrapper&quot;);var target = document.getElementById(&quot;widget-middle&quot;);
var opsi1 = target.getElementsByTagName(&quot;br&quot;);if (opsi1.length &gt; 0){insertAfter(middleads,opsi1[3]);}
var opsi2 = target.getElementsByTagName(&quot;blockquote&quot;);if (opsi2.length &gt; 0){insertAfter(middleads,opsi2[0]);}
var opsi3 = target.getElementsByTagName(&quot;h2&quot;);if (opsi3.length &gt; 0){insertAfter(middleads,opsi3[0]);}
</script>
</b:if>

Pasang kode iklan pada tulisan yang sudah saya tandai dan jangan lupa kode iklannya di parse dulu

Semoga bermanfaat

Cara Pasang Iklan dan Artikel Terkait di Tengah Postingan

Assalamuallaikum Warahmatullahi Wabarakatuh

Artikel Terkait dan iklan di Tengah Postingan

Setelah sebelumnya membahas Cara Pasang Iklan Melayang Responsive sekarang saya akan membahas cara pasang iklan dan artikel terkait di tengah postingan

Dengan menerapkan iklan di tegah postingan sudah pasti untuk bisa mendapatkan klik. Dan dengan mendapatkan klik kita bisa mendapatkan penghasilan

Trik ini hampir sama dengan tutorial cara pasang iklan di tengah postingan hanya saja trik ini di tambah dengan kode css agar iklan dan artikel terkait bisa berdampingan

Untuk Preview/Demonya sama kaya blog ini dan berikut adalah tutorial cara memasangnya

CARA PASANG IKLAN DAN ARTIKEL TERKAIT DI TENGAH POSTINGAN



Buka Blogger > Tema > Edit HTML kemudian simpan kode di bawah ini di atas kode </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/* related and ads on middle postpage */
#inline_wrapper{display:block;padding:0;margin:0 auto}
.related_inline_wrapper{width:100%;display:block;overflow:hidden}
.related-post-by-title{width:70%;margin:15px auto;display:block;float:left;position:relative}
.related-post-by-title ul{padding:18px 17px 17px 30px;border:1px solid #ddd;margin:0}
.related-post-by-title h4{display:inline-block;background:#fff;padding:0 15px;margin:0;position:absolute;top:-12px;left:40px;font-size:15px;font-weight:700}
.related-post-by-title li a{font-size:14px;font-weight:700!important;margin-top:10px!important}
.ads_middle{margin:15px auto 0;padding:0;text-align:center;display:block;position:relative;}
.ads_middle span{background:#ddd;color:#999;display:none!important;margin:15px 0 0;padding:0 9px!important;float:left;font-size:12px;}
@media screen and (max-width:600px){.related-post-by-title{width:100%;}}
</style>

<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}}
function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];}}
relatedTitles=tmp2;relatedUrls=tmp;} function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;}
function printRelatedLabels(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ul>');while(i<relatedTitles.length&&i<3){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++;}else{r=0;}
i++;}
document.write('</ul>');document.write();};
//]]>
</script>
</b:if>

Lanjut ke tahap kedua
Cari kode seperti di bawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='artbody' itemprop='articleBody'><data:post.body/></div>
</b:if>

Mungkin tiap template berbeda beda cari saja yang hampir mirip dengan kode tersebut

Kemudian ganti dengan kode di bawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='widget-middle' id='widget-middle' itemprop='articleBody'><data:post.body/></div>
</b:if>

Dan tambahkan kode ini tepat di bawah kode yang di atas

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='inline_wrapper' id='inline_wrapper'>
<div class='related_inline_wrapper' id='related_inline_wrapper>
<!-- Related posts inline -->
<div class='related-post-by-title' id='related-post-by-title'>
<h4>Baca juga:</h4>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>
</div>
<div class='ads_middle'>
// kode Iklan tengah
  </div>
</div>
<script type='text/javascript'>
function insertAfter(addition,target) {var parent = target.parentNode;if (parent.lastChild == target) {parent.appendChild(addition); } else {parent.insertBefore(addition,target.nextSibling);}}
var middleads = document.getElementById(&quot;inline_wrapper&quot;);var target = document.getElementById(&quot;widget-middle&quot;);
var opsi1 = target.getElementsByTagName(&quot;br&quot;);if (opsi1.length &gt; 0){insertAfter(middleads,opsi1[3]);}
var opsi2 = target.getElementsByTagName(&quot;blockquote&quot;);if (opsi2.length &gt; 0){insertAfter(middleads,opsi2[0]);}
var opsi3 = target.getElementsByTagName(&quot;h2&quot;);if (opsi3.length &gt; 0){insertAfter(middleads,opsi3[0]);}
</script>
</b:if>

Letakan iklan pada tulisan yang sudah saya tandai

Jika sudah selesai anda bisa coba buka artikel anda dan lihat hasilnya

Semoga berhasil dan semoga bermanfaat

sumber: http://www.bungfrangki.com/2017/04/memasang-iklan-dan-related-post-di-tengah-postingan.html

Cara Memasang Iklan Melayang Responsive

Assalamuallaikum Warahmatullahi Wabarakatuh


Kali ini CzRandy Blog akan memberikan Trik cara pasang iklan melayang Responsive di blog dengan tombol close

Bagi anda yang penasaran atau ingin mencoba trik ini silahkan simak baik-baik

● Pertama Buka AdSense
Buka AdSense kemudian buat unit iklan baru, untuk ukuran iklan terserah anda
Namun jika unit iklan yang Responsive jika di buka di SmartPhone akan menjadi besar yaitu ukurannya menjadi 300x250

● Buka Blogger
Buka Blogger kemudian pilih Tema dan Klik Edit HTML
Cari kode </body> kemudian letakan kode di bawah ini tepat di atas kode </body>

<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/AVvXsEiFJCy64op1tRvDJeELovZBWwtHeFQPd0t6lYH4Wd7z8qhvDTaduqQJDeLNd_ceclDXI_EdOng3HPUP33ahFzo_rZ25fL97Wwz2hI4ewwZiGQeU9aAJenclnPZ6aNa3yEv80nkXxVi8IqGU/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'>
Kode Iklan Anda Letakan Di Sini
</div>
</div>

Letakan iklan anda di tulisan yang sudah saya tandai. Agar tidak terjadi eror saat di simpan, jangan lupa kode Iklannya di parse dulu

IKLAN MELAYANG RESPONSIVE DI BLOGGER



Dengan Trik ini iklan akan tayang dan tampil melayang di blog anda baik di buka dari PC/Laptop maupun Android dan juga tersedia tombol close

Saya tidak tahu apakah trik cara memasang iklan melayang responsive di blog ini melanggar kebijakan Google atau tidak.

Tapi trik ini sudah banyak di share di blog blog tutorial bahkan juga sudah di share blog besar seperti arlina design atau bungfrangki

Sebelum saya bisa menerapkan iklan di tengah postingan, Trik ini juga pernah di coba pada Blog saya, dan memang trik ini bisa menambah pendapatan Adsense saya. Namu sekarang sudah saya ganti dengan iklan di tengah postingan

Bukan hanya iklan AdSense saja iklan dari media lain juga bisa

Jadi jika anda tertarik bisa di coba trik ini dan semoga bermanfaat

Minggu, 17 September 2017

Cara Memasang Iklan AdSense di Tengah Postingan

Assalamuallaikum Warahmatullahi Wabarakatuh


Untuk artikel kali ini saya akan membahas tentang bagaimana cara memasang iklan di Tengah Postingan tanpa merusak artikel
Seperti yang kita tahu bahwa artikel ini sudah banyak di tulis para bloger, namun berhubung blog ini belum ada jadi gak ada salahnya kalau saya membuat artikel ini.

Sudah banyak cara yang saya coba untuk menerapkan iklan di tengah postingan, yang saya cari dari blog blog orang lain namun tiap mencoba pasti selalu merusak artikel
Contohnya seperti merusak kode pada kotak Html atau merusak Blockquote.

Tapi untuk yang saya bagikan insyaallah gak bakalan merusak artikel, berikut tutorialnya

Dan iklan ini akan muncul jika ada tag <h2> atau di bawah blockquote jika tidak blockquote dan tag <h2> maka iklan akan tampil di paragraf ke tiga pada postingan anda, 

Masuk ke dasbor blog anda dan pilih menu Tema > Edit Html 
Kemudian cari kode di bawah ini

 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='artbody' itemprop='articleBody'><data:post.body/></div>
</b:if>

Berhubung stuktur kode berbeda beda jadi cari kode yang hampir mirip dengan kode di atas

Ganti dengan kode ini

 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='widget-middle' id='widget-middle' itemprop='articleBody'><data:post.body/></div>
</b:if>

Lalu tambahkan kode di bawah ini tepat di bawah kode yang di atas

 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='inline_wrapper' id='inline_wrapper'>
<div class='ads_middle'> <!-- Iklan Native di Tengah Postingan -->
<span>Advertisement</span>
// kode Iklan di tengah postingan.
</div>
</div>
<script type='text/javascript'>
function insertAfter(addition,target) {var parent = target.parentNode;if (parent.lastChild == target) {parent.appendChild(addition); } else {parent.insertBefore(addition,target.nextSibling);}}
var middleads = document.getElementById(&quot;inline_wrapper&quot;);var target = document.getElementById(&quot;widget-middle&quot;);
var opsi1 = target.getElementsByTagName(&quot;br&quot;);if (opsi1.length &gt; 0){insertAfter(middleads,opsi1[3]);}
var opsi2 = target.getElementsByTagName(&quot;blockquote&quot;);if (opsi2.length &gt; 0){insertAfter(middleads,opsi2[0]);}
var opsi3 = target.getElementsByTagName(&quot;h2&quot;);if (opsi3.length &gt; 0){insertAfter(middleads,opsi3[0]);}
</script>
</b:if>

Ganti // Kode Iklan di Tengah Postingan. dengan kode iklan anda dan jangan lupa parse dulu kode iklannya biar sukses

Sekarang tinggal anda coba buka salah satu artikel anda dan pasti iklan tidak akan menggangu postingan

Semoga bermanfaat dan itulah totorial singkat cara memasang iklan di tengah postingan

Sabtu, 16 September 2017

Cara Pasang Iklan Native IN Feed

Assalamuallaikum Warahmatullahi Wabarakutuh

Masih di artikel cara memasang iklan Adsense untuk kali ini adalaha cara pasang Iklan Native IN Feed

Dengan memasang iklan In Feed di percaya bisa menaikan ctr AdSense, dan iklan Native In Feed ini hanya akan tampil di Beranda Blog untuk tampilan lihat poto ini

Iklan In Feed

Bagaimana tertarik ? Berikut ini caranya

Masuk ke Akun AdSense anda buat iklan baru dan pilih iklan Native In Feed dan sesuaikan tampilannya sesuka anda kemudian simpan dan ambil kodenya

Masuk ke dasbor blog anda dan pilih > Tema dan Edit Html kemudian cari kode di bawah ini



<b:loop values='data:posts' var='post'>
Ganti dengan kode di bawah ini

<b:loop values='data:posts' var='post' index='x'>
Berhubung kode di atas ini banyak, pilih Kode yang paling pertama atau yang paling atas

Kemudian cari kode di bawah ini


<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>

Pastekan kode di bawah ini tepat di bawah kode </dive>

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:x==2'>
<div class='post'>
kode iklan In Feed di sini
</div>
</b:if>
<b:if cond='data:x==4'>
<div class='post'>
kode iklan In Feed di sini
</div>
</b:if>
</b:if>

Maka hasilnya seperti ini

<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:x==2'>
<div class='post'>
kode iklan In Feed di sini
</div>
</b:if>
<b:if cond='data:x==4'>
<div class='post'>
kode iklan In Feed di sini
</div>
</b:if>
</b:if>

Jangan lupa iklan harus di parse dulu agar berhasil, Jangan lupa simpan template nya

Itulah tips cara memasang Iklan Native In Feed semoga bermanfaat 

Rabu, 13 September 2017

Cara Memasang Iklan Adsense di Atas dan di Bawah Postingan

Assalamuallaikum Warahmatullahi Wabarakatuh

Masih seputar Adsense, kali ini saya akan memberikan Tips cara memasang Iklan di Atas dan di Bawah Postingan.


Dengan memasang iklan di atas postingan terbukti bisa menaikan penghasilan Adsense, karena rata-rata banyak yang klik iklan jika kita menaruhnya di bawah judul atau di atas artikel.

Begitu juga dengan memasang iklan di akhir postingan bisa menambah penghasilan, karena saat orang sudah siap membaca, maka akan di suguhkan sebuah iklan dan terjadi lah klik.

Dan jujur pada blog ini hampir 70% rata rata orang mengeklik iklan. Ya pada iklan yang saya tampilkan di atas dan di bawah artikel, jadi anda bisa menerapkan cara ini supaya penghasilan anda bertambah.

Pertama anda masuk ke akun adsense anda pilih > unit iklan > unit iklan baru
Pilih iklan > native in article > sesuaikan tampilan kemudian save and get code

Setelah itu jangan lupa di parse dulu kode iklannya disini

Masuk ke dasbor blog anda dan pilih Tema > Edit Html

Cari kode seperti di bawah ini


<data.post.body>

Kemudian Copy Pastekan di Atas dan di Bawah kode <data:post.body>

jangan lupa di simpan templatenya

Berhubung <data:post.body> ada banyak coba aja satu persatu
Kecuali jika anda menggunakan templatenya dari arlina, mas sugeng dan lain-lain. Maka sudah ada tanda nya tinggal di Pastekan saja pada kode yang sudah di tandai

Anda bisa cek di salah satu artikel anda apakah sudah berhasil atau belum 

Itulah tips cara memasang Iklan di Atas dan di Bawah Postingan 

Semoga artikel ini bermanfaat

Kamis, 07 September 2017

Cara Mendaftarkan Blog Ke Google Adsense

Assalamuallaikum Warahmatullahi Wabarakatuh

Pada artikel kali ini saya akan membahas tentang Google Adsense. Yaitu cara mendaftarkan blog ke Google Adsense


Untuk mendapatkan Akun Adsense bisa di bilang sangatlah sulit, karena untuk menjadi penayang iklan Adsense, blog kita harus memenuhi persyaratan dari google yang bisa di bilang cukup rumit.

Jika kita sudah menggunakan Domain TLD(Top Level Domain) seperti dotcom atau dotnet anda bisa langsung mendaftarkan Blog anda langsung ke www.google.com/Adsense tapi jika blog anda masih menggunakan domain bawaan atau blogspot.com maka anda harus megikuti tahap berikut ini

• Pertama masuk ke Dasbor blog anda dan pilih > Pengaturan 

• Kedua pilih > Bahasa dan performatan

• Ketiga ubah bahasa blog anda menjadi bahasa Inggris atau Melayu kemudian simpan

• Baca juga : Cara Cepat Di Terima Google Adsense
• Keempat kembali lagi ke Dasbor blog anda, maka akan tersedia menu > Penghasilan di dasbor anda


• Kelima tinggal klik daftar dan ikuti saja perintahnya

• Keenam gunakan bahasa yang sama dengan bahasa blog anda


• Ketujuh masukan data diri anda dengan benar dan tinggal di kirim


• Terakhir anda tinggal tunggu balasan dari Google Adsense. Apakah blog anda di terima menjadi penayang iklan atau sebaliknya yaitu di tolak untuk menjadi penayang iklan. kurang lebih 3 hari google adsense membalasnya

Jika blog anda di tolak anda harus memperbaiki apa yang di suruh adsense dalam surat atau email yang anda terima dan jika sudah anda perbaiki anda bisa mendaftarkannya lagi

Jika sering mendapatkan penolakan dari adsense anda jangan putus asa, karena blog admin saja pernah di tolak sampai 7 kali, dan untuk yang ke delapan kalinya alhamdullilah di terima untuk mejadi penayang iklan adesense.

Semoga bermanfaat