Showing posts with label Tutorial Blogger. Show all posts
Showing posts with label Tutorial Blogger. Show all posts

Cara Memasang Iklan Di Tengah Artikel/Postingan

Faktor penempatan posisi iklan sangat berpengaruh terhadap penghasilan seorang blogger. Oleh karena itulah Saya akan menjelaskan mengenai memasang iklan di tengah postingan pada platform blogger.

Baca : Cara Memasang Iklan Diatas Artikel/Postingan

Sebenarnya fitur memasang iklan yang berada di antara postingan sudah ada pada blogger, namun itu hanya untuk iklan Google AdSense saja. Lalu bagaimana dengan iklan lain yang ingin dipasang berada di tengan postingan ? Bagaimana dengan struktur template yang berbeda dari bawaan resmi blogger atau sudah dimodifikasi ? Tenang saja Saya punya solusinya untuk mengatasinya, jadi silakan Anda baca artikel ini sampai selesai.

Cara Meletakkan Iklan Berada Di Tengah Postingan

1. Ini merupakan cara manual jadi silakan sesuaikan dengan struktur template sobat. Pertama silakan ambil dahulu kode iklan yang akan dipasang.
2. Lalu parse kode iklan agar muncul di halaman artikel blog Anda di HTML Escape
3. Kemudian silakan Anda cari kode ini
<data:post.body/>
4. Ganti kode tersebut dengan kode ini
<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
Simpan Kode Iklan Disini
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
5. Sebenarnya pada tahap ini sudah selesai, namun jika Anda ingin membuat posisi iklan terlihat lebih rapi bisa mencoba dan menggunakan kode dibawah ini :
a. Posisi iklan tepat berada di tengah postingan
 <div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<div style='margin:10px auto'>
Simpan Kode Iklan Disini
</div>
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
b. Posisi iklan berada di tengah postingan sebelah kanan
 <div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<div style='float:right;margin:10px 0 10px 10px'>
Simpan Kode Iklan Disini
</div>
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
c. Posisi iklan berada di tengah postingan sebelah kiri
 <div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<div style='float:left;margin:10px 10px 10px 0'>
Simpan Kode Iklan Disini
</div>
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

Ok itulah mengenai cara memasang iklan berada di tengan postingan. Selanjutnya tinggal Anda pilih posisi iklan yang menurut Anda cocok :)

Cara Memasang Iklan Diatas Artikel/Postingan

Salah satu faktor penting menghasilkan uang dengan blog lewat program periklanan seperti Google AdSense adalah penempatan posisi iklan yang tepat. Dengan menampatkan iklan pada posisi yang tepat akan meningkatkan konversi iklan yang bagus sehingga berdampak pada penghasilan Anda meningkat.

Banyak sekali posisi yang strategis untuk meningkatkan jumlah klik yang ditempatkan di beberapa halaman blog Anda. Salah satunya adalah penempatan iklan diatas artikel/postingan.

Baca : Cara Memasang Iklan Di Tengah Artikel/Postingan

Oleh karena itu Saya akan memberikan cara memasang iklan diatas artikel khususnya pada platform blogger.

Cara Meletakan Kode Iklan Diatas Artikel/Postingan

1. Pertama silakan ambil dahulu kode iklan yang akan dipasang
2. Lalu parse kode iklan agar muncul di halaman artikel blog Anda di HTML Escape
3. Kemudian silakan Anda cari kode ini
<data:post.body/>
4. Kemudian tepat diatas kode tersebut letakan kode iklan seperti kode dibawah ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
..Simpan kode iklan yang sudah diparse disini..
</b:if>
 a. Anda juga bisa meletakannya seperti ini, agar posisi iklan tepat berada di tengah atas postingan
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin:0 auto 10px;text-align:center;'>
..Simpan kode iklan yang sudah diparse disini..
</b:if>
</div>

b. Atau Anda juga bisa memasang berada disebelah kiri atas artikel seperti ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left;margin:0 10px 10px 0;'>
..Simpan kode iklan yang sudah diparse disini..
</b:if>
</div>

Itulah beberapa cara memasang iklan diatas artikel, tinggal Anda pilih posisi yang menurut Anda cocok untuk dipasang di blog.

Header Blog Valid Schema.Org dan HTML5

Makin kesini semakin jarang buat artikel tentang tutorial blog, mumpung Saya ada waktu maka kali Saya akan buat tutorial cara membuat header blog valid schema.org dan HTML5 :D . Selain valid schema.org dan HTML5 header blog ini juga sangat bagus dan SEO.

Bagaimana cara pemasangannya ? silakan ikuti cara yang akan Saya paparkan berikut ini :

1. Silakan cari kode di bawah ini atau yang mirip seperti kode dibawah. Jika masih kesulitan silakan pilih menu Lompat ke Widget > Pilih Header1.

<b:widget id='Header1' locked='true' title='Kang Mousir (Header)' type='Header'>
...
</b:widget>
2. Lalu ganti kode yang diatas dengan kode dibawah ini.
<b:widget id='Header1' locked='true' title='Kang Mousir (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
<div style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='description'/></div>
</b:if>
</b:if>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:title='data:title' itemprop='image' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
<div style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='description'/></div>
</b:if>
</b:if>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<h1 class='title'><b:include name='title'/></h1>
<b:else/>
<h1 class='title'><b:include name='title'/></h1>
</b:if>
<b:else/>
<h2 class='title'><b:include name='title'/></h2>
</b:if>
<b:include name='description'/>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description' itemprop='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='name'><data:title/></span></a>
</b:includable>
</b:widget>
3. Selesai :D

