Memasang iklan adsense biasanya yang sangat mudah adalah pada bagian menu Tata Letak Blogger dan sobat hanya perlum menambahkan Gadget HTML atau Javascript dan meletakan kode iklannya didalam Gadget tersebut, maka iklan sobat akan muncul dengan baik. Namun kode iklan tersebut tidak akan bisa sobat letakkan pada HTML Template blogger sobat.

Jadi, jika sobat ingin ingin memasang kode iklan tersebut ingin sobat letakkan di dalam HTML Template blogger, maka sobat memerlukan sebuah tools untuk meng Parse ataupun Menconvert kode iklan tersebut. Baru nanti bisa sobat terapkan didalam template blogger sobat. Sebenarnya ada banyak tools serupa yang ada di google, namun menurut saya lebih baik kita memiliki tools itu sendiri di blog kita, jadi jika nanti kita butuh, kita tidak perlu lagi mencarinya di google kan.

Membuat Halaman Parse Di Blogger
Cara membuatnya tergolong sangat mudah sekali sobat, script ini saya temukan ketika saya ingin membuat juga waktu itu, namun link refernsinya sudah gak kelihatan tuh sobat, bukannya gak mau ngasih linknya yah. Dari segi tampilan halaman parse ini sangat mirip denga halaman parse yang ada pada blog Arlina Design.

Jika sobat sering mampir kesana pasti sudah pernah juga melihanya kan, untuk demonya sobat bisa menggunjungi halaman parsenya yang saya letakkan pada navigasi atas pada blog ini. Atau kalau gak mau ribet soat bisa klik link berikut : https://kom-mini.blogspot.co.id/2016/07/adsense-tool-parser.html

- Masuk kehalaman atau dashboard blogger sobat, dan buatlah satu halaman static atau basa kita sebut Laman atau sobat bisa perhatikan gambar berikut :
Cara Membuat Tools Halaman Parser/Converter HTML

- Pada halaman berikutnya pilih mode HTML bukan mode Compose, untuk lebih jelas perhatikan gambar berikut :
Cara Membuat Tools Halaman Parser/Converter HTML

- Copy seluruh kode dibawah ini
Untuk Memasukkan kode Adsense ke blog melalui <b>Edit HTML</b>, Anda tidak bisa langsung copy paste. Caranya salin Adsense Anda baik <b>Google Adsense</b> atau pun <b>Kode Javascript</b> yang lain, kemudian klik tombol <b>KONVERSI</b>. Setelah itu salin dan pastekan di blog Anda.<br />
<br />
<style scoped="" type="text/css">
code{font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;color:#2a5ead;font-size:13px;padding:2px 4px;color:#d14;}
#codes{border:1px solid #ccc;width:68%;height:250px;margin:0 auto;display:block;background-color:#fafafa;color:#333;padding:15px;font:400 14px 'Courier New',Monospace;border-radius:4px}
.button-group{margin:0 auto 0;text-align:center}
button,button[disabled]:active{border:none;padding:5px 12px;text-align:center;color:#fff;display:inline-block;white-space:nowrap;background-color:#0ea6d8;cursor:pointer;font-family:'Open Sans',Arial,Sans-Serif; font-size:13px;position:relative;top:-1px;margin:0 10px;line-height:23px;border-radius:3px;transition:all 0.3s ease-in-out;}
button:active{background:#0095c6;}
button[disabled],button[disabled]:active{background:#0095c6;}
#opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;margin:0 10px 0 0;vertical-align:middle;border:none;outline:none}
#outer-wrapper {margin:0 auto;text-align:left;float:none;background-position:center!important;}
#post-wrapper {width:100%;max-width:100%;margin:0 auto;text-align:left;float:none;background-position:center!important;}
.post-body,.post{background-position:center!important;}
#blog1,#artikel,.blog-posts{background-position:center!important;}
#comments,#sidebar-wrapper,#menu-wrap {display:none;margin-top:0;margin:0;}
.post-inner {padding:0 0 0 0;margin:20px auto;}
.post-body ul#wrapin {display:block;position:relative;margin:30px auto 0 auto;}
.post-body ul#wrapin li {display:block;margin:0 auto;text-align:left;}
.post-body ul#wrapin br {display:none;}
</style><br />
<textarea id="codes" placeholder="Tulis/paste kode di sini lalu klik 'Konversi'" spellcheck="false"></textarea><br />
<br />
<div class="button-group">
<button id="cvrt" onclick="cdConvert();this.disabled = true;">Konversi</button><button onclick="cdClear();">Bersihkan</button></div>
<ul id="wrapin">
<li><br />
<input checked="true" id="opt1" type="checkbox" />Konversi <code>&amp;</code> menjadi <code>&amp;amp;</code><br />
</li>
<li><br />
<input id="opt2" type="checkbox" />Konversi <code>'</code> menjadi <code>&amp;#039;</code><br />
</li>
<li><br />
<input id="opt3" type="checkbox" />Konversi <code>"</code> menjadi <code>&amp;quot;</code><br />
</li>
<li><br />
<input checked="true" id="opt4" type="checkbox" />Konversi <code>&lt;</code> menjadi <code>&amp;lt;</code><br />
</li>
<li><br />
<input checked="true" id="opt5" type="checkbox" />Konversi <code>&gt;</code> menjadi <code>&amp;gt;</code><br />
</li>
</ul>
<script type="text/javascript">
function cdClear() {
    var wtarea = document.getElementById('codes');
    wtarea.value = '';
    wtarea.focus();
    document.getElementById('cvrt').disabled = false;
}
function cdConvert() {
    var ctarea = document.getElementById('codes'),
        cv = ctarea.value,
        opt1 = document.getElementById('opt1'),
        opt2 = document.getElementById('opt2'),
        opt3 = document.getElementById('opt3'),
        opt4 = document.getElementById('opt4'),
        opt5 = document.getElementById('opt5');
    cv = cv.replace(/\t/g, "    ");
    if (opt1.checked) cv = cv.replace(/&/g, "&");
    if (opt2.checked) cv = cv.replace(/'/g, "'");
    if (opt3.checked) cv = cv.replace(/"/g, """);
    if (opt4.checked) cv = cv.replace(/</g, "<");
    if (opt5.checked) cv = cv.replace(/>/g, ">");
    ctarea.value = cv;
    ctarea.focus();
    ctarea.select();
};
</script><br />
<div style="clear: both;">
</div>
<div class="clear">
</div>

- Simpan dan Publish laman tersebut dan lihat hasilnya.

Sangat mudah bukan membuatnya, jika sobat tidak melewatkan satupun langkah-langkahnya saya rasa tidak akan bingung kok untuk dilakukan. Selanjutnya sobat bisa sesuaikan warnanya dengan mengedit cssnya. Sobat sesuaikan dengan tampilan template sobat. Jika masih ada yang bingung bisa kita bahas dikomentar yah.

Semoga bermanfaat, dan selamat mencoba.. :)
Share this with short URL:
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed