• Translate

2/07/2015

Tutorial Cara Mudah Membuat Tool Parse HTML di Blog

Tutorial Blogspot |
Tutorial Cara Mudah Membuat Tool Parse HTML di Blog | Tutorial hari ini kita akan membahas bagaimana membuat tool parse html di blog, tutorial ini saya buat sekaligus untuk memudahkan saya dan sobat bloggers dalam memparse kode html agar bisa terbaca seperti kode adsense yang harus di parse dulu baru bisa terbaca ketika akan kita letakkan di template blog ( bukan di widget HTML/JAVASCRIPT ), tool parse  yang saya berikan sangat sederhana dan simple.

silahkan ikuti langkah-langkah dibawah ini bagaimana membuat tool parse html tersebut.
1. Login ke blogger.com
2. pilih Template dan klik edit html 

Cara Membuat Tool Parse HTMl di blog
3. Cari Kode ]]></b:skin> , untuk lebih cepat dalam pencarian kode tersebut silahkan tekan CTRL+F dan ketikkan "skin"
4. Copy kan kode CSS di bawah ini, dan pastekan tepat diatas kode ]]></b:skin> tadi.
/*css parse html */
.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;}
selanjutnya untuk menampilkan tool parse html tersebut ada 2 pilihan, apakah sobat blogger ingin menggunakan widget html/javascript yang ada di Layout blogger atau di halaman blog sobat tinggal disesuaikan dengan selera sobat saja ☻

saya sendiri lebih memilih menggunakan tool parse html ini pada halaman blog agar lebih rapi, bagaimana caranya? ikuti langkah-langkah dibawah ini :

1. pilih Pages, dan buat pages baru dan muncul halaman (page) kosong.

Cara Membuat Tool Parse HTMl di pages blog

2. Setelah berada pada halaman kosong pilih " HTML " bukan " COMPOSE "

Cara Membuat Tool Parse HTMl di pages html blog.png

3. Copy script dibawah ini lalu pastekan pada halaman kosong " HTML "
<div style="text-align: center;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" height="350" width="350"><param name="movie" value="http://e-infotainment.com/applications/color-code-
    generator/v1/trixcgv1.swf"><param name="quality" value="high"><param name="bgcolor" value="#cccccc"><embed src="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf"
    quality="high" bgcolor="#cccccc"
    width="400"
    height="400"
    name="flash" align="middle" play="true" loop="false" quality="high"   type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object></div>
4. Kemudian buat judul halaman dan simpan halaman anda.
5. Selesai.

Bagaimana, Mudahkan membuat Tool Parse HTML di blog? Tool ini juga saya gunakan di blog, dimana tool ini sangat ringan.

semoga bermanfaat.
Loading...

Disqus
Blogger
Comment
How to style text in Disqus comments Top Disqus Commentators
  • 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 please parse the code in the parser box below.
Show Parser Box

No comments Add Comment

Comments not appropriate topic will sign SPAM.

Loading...