Selasa, 30 Maret 2010

Memasukan Kode HTML Di posting Blog Tanpa Encoding

Sekarang tidak perlu repot mengencoding kode html atau harus membuat textbox untuk memasukan kode HTML ke dalam artikel atau posting. Karena dari fitur blogger sendiri sudah ada setting untuk tidak menterjemahkan Kode HTML. Caranya sebagai berikut:

    1. Setelah masuk ke menu create posting, klik link Post Options pada bagian bawah 
    2. Pada Setelan Tulis pilih opsi Tunjukan HTML apa adanya Dengan mengubah setingan tersebut anda hanya tinggal memasukan kode html sesuai aslinya dan bisa diedit seperti merubah warna atau memberi keterangan

    Sabtu, 13 Maret 2010

    Membuat Daftar Link Teman

    Media ini sangat bermanfaat untuk memasang link teman dalam jumlah yang banyak. Selain bisa bergantian ada tombol drag down yang memudahkan untuk menampilkan semua link. Contohnya berikut ini:


    Kode htmlnya berikut ini


    <h2 class="title">Link Sahabat</h2>
    <div class="widget-content">
    <div style="border: 0px solid rgb; overflow: auto; width: 200px; height: 100px; text-align: center;">

    <marquee onmouseover="this.stop()"
    onmouseout="this.start()" scrollamount="2" direction="up">

    <div style="text-align: center;">
    <a href="http://www.prafangga.com">Belajar Dan Berbagi</a></div>

    <div style="text-align: center;">
    <a href="http://nayarre-pata.blogspot.com/">Nayarre Blog</a></div>

    <div style="text-align: center;">
    <a href="http://www.ifandri.com/">Ifandri's Blog </a></div>

    <div style="text-align: center;">
    <a href="http://www.biangblog.blogspot.com/">Biang Blog </a></div>

    <div style="text-align: center;">
    <a href="http://www.aero-models.blogspot.com/">Aero Models</a></div>

    </marquee></div></div>

    Opsinya sebagai berikut :

    • Link Sahabat : judul widget , bisa diganti sesuai keinginan anda
    • width: 200px : angka 200 adalah ukuran lebar kotak widget
    • height: 100px : untuk mengubah tinggi kotak widget
    • <a href="http://www.ifandri.com/">Ifandri's Blog </a></div> : warna pink alamat url, warna oranye Judul blog
    • Untuk menambah beberapa link anda tinggal copy kode berikut 
    <div style="text-align: center;">


    <a href="http://www.aero-models.blogspot.com/">Aero Models</a></div>


    dan paste di atas kode </marquee></div></div>

    Related Posts with Thumbnails
    CO.CC:Free Domain
    Twitter Delicious Facebook Digg Stumbleupon Favorites More

     
    Biang Blog - Blogged Powered by  MyPagerank.Net Computers (Windows) - TOP.ORG Technology Blogs - Blog Rankings Internet Blogs Add to Technorati Favorites
    Powered by Blogger