Rabu, September 30, 2015

Cara Pasang Iklan Adsense Di Tengah Artikel Blogger

Iklan AdSense

Dalam postingan yang sebelumnya, kita sudah mengetahui tentang Google AdSense. Bagaimanapun juga, setelah memiliki akun AdSense dan bisa meletakkan iklan di dalam blog / situs kita, tetap saja iklan-iklan tersebut harus dioptimasi mulai dari pemilihan tempat, besarnya, posisinya (vertikal / horizontal), dan jenisnya (teks atau gambar plus teks). Biasanya iklan AdSense diletakkan pada sidebar dan di atas / bawah artikel.

Screenshot_Contoh_Iklan_Adsense_Di_tengah_Artikel
Contoh iklan AdSense yang diletakkan di tengah artikel (screenshot)

Namun saat membaca-baca sebuah artikel di internet, kita juga sering menjumpai ada blog atau situs yang menaruh iklan mereka di bagian tengah artikel seperti contoh di atas.

Bagaimana cara pasang iklan AdSense di tengah-tengah artikel?

Kita bisa memanipulasi letak iklan AdSense di tengah artikel dengan cara menyisipkan script tertentu ke dalam HTML template di Blogger, lalu menggunakan tag di dalam posting setiap menulis artikel di blog dimanapun kita inginkan iklan tersebut untuk muncul di dalam paragraf setiap kali memposting artikel.

Cara menempatkan iklan Adsense di tengah artikel pada template blogger sebenarnya cukup sederhana, ikuti saja langkah-langkah berikut:

Sebelum melanjutkan ke tahapan pertama, ada baiknya Anda mendownload terlebih dahulu template asli dari blog, untuk berjaga-jaga sebagai cadangan (backup) sewaktu-waktu terjadi kesalahan pada editing HTML template. Caranya? Pergi ke Template > klik tombol Backup/Restore.

Langkah Pertama

Yang paling pertama perlu kita lakukan adalah menguraikan kode iklan AdSense Anda (ads code), dalam kata lain, mengubahnya ke kode HTML biasa.

Klik disini untuk mengunakan tools Konversi Kode HTML (Decoder untuk Parse kode HTML).

Lalu pergi ke "Template", klik tombol "Edit HTML", lalu klik dimana saja di dalam kotak area kode HTML, dan carilah kode tag berikut ini: (gunakan keyboard CRTL + F):

<data:post.body/>

Catatan: mungkin Anda akan menemukan kode tag tersebut beberapa kali, gunakan yang pertama, akan tetapi bila masih belum berhasil, kita perlu untuk berhenti di yang kedua. Atau apabila masih tidak ada perubahan, maka cobalah di yang ketiga.

Langkah Kedua

Gantilah kode tag <data:post.body/> (select lalu block dengan mouse, kemudian langsung paste) dengan kode berikut 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">
<!-- Add here the code of your ad -->
</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>

Langkah Ketiga

Bila sudah, maka taruh kode AdSense yang sudah dikonversi pada tulisan <!-- Add here the code of your ad --> (langsung block dan timpa saja), lalu simpan perubahan tersebut dengan mengklik tombol "Save Template".

Catatan: Untuk menaruh iklan di bagian tengah artikel (center aligned), tambahkan kode tag <center> sebelum dan sesudah kode AdSense, seperti contoh di bawah ini:
<div style="clear:both; margin:10px 0">
<center>
<!-- Add here the code of your ad -->
</center>
</div>

Langkah Keempat

Ketika Anda sedang mengetik artikel baru (posting baru di blogger), tinggal masukkan kode berikut ini di bagian mana diantara paragraf yang Anda inginkan untuk dimunculkan iklan adsense di HTML editor artikel tersebut.

<!-- adsense -->

Contoh:
Ini adalah contoh sebuah artikel yang sedang Anda tuliskan. Kalimat ini hanya sebagai contoh saja. Sebuah contoh untuk mempermudah mempelajari bagaimana cara menempatkan iklan dari Adsense di dalam artikel. Bagaimana cara kita menaruh iklan adsense di tengah artikel blogspot.
<!-- adsense -->
Ini adalah contoh sebuah artikel yang sedang Anda tuliskan. Kalimat ini hanya sebagai contoh saja. Sebuah contoh untuk mempermudah mempelajari bagaimana cara menempatkan iklan dari Adsense di dalam artikel. Bagaimana cara kita menaruh iklan adsense di tengah artikel blogspot.

