Cara membuat adsense script parser dan membuatnya responsive

KingRizal Blog - Di Posting sebelumnya saya sudah membagikan kepada anda tools Adsense Script Parser. Dan kesempatan kali ini saya akan membagikan tips Membuat adsense script parser responsive. Pernahkah kalian menemukan blog yang menyediakan adsense script parser/peng"konvensi" kode html yang lemotnya minta ampun ? Sekarang anda tak perlu khawatir lagi,dengan tips ini anda bisa membuat sendiri bahkan yang versi cepatnya.

=> Login dulu ke blog anda

=> Masuk ke form postingan,atau langsung klik button pensil

=> Pindahkan bentuk postingan ke HTML ingat HTML ! Bukan Compose lo !

=> Pastekan script dibawah ini

<script type="text/javascript">function convert(){var ele1 = 
document.getElementById("somewhere");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><table border="0" cellpadding="0" 
cellspacing="0" style="width: 400px;"><tbody><tr> <td 
valign="top" width="400"><textarea cols="50"id="somewhere" 
rows="15" style="background: none repeat scroll 0% 0% rgb(248, 248, 
248); border: 2px solid rgb(204, 204, 
204);"></textarea><input onclick="convert();" type="button" 
value="Parse Script" /></td> 
</tr></tbody></table><br/></span></span><span
 class="Apple-style-span" style="font-family: 'trebuchet ms'; font-size:
 x-small; line-height: 20px;"> © Kucoba.com Webmaster Tools 
|&nbsp;<a href="http://www.kucoba.com" style="color: #0b5394; 
text-decoration: none;">Blogger Tool</a>  

=>Simpan !

Sudahkah tersimpan ? Mari ke langkah selanjutnya,Membuat tools parser lebih responsive

=> Masukkan script dibawah ini seteleh kode ]]></b:skin>

 .parse-html{text-align:center;background:linear-gradient(to bottom,#fefefe 0%,#d1d1d1 100%);border:1px solid #A8A8A8;border-radius:5px;margin:20px auto;width:90%;box-shadow:1px 30px 30px -26px #818181}
.parse-html-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:8px}
.parse-html-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

=> Simpan template

=> Setelah anda selesai menyimpan,mari kita pergi ke pos,jangan lupa buka pos dalam bentuk html

 <div class="parse-html">
<div class="parse-html-responsive">

Taruh Script Tool Parse tadi disini

</div>
</div> 

=> Pratinjau dan simpan !

sumber : masyadi.com,kucoba.com

• Tweet
• Share
• Share
• Share
• Share

TentangAdmin King-Rizal Blog

Blog Ini hanyalah blog kecil yang sedang mencari pengunjung,maafkan admin jika memang ada salah kata yang pernah menyakiti hati anda. Keep Visit :)

Related Post