Cara Membuat HTML Parse Kode Box Di Blogger

Cara Membuat HTML Parse Kode Di Blogger. Pada kesempatan kali ini Saya akan mengulas cara membuat tool parse kode. contohnya seperti di Gambar ini 

HTML Parse Box, digunakan untuk menulis kode di kotak komentar, atau intalasi kode di dalam template, seperti Adsense

HTML Tool Parse box Ini sangat berguna untuk para blogger dalam melakukan instalasi kode, apalagi untuk blog yang bergerak di bidang blog tutorial. maka memasang tool parse merupakan suatu kewajiban.
Ini Kode Untuk Membuat HTML Parser Box

Kodenya Gan:

<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>

Keterangan:
  1 - Nama Parse Script boleh diubah mengikut kehendak masing-masing.
  2 - Ukuran Box boleh diubah dengan menukar angka-angka di bagian ini:
      a)  width: 400px
      b)  "top" width="400"
      c)  textarea cols="50"
 3 - Cara Pengunaan: Copy-paste kode HTML yang hendak diparse kedalam kotak dan klik parse kode SEKALI saja.


Cara Pemasangan: 
      a) Anda dapat memasangnya di dalam postingan dengan menaruh kode di atas di Edit HTML (bukan di compose) nya.
      b) Anda dapat memasangnya sebagai widget dengan maruhnya di sidebar, caranya saya rasa sudah tau, pilih Rancangan » add widget » HTML/Javascript (paste kode dan simpan)

Oke sobat blog tutorial semoga gadget ini bermanfaat bagi anda.

Cara Menambahkan Rating Pada Postingan Blog

Cara Menambahkan Rating Pada Postingan Blog. Hallo para sahabat super  hari ini Saya mau berbagi tips baru. tips kali ini terinspirasi oleh website brothersoft.com yang memberikan rating terhadap software-softwarenya. Saya penasaran bagaimana sih cara menambahkan Rating pada setiap Postingan di blog,  kode sebenarnya sudah lama Saya simpan di komputer, cuma saya lupa untuk mempublkasikanya. java script ini Saya dapat dari blogkomputer.blogspot.com. kita lihat yuk..!


Blogger memiliki beberapa kelemahan dalam hal fitur yang ada di Postingan, agar pengujung Blog dapat memberikan rating atau penilaian terhadap isi postingan ,maka kita bisa menambahkan fitur rating muncul pada setiap postingan.


Berikut langkah-langkahnya


1.  SIGN IN ke situs Blogger.com
2.  Jika telah masuk ke halaman Dashboard, pilih Edit HTML.
3.  Berikan tanda ceklist pada opsi Expand Widget templates, lalu pada kolom HTML
4.  Temukan kode berikut atau tekan ctrl+f masukan kode <!-- quickedit pencil -->

Kodenya Gan:

<!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </span> </div>

5.  Jika sudah menemukannya, copy kode ini di bawahnya( kode yang terakhir)

Kodenya Gan:

<script language='JavaScript'>var OB_platformType = 1; var OB_demoMode = false;var OB_langJS =&#39;http://widgets.outbrain.com/lang_en.js&#39;;</script><script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

Maka susunanya akan menjadi seperti ini :

Seperti Ini:

<!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </span> </div> <script language='JavaScript'>var OB_platformType = 1; var OB_demoMode = false;var OB_langJS =&#39;http://widgets.outbrain.com/lang_en.js&#39;;</script><script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

6.  Lalu klik Save Template

Lalu lihatlah Blog anda, rating tersebut sudah muncul. anda maupun pengunjung dapat memberikan rating pada seriap artikel yang anda buat.