Blog Belajar Otak-Atik Template
Blog Ini Hanyalah Blog Tempat Saya Menuliskan Apa Yang Sedang dan Telah Saya Pelajari dan Saya Coba dalam Otak-Atik Template

rss

Sabtu, 29 Januari 2011

Cara Memasukan Kode HTML Ke Dalam Postingan Blog


Assalamu'alaikum.....
Sobat Blogger yang saya hormati, kali ini saya ingin berbagi dengan sahabat semuanya dalam materi tentang Cara Memasukan Kode HTML ke Posting. Tips blog kali ini saya tuliskan karena saya juga masih pemula dalam masalah blog, jadi mari kita sama-sama berbagi ilmu. Saya selaku blogger pemula meminta kepada para blogger senior untuk mengoreksi apa yang saya tuliskan ini, tapi jangan hinakan tulisan saya ya..??
Baiklah sahabat-sahabat, kali ini kita langsung saja kepada materi yang akan kita bahas, yaitu tentang Cara Memasukan Kode HTML ke dalam postingan Blog. Ikuti cara-caranya di bawah ini ya...
Pertama sahabat masuk saja ke website resmi untuk memasukan kode html ke dalam posting, yaitu http://centricle.com/tools/html-entities/ (tampilannya seperti ini )

Klik Gambarnya Untuk Memperbesar ya...
Tampilan websitenya seperti yang diatas sob, Contohnya kita ingin menampilkan kode HTML di bawah ini di blog sobat. (lihat kodenya di bawah ini..)

<style type="text/css">body {cursor:url("http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif"),default}</style>

Sebagai contoh kita masukan kode html diatas yang sudah kita Copy kemudian paste kode HTML nya pada area yang kosong (lihat panah yang berwarna hitam), jika semua kodenya sudah kita paste, maka tinggal klik saja Encode nya, untuk lebih jelas lihat gambar di bawah ini ya...
Klik Tulisan Encodenya...
Jika sudah diklik tulisan Encodenya, maka akan tampil kodenya untuk disimpan di blog kita, lihat gambar di bawah ini (klik gambarnya untuk memperbesar) sebagai hasil dari Encode

Hasil Dari Encodenya
 dibawah ini hasil dari Encode :

&lt;style type=&quot;text/css&quot;&gt;body {cursor:url(&quot;http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif&quot;),default}&lt;/style&gt;
Untuk menampilkan kode tersebut pada postingan kita, caranya Copy kode tersebut dan Paste kan pada halaman posting kita, tapi dengan syarat halaman posting harus dalam Edit HTML jangan pada Compose (lihat gambar di bawah ini ya...)
           

Klik Gambarnya untuk memperbesar
Lihat panah yang berwana hitam, itu menunjuka posting kita berada pada Edit HTML, jika sudah maka Paste saja kode yang ini :
&lt;style type=&quot;text/css&quot;&gt;body {cursor:url(&quot;http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif&quot;),default}&lt;/style&gt;
Maka hasilnya seperti ini :
<style type="text/css">body {cursor:url("http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif"),default}</style>
Beres Deh.....
SELAMAT MENCOBA






Baca Juga Yang Ini Ya... Menarik Lo...

Created By : Dede Arip Hidayat




Jika Ingin Menampilkan Tulisan ini di Blog Sahabat, Jangan Lupa Linknya Kisini Ya..

Baca Juga Tips N Trik Di Bawah nI ya Sob..



Widget by Dede Arip | Delivery by Otak-Atik Template | Support by Dede Arip

0 komentar:


Posting Komentar

Dengan Senang Hati Saya Menerima Saran Dan Kritikan Yang Bersifat Membangun Bagi Saya. Berkomentar Aja Ya...

 
Add to Google Reader or Homepage Subscribe in NewsGator Online Add to My AOL Add to netvibes Subscribe in Bloglines Add to The Free Dictionary Add to Excite MIX Add to fwicki Add to Webwag Powered by FeedBurner