Cara Memasang Iklan Di Tengah Artikel Blog

Cara Memasang Iklan Di Tengah Artikel Blog -  Untuk mengoptimalkan pemasangan iklan adsense, kita perlu tahu dimana letak umumnya penempatan iklan adsense yang strategis dan juga mudah di akses, demi untuk hasil atau pendapatan yang maksimal dan dalam peletakan iklan adsensenya juga tidak mengganggu pengunjung blog atau pembaca blog kita.

Cara Memasang Iklan Di Tengah Artikel Blog

Dalam menambahkan iklan adsense kita bisa meletakannya di tempat yang paling umum misalnya di letakan di bawah header, di atas posting blog, dibawah judul posting yang bisa dilihat di semua halaman, dibawah judul post, yang hanya terlihat dibawah posting saja dll.

Namun yang perlu anda tahu sebelum memasang iklan adsense, kita tidak bisa menempatkan iklan di terlalu banyak tempat, selain mengganggu pembaca blog, meletakan iklan di segala tempat juga bisa membuat loading blog menjadi berat juga mengingat adsense memiliki beberapa batasan jumlah iklan yang bisa dimunculkan, Seperti batasan dengan hanya bisa menampilkan tiga iklan di halaman utama blog.

Namun jika anda ingin menampilkan lebih banyak unit iklan, anda bisa mengkombinasikan unit iklan tersebut seperti memasang unit iklan dengan kombinasi jenis iklan adsense ( iklan teks, iklan multimedia, unit tautan )

Sedikit penjelasan aturan diatas, Nah, namun dalam posting atau artikel saya kali ini, saya akan memberi tutorial bagaimana cara menambahkan atau memasang unit iklan adsense agar muncul ditengah posting blog anda atau dibagian mana saja di posting blog.

Cara Memasang Iklan Adsense di Tengah Posting Blog

Sebelum melakukan tutorial pemasangan iklan adsense, saya harap anda untuk membackup terlebih dahulu template blog anda, untuk menyalin template blog.

Menambahkan skrip pemasangan iklan adsense
1. Pertama silahkan anda cari kode seperti ini <data:post.body/>

Catatan : Mungkin anda akan menemukan kode <data:post.body/> lebih dari satu, namun yang jelas anda harus meletkana pada kode yang kedua, namun jika sobat tidak melihat ada perubahan pada tampilan post, anda bisa meletakan di kode yang ketiga atau seterusnya.

