Cara Membuat Tool Parse pada Blog

Advertisement
Advertisement
Sudah beberapa hari ini saya disibukkan dengan yang namanya memasang unit iklan pada blog, tujuannya sudah jelas yaitu untuk meningkatkan pendapatan Google Adsense saya, dengan mencari cara di internet akhirnya saya bisa menemukan beberapa cara untuk meningkatkan penghasilan iklan google adsense ini, salah satunya adalah dengan cara menambahkan unit iklan di dalam postingan. Untuk bisa memasang unit iklan pada postingan maka kita perlu satu alat yaitu Tool Parse.

Kali ini saya mau memberikan sedikit cara untuk membuat Tool Parse yang sederhana, dimana selama ini saya selalu kesulitan untuk menemukan fasilitas Tool Parse ketika saya akan mengkonversi kote HTML Google Adsense ketika akan dimasukkan ke template blogger. Oleh sebab itu saya sempatkan untuk membuat artikel ini sehingga dikemudian hari saya tidak repot lagi mencari Tool Parse ketika akan mengkonversi kode HTML dari unit iklan Google Adsense.

Tool Parse ini memiliki script yang ringan serta Valid dengan HTML 5 dan CSS 3 jadi sangat cocok untuk template yang berbasis HTML 5. Script ini juga SEO Friendly dengan menganut pengcodean script yang mempunyai standar SEO.

Baiklah saya tidak akan banyak menjelaskan lagi karena saya yakin banyak Blogger yang sudah tahu fungsi dari Tool Parse ini, Selain untuk konversi kode HTML dari unit iklan google, masih banyak lagi fungsinya dan saya tidak akan membahas itu. nah berikut adalah cara membuat Tool Parse pada Blog.

Instal Program CSS
  • Masuk ke dasbor blogger dengan akun kamu.
  • Kemudian cari Template dan pilih Edit HTML
  • Cari kode berikut ]]></b:skin> gunakan CTRL+F supaya lebih cepat.
  • Silakan masukkan kode CSS dibawah ini tepat di atas kode ]]></b:skin
.boxarea_BD { background-color:#F2F2F2; border: solid #ccc 1px; border-radius:10px; padding:10px;box-shadow: 1px 1px 2px #ccc;}
.boxarea_BD:hover { background-color:#FFFFFF; border: solid #ccc 1px; border-radius:10px; padding:10px;box-shadow: 1px 1px 2px #ccc;}
.BD_tombol {color:#FFFFFF;font-weight:bold;text-decoration:none;padding:6px 15px;border:1px solid #c4c4c4;cursor: pointer;border-radius: 4px;
background: #fbfbfb;background-color: #000000;}
.BD_tombol:hover{color:#FFFFFF;font-weight:bold;text-decoration:none;background-color: #313333;}
  •  Setelah selesai memasukkan kode CSS tersebut maka silakan simpan template.
Setelah selesai memasukkan kodeCSS tadi pada template maka ada lagi langkah selanjutnya, yaitu dengan membuat laman statis baru, langkahnya adalah sebai berikut.
  • Masuk ke dasbor blogger dengan akun kamu.
  • Cari laman kemudian pilih Laman baru
  • Setelah muncul editor laman maka silakan pilih mode HTML, setelah itu masukkan kode berikut pada laman kosong tadi.
<textarea cols="50" rows="15" wrap="virtual" class="boxarea_BD" id="bdkode" placeholder="1. Ketikkan kode html anda disini, 2. Kemudian klik Konversi , 3. Untuk membersihkan klik &quot;Bersihkan&quot; 4. Jenis Kode : &lt; &quot; &amp; &quot; &gt; &amp; &plusmn; &reg; &#169; " spellcheck="false"></textarea>
<br /><span>
<button class="BD_tombol" id="bdclear" onClick="convert();this.disabled = true;" title='Konversi'>KONVERSIKAN</button>
<button class="BD_tombol" onClick="cdClear();" title='Bersihkan'>BERSIHKAN</button>
</span><script type="text/javascript">
function cdClear() {
var wtarea = document.getElementById('bdkode');
wtarea.value = '';
wtarea.focus();
document.getElementById('bdclear').disabled = false;
}function convert(){var ele1 = document.getElementById("bdkode");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}
</script>
<div style="clear: both;">
Jika script tidak bisa dicopy, silakan klik disini
  •  Setelah itu maka silakan simpan atau publikasikan laman tersebut.
  • Jika sudah disimpan maka Tool Parse kamu sudah selesai.
Untuk menampilkan Tool Parse ini, kamu bisa memilihnya ditempat yang mudah diakses, misalnya di menu bar seperti yang saya pakai. Saya yakin para blogger sudah tahu cara menampilkan laman pada menu bar. Nah itulah cara mudah membuat Tool Parse pada blog, semoga bermanfaat.
Advertisement
BERITA TERKAIT :

0 Response to "Cara Membuat Tool Parse pada Blog"

Post a Comment

Silakan berikan komentar Anda dengan baik, silakan gunakan Bahasa Indonesia dengan baik supaya mudah dibaca oleh pengunjung lain, terimakasih