Catatan: apabila Anda tidak memasukkan kode tersebut di dalam artikel, maka iklan adsense otomatis muncul di bagian atas tepat di bawah judul posting secara default.

Anda tidak perlu khawatir jika trik ini melanggar Google Term of Service oleh karena menggunakan metode ini sama sekali tidak mengubah struktur iklan, dengan catatan Anda tidak menggunakan kalimat-kalimat tabu dalam dunia periklanan yang mengarahkan orang untuk mengklik iklan AdSense Anda.

Rabu, September 16, 2015

Konversi Kode HTML (Decoder untuk Parse kode HTML)

HTML

HyperText Markup Language, atau yang sering disebut dengan singkatan HTML saja, adalah bahasa markup standar yang biasa digunakan untuk membuat sebuah halaman situs. Perangkat peramban atau "web browser" berfungsi untuk membaca file HTML dan membuat kode dalam file HTML untuk ditampilkan sebagai sebuah halaman web. HTML menggambarkan suatu struktur dari sebuah situs "web semantik" bersama dengan kumpulan kode isyarat untuk mempresentasikan, membuatnya digolongkan sebagai bahasa markup, dan bukan dikatagorikan sebagai bahasa pemrograman.

AAAA
contoh kode HTML di blog Seorank Newbie.

Elemen HTML membentuk blok struktur bangunan dari semua situs. HTML memungkinkan gambar dan objek yang akan ditampilkan dan dapat digunakan untuk membuat bentuk-bentuk interaktif kepada penggunanya. Ia menyediakan sarana untuk membuat dokumen terstruktur semantik untuk teks seperti judul, paragraf, daftar, link, kutipan dan item-item lainnya yang mungkin diperlukan dalam sebuah situs.

Bahasa HTML ditulis dalam bentuk elemen HTML yang terdiri dari sebuah tag dan diapit oleh kurung sudut (seperti contonya <html>, <body>, <head>). Browser Anda tidak akan menampilkan tag HTML dan kode script, tetapi hanya akan menggunakannya untuk menafsirkan isi halaman situs tersebut.

HTML dapat ditanamkan script yang ditulis dalam bahasa pemrograman lain seperti JavaScript (yang mempengaruhi perilaku sebuah halaman web HTML). Web browser juga dapat merujuk ke Cascading Style Sheets (CSS) untuk menentukan tampilan dan tata letak teks dan bahan lainnya. World Wide Web Consortium (W3C), pengelola dari kedua coding yaitu HTML dan CSS standar, mendorong penggunaan CSS lebih eksplisit pada presentasi HTML sejak tahun 1997.

Meng Konversi Kode HTML

Kode HTML dapat di konversi menjadi kode dasar (basic/teks plain), istilahnya di decode atau decoding.

Decoding adalah proses transformasi informasi yang sulit untuk dipahami dalam format simbol kemudian disimpan ke salah satu bentuk yang lebih mudah untuk dimengerti - yang merupakan kebalikan dari istilah "encoding". Kata kerja yang sesuai adalah untuk "memecahkan kode" atau "mengurai kode". Secara khusus, istilah decoding juga bisa merujuk ke:
  • Parse / Parsing dalam ilmu komputer
  • Digital-to-analog converter, yakni "decoding" dari sinyal digital ke sinyal analog
  • Phonics decoding dalam teori komunikasi
  • deCODE dalam bidang rekayasa genetika
Tapi jangan terkecoh dengan lagu Decode (tahun 2008) yg diciptakan dan dibawakan oleh band Paramore yaa..

Decoder

Nah, berikut ini adalah tools untuk men-decode kode HTML Anda (atau tepatnya disebut sebagai decoder), seperti misalnya untuk mengurai kode AdSense untuk diletakkan pada bagian tengah paragraf dalam sebuah posting artikel di Blogger misalnya.

Copy lalu paste kode HTML Anda di boks lalu klik Convert:
Blogger Tricks and Tips
Semoga bermanfaat!