2. Selanjutnya ganti kode <data:post.body/> dengan kode dibawah ini.
<div expr:id='"adsmiddle1" + data:post.id'></div>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style="clear:both; margin:10px 0">
<!-- TEMPATKAN KODE UNIT IKLAN ADSENSE DISINI -->
</div>
</b:if>
</b:if>
<div expr:id='"adsmiddle2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("adsmiddle1<data:post.id/>");
var obj1=document.getElementById("adsmiddle2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

3. Ganti <!-- TEMPATKAN KODE UNIT IKLAN ADSENSE DISINI --> dengan unit iklan adsense anda dan untuk memfokuskan unit iklan tersebut, tambahkan kode <center> </center> di awal dan diakhir kode saat anda menenempatkan iklan adsense anda, contoh :

<div style="clear:both; margin:10px 0">
<center>
<!-- TEMPATKAN KODE UNIT IKLAN ADSENSE DISINI -->
</center>
</div> 
4. Maka iklan adsense akan muncul secara default di tengah posting blog.

Mengatur penempatan iklan adsense sesuai keinginan di posting atau artikel blog.

Untuk mengatur penempatan iklan adsense anda, sesuai lokasi yang anda inginkan, anda bisa menambahkan kode <! - adsense -> pada mode HTML post, saat anda membuat posting baru.

Contoh :
Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo. <br /> <br />
<! - adsense -> 
Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo. Ini adalah teks demo.
Oke, sobat blogger, untuk tutorial cara menambahkan / meletakan iklan adsense di posting sudah selesai, jika ada hal yang tidak bisa di mengerti , silahkan untuk bertanya di kolom komentar. lebih dan kurangnya saya mohon maaf.

Sumber : http://www.madamvia.web.id/2017/06/cara-memasang-iklan-adsense-tengah-post.html

Cara Membuat Iklan Adsense Tetap Diam Saat Halaman Di Scroll

Cara Membuat Iklan Adsense Tetap Diam Saat Halaman Di Scroll. Jika Anda bingung maksud dari artikel ini seperti apa, maka kalian bisa melihat demo nya di bawah ini, lebih tepat nya iklan tersebut bernama "Iklan Parallax Scrolling". Apa sih iklan parallax scrolling itu? parallax ini mungkin bisa dikatakan sebuah desain atau efek pada obyek diam saat discroll, setau saya sih begitu, karena memang perkembangan dari design web terus hadir dan semakin menarik untuk diikuti.

Cara Membuat Iklan Adsense Tetap Diam Saat Halaman Di Scroll
Iklan Parallax Scrolling

Jelas hal ini untuk mengundang perhatian pembaca pada tampilan iklan tersebut, seperti contoh gambar di atas ini, dan untuk memanjakan mata pembaca dengan membuat tampilan iklan tersebut menjadi parallax, karena kita akan melihat secara keseluruhan gambar tersebut dengan cara menscrolling bagian body web, kurang lebihnya seperti itu penjelasan tentang iklan parallax tersebut, tutorial cara membuat iklan parallax ini saya ambil kodenya dari mas Adhy pada situs Kompi Ajaib.

Maka untuk update terbaru pun saya tidak mau ketinggalan, dan sekarang jika sobat berminat untuk membuat iklan parallax tersebut diblog sobat, silahkan ikuti tutorialnya..

Cara Membuat Iklan Parallax di Blog

1. Buka akun blogger Anda
2. Pilih menu template >> klik edit HTML
3. Sekarang letakan kode dibawah ini tepat diatas kode </head>
<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: #ddd;
}
.paralax_div > div > div > div > * {
  margin: 0;
  margin-top: 0;
}
.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 screen and (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 screen and (max-width:320px) {
  .paralax_div iframe,.parallax_banner ins {
    margin: 0 auto;
    width:100%;
    height:600px;
  }
}
/*]]>*/
</style>
</b:if>

Selanjutnya sobat cari kode seperti ini <div class='post-body entry-content'
Jika sudah ketemu, lalu letakan kode dibawah ini tepat diatas kode tadi.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="paralax_div">
  <div>
    <div>
      <div>
        <img src="https://4.bp.blogspot.com/-JpV04y4MQwM/WTITSODPw-I/AAAAAAAArd4/KKuyWD3QGuADLhqSj2Oif781jK4xrnNjQCLcB/s300/18835763_10208567628658748_4561466345738187918_n.jpg" alt="banner" width="300" height="600" />
      </div>
    </div>
  </div>
<span class="clear"/>
</div>
</b:if>

Silahkan ganti kode gambar atau banner yang saya tandai warna merah dengan gambar atau banner iklan blog Anda atau bisa juga diganti  dengan kode iklan adsense sobat, nah cara membuat iklan parallax tersebut ternyata memang sangat mudah sobat.

Sekian artikel kali ini dengan judul Cara Membuat Iklan Adsense Tetap Diam Saat Halaman Di Scroll, semoga bermanfaat.

Sumber Artikel : http://www.madamvia.web.id/2017/06/membuat-iklan-parallax-scrolling-blog.html

7 Cara Ampuh Membuat Blog Lebih SEO

7 Cara Ampuh Membuat Blog Seo Friendly - Beberapa teman saya banyak yang beralih yang awal nya dari blogspot menjadi wordpress, dengan harapan agar mereka memiliki blog yang lebih SEO karena di dalam wordpress tersebut memiliki berbagai plugin yang memudahkan mereka untuk mendapatkan situs yang SEO. Namun sebenar nya jika kita benar - benar menginginkan blog yang SEO kita juga bisa melakukan nya pada Blogspot.

Pasti ada banyak sekali ketika anda mencari sebuah panduan dan tutorial tentang blogspot untuk mengoptimalkan SEO, namun pada wordpress semua itu tidak terlalu ribet karena wordpress memang menyediakan plugin untuk mengoptimalkan SEO sangat mudah sekali, memang cukup masuk akal dengan alasan mereka

7 Cara Ampuh Membuat Blog Lebih SEO

7 Cara Ampuh Membuat Blog Seo Friendly

Namun di artikel saya kali ini saya tidak ingin membahas seo untuk wordpress,  karena menurut saya blogspot tetap lebih baik dalam pengoptimalan, selain itu kelebihannya anda akan mampu menguasai kode-kode html dan untuk itu saya disini akan berbagi beberapa tips trik untuk mengoptimalkan seo blog anda lebih bisa SEO friendly, namun jika anda yang masih berencana untuk membuat blog disini adalah panduan singkat dan mudah untuk membuat blog : Cara mudah membuat blog untuk pemula.

Tips Trik SEO Blogspot.

Ketika kita berbicara masalah SEO, hal pertama yang anda butuhkan adalah mengecek seo blog anda di page seo tools seperti  yang sudah banyak tersebar di google, lalu di ikuti dengan pengoptimalan kualitas artikel dan seberapa baik juga anda mengoptimalkan keyword dan nilai meta untuk artikel tersebut. Namun anda tidak perlu di pusingkan akan hal ini karena saya disini saya akan memberi panduan dasar untuk membuat blog anda lebih dan sangat SEO dan killer friendly.

1. Format Link Posting URL Blog.
Permalink atau Permanent Link memainkan peran besar dalam peringkat artikel anda dalam posisi serp di search engine, ada beberapa aturan yang anda juga harus mengikuti aturan tentang permalink di blogspot.

Judul Posting Tidak Boleh Melebihi 50 Karatkter
Jangan Gunakan Kata Berhenti Atau Stop Words Dalam Permalink Dan Meta Tag.
(Contoh : Dan,Yang,Sebuah,Dalam,Ke, Dsb)

Kata-kata stop words ini tidak baik untuk search engine karena jika anda menggunakan permalink dengan kata-kata dalam daftar stop words, maka pengindekan kata kunci akan di abaikan sampai kata stop words oleh google,namun saat anda menulis sebuah artikel,anda mempunyai pilihan untuk mengedit permalink artikel anda, cukup menggunakan atau mengedit di panel pengaturan permalink.

Dalam panel pengaturan format bahasa indonesia adalah (Tautan Permanent) dan silahkan hapus kata-kata berhenti atau stop words di panel permalink, untuk mengedit permalink cukup mudah dengan cara manual,cukup memilih permalink dan anda edit sendiri sesuai keinginan.

2. Mempertahankan Kepadatan Kata Kunci (Keyword)
Keyword merupakan aspek penting untuk posisi artikel anda di search engine, tertalu sedikit keyword di artikel akan menyebabkan kurang peringkat dan isian keyword,namun anda juga tidak perlu melakukan penempatan keyword terlalu banyak karena menyebabkan over optimasi, saya biasanya menjaga rasio 2% /post, namun disana anda dapat menempatkan banyak kata kunci untuk optimasi SEO, tentunya harus relevan, setelah selesai anda membuat post, anda dapat menganalisis seluruh post untuk mengetahui posisi yang tepat untuk penempatan keyword dan tentu tanpa mengganggu pembaca dalam penempatannya.

3. Label Yang Tepat Dan Posting Terkait.
Label menambahkan kepadatan kata kunci dari pos, label harus mempunyai pelebaran sesuai dalam kategori daripada single kategori, saya jelaskan dengan contoh sepeti anda membuat sebuah posting, misalkan anda membuat artikel tentang "Google Chrome" dengan tiga kategori Windows,Browser,Perngkat lunak, maka otomatis label menambahkan kepadatan kata kunci dalam seluruh post dan label mempengaruhi tulisan artikel terkait di blog. Silahkan anda lihat artikel terkait sesuai label yang anda baca, maka di artikel terkait akan memberikan posting sesuai label. Dan jika ada begitu banyak posting dengan label yang sama di tandai di label tersebut akan mempengaruhi susunan artikel di related post atau artikel terkait di blog anda.

4. Format Judul Posting Blog
Ketika berbicara tentang SEO blog, maka format judul memainkan peran utama, maka penempatanya biasanya Judul posting di tempatkan di awal dan diikuti oleh judul blog. Untuk cara mengatasi atau mengoptimalkannya adalah dengan mengganti title.

Anda dapat menemukan kode html seperti di bawah di edit html.
<title> <data: blog.pageTitle /> </ title>
Dan ganti kode tersebut dengan kode dibawah ini.
<b:if cond= 'data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title> </b:if>
5. Optimasi SEO Untuk Gambar.
Optimasi gambar untuk SEO dengan menggunakan tag alt dan tag title di setiap gambar, dan ini bisa di lakukan secara manual dilakukan setelah anda mengupload gambar, optimasi tag alt dan tag title untuk memberi tahu mesin pencari tentang inforamasi tentang gambar tersebut saat melakukan pencarian dengan gambar sesuai title. anda cukup klik kanan pada gambar dan klik properti lalu masukan title pada gambar tersebut.

6. Menambahkan Meta Deskripsi.
Meta tag menghasilkan tag HTML yang di gunakan oleh mesin pencari untuk mengedintifikasi judul,deskrispsi dan rincian lain dari URL, memang tidak banyak berpengaruh tapi akan memiliki dampak sedikit pada kata kunci yang di targetkan, ketika anda selesai membuat artikel, maka anda tinggal memasukan deskripsi.

7. Link Eksternal Noffolow
Nofollow adalah atribut Html yang tercantum pada hyperlink untuk memblokir keuntungan mesin pencari link eksternal dalam website, jadi ketika anda menggunakan link keluar ke website lain, anda bisa menggunakan rel='nofollow' atribut setelah URL, untuk mencegah mesin pencari merayapi link tersebut

Pada tutorial 7 cara ampuh membuat blog anda bisa lebih SEO friendly, saya rasa jika anda mengikuti langkah-langkah di atas saya yakin , maka blog anda bisa lebih seo friendly, mungkin masih banyak faktor seo yang lainnya , lebih dan kurangnya saya mohon maaf. semoga sukses.

Sumber Artikel : http://www.madamvia.web.id/2015/01/7-cara-ampuh-membuat-blog-seo-friendly.html

Cara Membuat Artikel Terkait Di Bawah Postingan Blog

Cara Membuat Artikel Terkait Dibawah Postingan Blogspot - Untuk membuat related post atau artikel terkait tepat dibawah postingan ada banyak macamnya. Ada yang suka dengan tampilan bergambar, ada pula yang hanya menyukai tulisan saja. Modelnya pun cukup beragam, ada yang berbaris kesamping, ada pula artikel terkait yang memanjang kebawah. Untuk tutorial kita kali ini, kita akan membuat related post yang bentuknya memanjang kebawah dengan maksimal 5 tulisan.

Cara Membuat Artikel Terkait Di Bawah Postingan Blog, Cara Membuat Artikel Terkait Di Bawah Postingan Blog, cara menampilkan artikel terkait di blog, menampilkan artikel terkait dengan gambar, buat artikel terbaik keren, cara agar artikel terkait responsive,  artikel terkait valid html5

Cara Membuat Artikel Terkait Di Bawah Postingan Blog

Cara membuatnya cukup mudah, ikuti langkah-langkah berikut ini.

Pertama-tama login ke akun blogspot Anda, lalu pilih Tamplate > Edit HTML.
Setelah terbuka cari kode ini </head>. Agar mudah mencarinya tekan Ctrl F dan jika telah ketemu copy script dibawah ini tepat dibawahnya.

<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 < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + 
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>  
Jika selesai, cari lagi kode ini <data:post.body/>, lalu letakkan script dibawah ini tepat di bawah kode tersebut, coba saja satu persatu mana yang berhasil, biasa nya yang kedua.

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if> 
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>  
Khusus tulisan berwarna merah pada script bisa diganti sesuai keinginan. Setelah semua beres, jangan lupa menyimpannya dengan menekan tombol Simpan Template, lalu kembali ke blog Anda. Refrest dan kini related post atau artiker terkait akan segera muncul.

Sekian artikel kali ini dengan judul Cara Membuat Artikel Terkait Di Bawah Postingan Blog, semoga bermanfaat untuk kita semua.

Sumber referensi artikel : http://www.blogooblok.com/2014/03/cara-membuat-artikel-terkait-dibawah.html
Back to Top