Senin, 08 November 2010

Cara Posting Kode HTML 2


kode HTMl
Haloo Sobat, kali ini saya akan membahas postingan lama tentang "Cara Posting Kode HTML". Mungkin sobat sudah mengetahui, tapi saya yakin ada juga sobat blogger yang belum tahu. Untuk memposting kode html, maka sebelum di posting kode html harus di phrase dulu. Misal kita akan memposting kode html banner kita agar orang bisa meng-copynya dan memasang banner kita di blognya. Eh....ketika ketika posting yang muncul bukan kodenya, tetapi gambar bannernya. Nah....Oleh karena itu kode html harus di phrase terlebih dahulu sebelum di posting.

Cara posting kode html kali ini agak berbeda dengan tutorial sebelumnya. Kalau sebelumnya kita harus membuka website orang lain untuk dapat memphrase kode html, sekarang kita dapat melakukannya di blog forantum ini atau bahkan di blog sobat sendiri. Mudah, cepat dan tidak repot tantunya....Apakah sobat tertarik?

Fitur-fitur yang di sediakan blogger semakin bagus dan beragam. Sebenarnya post edit blogger juga dapat digunakan untuk phrase kode html, tapi kurang efisien dan agak repot. Oleh karena itu, lebih baik gunakan tools phrase kode html di blog forantum ini:
http://centricle.com/tools/html-entities/




Gadgets powered by Google


Anda tinggal memasukan kode html, lalu klin tulisan "Convert", Selesai....

Apabila sobat ingin memasang tools phrase html, seperti di blog forantum ini. Sobat bisa menggunakan kode di bawah ini, lalu letakkan di postingan. Selanjutnya klik "Terbitkan".



Widget By: Forantum
test masukan kode di bawah ini terus posting....

    <style type="text/css">
    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}
    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA61qLgB07GuLrBM96G35QJ9QyWHqiKXIzv9jt0i5eZkkqbA6ApI46qD3qQbheQo5x2fZ1yowW53OvHigMoLhcA77Jk2GWUNHldycmMccCULstK8xg1wQCBSvAPQhR0tCx7c7ieCroazog/') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    padding:10px;
    }
    </style>
    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="gb">
    <div class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">
    <!-- Ganti ini dengan kode buku tamu kamu -->
    <br/>
    <br/>
    <a href="http://forantum.blogspot.com">.
    </a>
    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [close]
    </a>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script></div></div>Gimana, mudahkan....

0 komentar:

Posting Komentar