Sekarang tinggal Anda cek di https://developers.google.com/structured-data/testing-tool/. Bagaimana hasilnya keren bukan, apalagi kalau stuktur templatenya sudah memakai struktur yang disarankan oleh google pasti lebih keren seperti template buatan Saya Sang SEO :). Nih hasilnya

Struktur header ini sangat disarankan karena bagus untuk memudahkan robot google menjelajahi blog kita. Itulah tutorial singkat yang dapat Saya berikan, semoga bermanfaat ya :D

Cara Melaporkan Blog Copas Ke Google DMCA

Copas adalah istilah menyalin artikel orang lain secara sembarangan, perilaku ini sangat buruk dampaknya. Oleh karena itulah Saya membuat artikel ini, karena Saya kesal dengan para pelaku copas yang seenaknya asal copas saja. Masalahnya bukan satu atau dua blog saja tapi banyak sekali dan yang lebih parah lagi mereka copas seluruh artikel blog Saya.

Sebelumnya Saya share tentang cara atasi para pelaku copas agar tidak bisa menyalin artikel sembarangan, namun tetap saja bagi yang sudah professional teknik tersebut tidak mempan.

Baca : Proteksi Artikel Blog Agar Tidak Bisa Disalin

Ok, Saya langsung saja berikut adalah cara  melaporkan blog copas lewat Google DMCA :
1. Pertama klik link Google DMCA, lalu isi pada bagian Informasi Kontak isi seperti dibawah ini.
  • Nama : Isi dengan nama yang Anda pakai pada blog, misalkan Kang Mousir
  • Nama Perusahaan : Masukan nama atau judul blog Anda
  • Nama lengkap sah pemegang hak cipta yang Anda wakili : Isi dengan nama Anda sebelumnya
  • Alamat email kontak : Isi dengan alamat email Anda yang dipakai untuk blog, yang nantinya digunakan untuk pemberitahuan dari Google DMCA.
  • Negara domisili : Pilih Indonesia
2. Selanjutnya pada Karya Berhak Cipta Milik Anda
  • Pada kotak Di manakah kami bisa melihat contoh karya yang sah tersebut? : Isi dengan dengan url yang sudah di copy paste, lihat gambar.
  • Lalu pada kotak Identifikasi dan uraikan karya berhak cipta : Isi dengan dengan url artikel dan waktu publikasi artikel, lebih jelas lihat gambar.
3. Selanjutnya pada Materi yang Diduga Melanggar
  • Lokasi materi yang diduga melanggar : Isi dengan url artikel pelaku copas
  • Jika Anda ingin menambahkan url baru, klik Menambahkan tambahan
4. Centang 2 kotak pada Pernyataan Tersumpah
5. Pada kotak Tanda Tangan isi dengan nama Anda
6. Langkah terakhir tinggal klik tombol Kirim.

Itulah tutorial cara melaporkan blog copas ke Google DMCA, semoga bisa membantu Anda dalam memberantas para pelaku copas. Anda tinggal menunggu pemberitahuan dari DMCA bahwa artikel pelaku copas telah dihapus :D.

Cara Daftar Dan Verifikasi Blog Ke Google Webmaster Tools

Saat Anda pertama kali membuat blog tentunya blog Anda juga harus di daftarka di Google Webmaster, fungsi untuk memonitor blog milik Anda. Google Webmaster dapat membantu dalam mengoptimalkan blog Anda, mendapatkan informasi tentang cara Google merayapi blog Anda, memberitahu masalah - masalah pada blog Anda dan lain sebagainya.

Baca : Cara Membuat Blog Di Blogger

Oleh karena alasan itulah pentingya mendaftarkan dan verifikasi blog Anda ke Google Webmaster Tools. Yuk, langsung saja cara daftara dan verfikasinya.

1. Pertama masuk ke akun Google Webmaster Tools Anda.
2. Selanjutnya tambahkan URL blog Anda, seperti gambar berikut.

3. Lalu klik Add A Site.
4. Selanjutnya klik icon gerigi di sebelah pojok kanan atas, lalu pilih menu Verification Detaills.
5. Anda akan dibawa pada halaman verifikasi.
6. Kemudian klik Verify using a different method.

7. Selanjutnya Anda akan dibawa pada halaman pilihan verifikasi blog. Nah, untuk blog pilih opsi HTML Tag.

8. Lalu salin kode pada gambar diatas panah nomor 2.
9. Selanjutnya simpan kode tersebut di blog Anda, pada Template Anda simpan dibawah kode <head>. Sehingga nantinya seperti kode dibawah ini.
<head>
<meta content='Gsfq_4AnJRGBRuDzRTGdD0EpXoxxxxxxxxxxxxx' name='google-site-verification'/>
...
</head>
10. Setelah itu, simpan.
11. Langkah selanjutnya Anda tinggal klik Verify untuk verifikasi blog Anda di Google Websmaster Tools.
12. Selesai :)

Yups, itulah cara daftarkan blog ke google webmaster dan cara verifikasinya.  Silakan dicoba, kalau ada yang kurang mengerti tinggal isi komentar aja :D