Info Seputar Internet
readbud - get paid to read and rate articles

* HOME
* ChatNDate CND
* | ROKOK ELEKTRONIK
* | SHOUTBOX
* | TOPPULSA

skip to main | skip to sidebar
Selasa, 08 Juni 2010
CARA MENAMPILKAN KODE HTML PADA ARTIKEL
Diposkan oleh Basri Tamang di 03:24 Selasa, 08 Juni 2010
Label: Blogging di ponsel, Tips dan Trik
Mungkin masih ada diantara kita yang belum tau bagaimana caranya menampilkan kode HTML pada artikel di blog kita seperti ini :

Masukkan kod Shout Box di sini

[close]

Untuk menampilkan kode seperti itu caranya adalah dengan mengganti :

* Kode < diganti menjadi <

* Kode " diganti menjadi "

* Kode > diganti menjadi >



Tapi bagaimana kalau kode yang akan kita tampilkan karakternya lumayan banyak seperti diatas ? Tentu kita akan kesulitan mengedit kodenya satu-satu.
Untuk hal ini kita dapat menggunakan software untuk encode atau decode HTML, Namun yang paling mudah menurut saya adalah dengan menggunakan web generator yang memiliki tool untuk encode dan decode HTML.
Saya sering menggunakan 3 situs yang penggunaannya cukup mudah yaitu :

1. Centricle.com

Caranya silahkan buka situsnya terlebih dahulu lalu klik tool atau langsung klik link ini http://centricle.com/tools/html-entities/
Setelah itu maka akan muncul halaman diman terdapat kolom seperti pada gambar berikut :



Silahkan copy dan paste kode HTML pada kolom tersebut lalau klik "ENCODE". Setelah itu copy kode yang muncul untuk anda salin ke artikel setelah proses ENCODE selesai.

2. Blogcrowds.com

Cara mengoprasikan tidak jauh berbdeda dengan yang pertama, tampilannya seperti ini :



3. Acessify.com

Tampilannya seperti ini :



Selain cara yang saya tuliskan diatas kita juga menggunakan kode textarea dengan kode seperti ini kode HTML

Tampilan kode HTML dengan menggunakan textarea seperti dibawah ini :

Masukkan kod Shout Box di sini

[close]

Kode yang membentuk textarea diatas seperti ini :

<style type="text/css">#gb{ <br />position:fixed; <br />top:50px; <br />z-index:+1000; <br />} <br />* html #gb{position:relative;} <br /> <br />.gbtab{ <br />height:100px; <br />width:30px; <br />float:left; <br />cursor:pointer; <br />background:url('http://3.bp.blogspot.com/_LZtXSNcp76A/SzzN08B1K5I/AAAAAAAAA0U/QT4rY6-FhI8/s320/tabs.png') no-repeat; <br />} <br />.gbcontent{ <br />float:left; <br />border:2px solid #666666; <br />background:#F5F5F5; <br />padding:10px; <br />} <br /></style> <br /> <br /><script type="text/javascript"> <br />function showHideGB(){ <br />var gb = document.getElementById("gb"); <br />var w = gb.offsetWidth; <br />gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); <br />gb.opened = !gb.opened; <br />} <br />function moveGB(x0, xf){ <br />var gb = document.getElementById("gb"); <br />var dx = Math.abs(x0-xf) > 10 ? 5 : 1; <br />var dir = xf>x0 ? 1 : -1; <br />var x = x0 + dx * dir; <br />gb.style.right = x.toString() + "px"; <br />if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} <br />} <br /></script> <br /><div id="gb"> <br /><div class="gbtab" onclick="showHideGB()"> </div> <br /><div class="gbcontent"> <br />Masukkan kod Shout Box di sini <br /><div style="text-align:right"> <br /><a href="javascript:showHideGB()"> <br />[close] <br /></a> <br /></div> <br /></div> <br /></div> <br /><script type="text/javascript"> <br />var gb = document.getElementById("gb"); <br />gb.style.right = (30-gb.offsetWidth).toString() + "px"; <br /></script>

Untuk mengubah TINGGI dan LEBAR textarea silahkan ubah angka pada "HEIGHT" dan "WIDTH" pada contoh diatas saya menggunakan "WIDTH: 300px; HEIGHT: 500px"

Untuk mengubah ukuran silahkan ubah nilai yang ada sesuai keinginan anda.

Salam : Basri Tamang


Bookmark & Share


Baca Juga Artikel Berikut :
Blogging di ponsel

* APLIKASI SCREENSHOT UNTUK PONSEL
* CARA MEMBUAT MENU READ MORE PADA BLOG MELALUI PONSEL

Tips dan Trik

* MENAMBAH SUB DOMAIN PADA CUSTOM DOMAIN BLOGSPOT
* BELAJAR SETTING BLOGSPOT CUSTOM DOMAIN
* CARA MENANDAI TEMAN LEWAT STATUS FACEBOOK
* TRIK LOGIN 2 AKUN FACEBOOK DI MOZILLA
* MENGATUR PEMBAHARUAN STATUS FACEBOOK AGAR TIDAK TERLIHAT OLEH ORANG TERTENTU
* APLIKASI SCREENSHOT UNTUK PONSEL
* MENGATASI KONEKSI STARONE YANG SERING TERPUTUS
* CARA DOWNLOAD VIDEO DARI YOUTUBE
* INTERNET GRATIS TELKOMSEL UPDATE MEI 2010
* GRATIS FACEBOOK DENGAN FACEBOOK ZERO
* CARA MEMBUAT HIDE SHOUTBOX
* CARA MUDAH MENAMBAH TEMAN DI FACEBOOK
* CARA VERIFIKASI ALERTPAY
* CARA BERBURU DOLLAR DI LogiPTC AGAR TIDAK MENDAPATKAN WARNING
* MENJARING BACKLINK DENGAN MENGIKUTI MLM BACKLINK
* MENAMPILKAN SCREENSHOT DENGAN MENGGUNAKAN PONSEL
* MENINGKATKAN KECEPATAN DOWNLOAD DENGAN SOFTWARE IDM v.5.17 FULL VERSION
* CARA MENGATASI KONEKSI INTERNET YANG SELALU TERPUTUS
* CARA MENGAKTIFKAN LAYANAN 3G DI PONSEL
* CARA MENJALANKAN APLIKASI JAVA (PONSEL) PADA PC BAGIAN 2
* TRANSLATE MULTI BAHASA DI PONSEL
* CARA UNTUK MEMPERPANJANG MASA AKTIF APLIKASI TRIAL
* TRIK MENJALANKAN APLIKASI JAVA DI PC
* TRIK MENINGKATKAN RANGKING BLOG PADA MESIN PENCARI (SEO)



0 komentar:

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))
Poskan Komentar

Terima Kasih...Komentar Anda Lebih Berharga Dari Pada materi, Tanpa Pengunjung Blog Ini Tidak Ada Artinya !

Newer Posts Older Posts HOME
Langgan: Poskan Komentar (Atom)
INFO UPDATE
Ngobrol Disini Sob !!!

Name :
Web URL :
Message :
by. oggix.com
:) :( :D :p :(( :)) :x
more smileys
close smileys
;) #-o >:D< :-* :gun
:"> =)) :hityou
\:D/ X-( :cheer I-) :oops
:angry :drink :jump >:) :horse
:nono :kiss :thumb :no :rock
:wavey :worry :headache :runaway :sorry
:surprise :sos :bomb :blah :hit
:yuhuu :banana :jumpdie :together :2gun
[close]