Aldi creamor

Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Kali ini saya akan mempostingkan cara agar tulisan bergeser dari kiri ke kanan atau sebaliknya. Baiklah langsung saja jangan lama2, ini dia:

Kamu harus Masuk/Login dulu ke Blog kamu,
Kamu pilih Rancangan,
Kamu pilih Tambah Gadget,
Kemudian kamu pilih HTML/JavaScript,
Masukan Kode dibawah,

Contoh :

Terima kasih sudah berkunjung. .

Keterangan: "Welcome" disana adalah rulisan anda sendiri, terserah anda. Jika anda ingin tulisanya berjalan ke kiri atau ke kanan gantikan saja tulisan "left" dengan (left) atau kekiri dan (right) atau ke kanan. Script di atas juga berlaku unruk Gambar.

Kali ini saya akan mempraktekan cara membuat tulisan berkedip2, Karena ini permulaan jadi yang mudah2 saja dulu jangan yang sulit2. Baiklah langsung saja jangan lama2, ini dia caranya:

1. Kamu harus Masuk/Login dulu ke Blog kamu,
2. Kamu pilih Rancangan,
3. Kamu pilih Tambah Gadget,
4. Kemudian kamu pilih HTML/JavaScript,
5. Masukan Kode dibawah,

Terima kasih sudah berkunjung. .

Anda mau menampilkan Teks Ninja sendiri pada posting yang sangat menarik..??Ini akan menambah nilai kreatifitas blog mu. Nah begini caranya :

Silakan kunjungi alamat www.fodey.com
Tampil The Ninja Text Generate, Isi teks anda pada Enter Your Text
Klik Generat
Kemudian Copy Code yang ada, lalu pastekan ke Blog mu
Contoh Teks : Aldi_creamor
Setelah itu silahkan lihat hasilnya

Selamat mencoba :)

Pada suatu hari saya mengunjungi sebuah blog yang tidak bias di klik kanan, entah apa tujuan nya mungkin mereka menjaga privasi agar page source nya tidak bisa di lihat, tetapi untuk alasan agar tidak bisa dicopy paste itu menurut saya tidak. Karena kita masih bisa memblok tulisan lalu menggunakan ctrl + C .

Nah untuk yang ingin mengkunci atau mendisable kan klik kanan pada blog ada banyak cara yang bisa di gunakan untuk mendisable klik kanan tapi disini yang di post adalah cara yang simple, berikut ini cara nya :

>Masuk ke dashboard

>tata letak >> elemen laman

>tambah gadget

>pilih HTML/Javascript

Copy kan script di bawah ini :

<script>

var message="Maaf, Klik Kanan Tidak Diperbolehkan !";

///////////////////////////////////

function clickIE4(){if (event.button==2){alert(message);return false;}}

function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}

if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}

else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}

document.oncontextmenu=new Function("alert(message);return false")

</script>

>yang terakhir di simpan, lalu lihat blog dan rasakan hasil nya hehehe…
Selamat mencoba !!!

Sumber : http://www.antigaptek.com

Berhubung ada yg nanyain gmn cara buat tulisan berjalan kaya punyaku di blog ini, baca : " Don't be Silent Reader" .. ini aku kasih tau langkah2 nya :)

Silakan, ikuti langkah- langkah berikut :
1. Masuk ke Blogger account kamu
2. Pada menu Dashboard, pilih Tata Letak
3. Pilih Elemen Halaman ==> Tambah Gadget ==> Pilih HTML/Javascript

Copy kode di bawah ini :

<style type="text/css">
    /* Circle Text Styles */
    #outerCircleText {
    /* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
    font-style: italic;
    font-weight: bold;
    font-family: 'comic sans ms';
    color: #662211;
    /* End Optional */

    /* Start Required - Do Not Edit */
    position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
    #outerCircleText div {position: relative;}
    #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
    /* End Required */
    /* End Circle Text Styles */
    </style>

    <script type="text/javascript">
    /* Circling text trail- Tim Tilton
    Website: http://www.tempermedia.com/
    Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
    Modified Here for more flexibility and modern browser support
    Modifications as first seen in http://www.dynamicdrive.com/forums/
    username:jscheuer1 - This notice must remain for legal use
    */

    ;(function(){

    // Your message here (QUOTED STRING)
    var msg = "^Don't be Silent Reader^";

    /* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

    // Set font's style size for calculating dimensions
    // Set to number of desired pixels font size (decimal and negative numbers not allowed)
    var size = 24;

    // Set both to 1 for plain circle, set one of them to 2 for oval
    // Other numbers & decimals can have interesting effects, keep these low (0 to 3)
    var circleY = 0.75; var circleX = 2;

    // The larger this divisor, the smaller the spaces between letters
    // (decimals allowed, not negative numbers)
    var letter_spacing = 5;

    // The larger this multiplier, the bigger the circle/oval
    // (decimals allowed, not negative numbers, some rounding is applied)
    var diameter = 12;

    // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
    var rotation = 0.4;

    // This is not the rotation speed, its the reaction speed, keep low!
    // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
    var speed = 0.5;

    ////////////////////// Stop Editing //////////////////////

    if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

    msg = msg.split('');
    var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
    ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
    o = document.createElement('div'), oi = document.createElement('div'),
    b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

    mouse = function(e){
    e = e || window.event;
    ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
    xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
    },

    makecircle = function(){ // rotation/positioning
    if(init.nopy){
    o.style.top = (b || document.body).scrollTop + 'px';
    o.style.left = (b || document.body).scrollLeft + 'px';
    };
    currStep -= rotation;
    for (var d, i = n; i > -1; --i){ // makes the circle
    d = document.getElementById('iemsg' + i).style;
    d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
    d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
    };
    },

    drag = function(){ // makes the resistance
    y[0] = Y[0] += (ymouse - Y[0]) * speed;
    x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
    for (var i = n; i > 0; --i){
    y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
    x[i] = X[i] += (x[i-1] - X[i]) * speed;
    };
    makecircle();
    },

    init = function(){ // appends message divs, & sets initial values for positioning arrays
    if(!isNaN(window.pageYOffset)){
    ymouse += window.pageYOffset;
    xmouse += window.pageXOffset;
    } else init.nopy = true;
    for (var d, i = n; i > -1; --i){
    d = document.createElement('div'); d.id = 'iemsg' + i;
    d.style.height = d.style.width = a + 'px';
    d.appendChild(document.createTextNode(msg[i]));
    oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
    };
    o.appendChild(oi); document.body.appendChild(o);
    setInterval(drag, 25);
    },

    ascroll = function(){
    ymouse += window.pageYOffset;
    xmouse += window.pageXOffset;
    window.removeEventListener('scroll', ascroll, false);
    };

    o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

    if (window.addEventListener){
    window.addEventListener('load', init, false);
    document.addEventListener('mouseover', mouse, false);
    document.addEventListener('mousemove', mouse, false);
    if (/Apple/.test(navigator.vendor))
    window.addEventListener('scroll', ascroll, false);
    }
    else if (window.attachEvent){
    window.attachEvent('onload', init);
    document.attachEvent('onmousemove', mouse);
    };

    })();
    </script>

Ganti tulisan bercetak biru sesuai keinginan kalian...

PILIH SIMPAN :)

Selamat Mencoba !!!

Buat para sobat" blogger yang ingin mempunyai widget Kode-kode Warna, yaaaahhh hitung" biar kita gak harus nyari" kode" warna kemana".... hehehehe

Ok langsung aja ya sob.... Cara Membuat Widget Kode-kode warna.

Yaitu sobat hanya tinggal memasukkan semua kode HTML dibwah ini kedalam kotak postingan(edit HTML bukan Compose)

<form id="hcc" name="hcc">
<table align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0" style="border-collapse: collapse;"><tbody>
<tr><td>

<table align="center" border="0" cellpadding="0" cellspacing="1" style="width: 375px;"><tbody>
<tr height="24"> <td bgcolor="#190707" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2a0a0a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#3b0b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#610b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8a0808" onclick="Barva(this.bgColor)"></td> <td bgcolor="#b40404" onclick="Barva(this.bgColor)"></td> <td bgcolor="#df0101" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ff0000" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fe2e2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fa5858" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f78181" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5a9a9" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f6cece" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f8e0e0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fbefef" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#191007" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2a1b0a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#3b240b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#61380b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8a4b08" onclick="Barva(this.bgColor)"></td> <td bgcolor="#b45f04" onclick="Barva(this.bgColor)"></td> <td bgcolor="#df7401" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ff8000" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fe9a2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#faac58" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f7be81" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5d0a9" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f6e3ce" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f8ece0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fbf5ef" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#181907" onclick="Barva(this.bgColor)"></td> <td bgcolor="#292a0a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#393b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#5e610b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#868a08" onclick="Barva(this.bgColor)"></td> <td bgcolor="#aeb404" onclick="Barva(this.bgColor)"></td> <td bgcolor="#d7df01" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ffff00" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f7fe2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f4fa58" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f3f781" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f2f5a9" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5f6ce" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f7f8e0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fbfbef" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#101907" onclick="Barva(this.bgColor)"></td> <td bgcolor="#1b2a0a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#243b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#38610b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#4b8a08" onclick="Barva(this.bgColor)"></td> <td bgcolor="#5fb404" onclick="Barva(this.bgColor)"></td> <td bgcolor="#74df00" onclick="Barva(this.bgColor)"></td> <td bgcolor="#80ff00" onclick="Barva(this.bgColor)"></td> <td bgcolor="#9afe2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#acfa58" onclick="Barva(this.bgColor)"></td> <td bgcolor="#bef781" onclick="Barva(this.bgColor)"></td> <td bgcolor="#d0f5a9" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e3f6ce" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ecf8e0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5fbef" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#071907" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0a2a0a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b3b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b610b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#088a08" onclick="Barva(this.bgColor)"></td> <td bgcolor="#04b404" onclick="Barva(this.bgColor)"></td> <td bgcolor="#01df01" onclick="Barva(this.bgColor)"></td> <td bgcolor="#00ff00" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2efe2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#58fa58" onclick="Barva(this.bgColor)"></td> <td bgcolor="#81f781" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a9f5a9" onclick="Barva(this.bgColor)"></td> <td bgcolor="#cef6ce" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e0f8e0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#effbef" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#071910" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0a2a1b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b3b24" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b6138" onclick="Barva(this.bgColor)"></td> <td bgcolor="#088a4b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#04b45f" onclick="Barva(this.bgColor)"></td> <td bgcolor="#01df74" onclick="Barva(this.bgColor)"></td> <td bgcolor="#00ff80" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2efe9a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#58faac" onclick="Barva(this.bgColor)"></td> <td bgcolor="#81f7be" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a9f5d0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#cef6e3" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e0f8ec" onclick="Barva(this.bgColor)"></td> <td bgcolor="#effbf5" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#071918" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0a2a29" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b3b39" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b615e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#088a85" onclick="Barva(this.bgColor)"></td> <td bgcolor="#04b4ae" onclick="Barva(this.bgColor)"></td> <td bgcolor="#01dfd7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#00ffff" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2efef7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#58faf4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#81f7f3" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a9f5f2" onclick="Barva(this.bgColor)"></td> <td bgcolor="#cef6f5" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e0f8f7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#effbfb" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#071019" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0a1b2a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b243b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b3861" onclick="Barva(this.bgColor)"></td> <td bgcolor="#084b8a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#045fb4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0174df" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0080ff" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2e9afe" onclick="Barva(this.bgColor)"></td> <td bgcolor="#58acfa" onclick="Barva(this.bgColor)"></td> <td bgcolor="#81bef7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a9d0f5" onclick="Barva(this.bgColor)"></td> <td bgcolor="#cee3f6" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e0ecf8" onclick="Barva(this.bgColor)"></td> <td bgcolor="#eff5fb" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#070719" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0a0a2a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b0b3b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b0b61" onclick="Barva(this.bgColor)"></td> <td bgcolor="#08088a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0404b4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0101df" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0000ff" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2e2efe" onclick="Barva(this.bgColor)"></td> <td bgcolor="#5858fa" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8181f7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a9a9f5" onclick="Barva(this.bgColor)"></td> <td bgcolor="#cecef6" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e0e0f8" onclick="Barva(this.bgColor)"></td> <td bgcolor="#efeffb" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#100719" onclick="Barva(this.bgColor)"></td> <td bgcolor="#1b0a2a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#240b3b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#380b61" onclick="Barva(this.bgColor)"></td> <td bgcolor="#4b088a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#5f04b4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#7401df" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8000ff" onclick="Barva(this.bgColor)"></td> <td bgcolor="#9a2efe" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ac58fa" onclick="Barva(this.bgColor)"></td> <td bgcolor="#be81f7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#d0a9f5" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e3cef6" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ece0f8" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5effb" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#190718" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2a0a29" onclick="Barva(this.bgColor)"></td> <td bgcolor="#3b0b39" onclick="Barva(this.bgColor)"></td> <td bgcolor="#610b5e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8a0886" onclick="Barva(this.bgColor)"></td> <td bgcolor="#b404ae" onclick="Barva(this.bgColor)"></td> <td bgcolor="#df01d7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ff00ff" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fe2ef7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fa58f4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f781f3" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5a9f2" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f6cef5" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f8e0f7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fbeffb" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#190710" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2a0a1b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#3b0b24" onclick="Barva(this.bgColor)"></td> <td bgcolor="#610b38" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8a084b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#b4045f" onclick="Barva(this.bgColor)"></td> <td bgcolor="#df0174" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ff0080" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fe2e9a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fa58ac" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f781be" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5a9d0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f6cee3" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f8e0ec" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fbeff5" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="10"> <td></td> </tr>
<tr height="24"> <td bgcolor="#000000" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b0b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#151515" onclick="Barva(this.bgColor)"></td> <td bgcolor="#1c1c1c" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2e2e2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#424242" onclick="Barva(this.bgColor)"></td> <td bgcolor="#585858" onclick="Barva(this.bgColor)"></td> <td bgcolor="#6e6e6e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#848484" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a4a4a4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#bdbdbd" onclick="Barva(this.bgColor)"></td> <td bgcolor="#d8d8d8" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e6e6e6" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f2f2f2" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ffffff" onclick="Barva(this.bgColor)"></td> </tr>
</tbody></table>
</td></tr>
</tbody></table>

<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody>
<tr height="25"> <td id="vzorec" width="30"></td> <td valign="bottom">Kode Warna yg dipilih: <input id="barva" maxlength="7" name="barva" size="9" style="font-family: Arial; font-size: 22px; height: 30px; width: 115px;" type="text" /></td> </tr>
</tbody></table>
</form>
<script src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/colorscripts.js" type="text/javascript">
</script>

gimana??? mudah kan??? Jadi selamat Mencoba dan semoga berhasil ^_^

untuk membuat widget seperti diatas sobat bisa membuka halaman cara membuat widget kode kode warna, Semoga bermanfaat

1. Apa itu Blog ? Blog merupakan sigkatan dari “Web log” adalah salah satu aplikasi web berupa tulisan-tulisan yang umum disebut sebagai posting pada halaman web. Tulisan-tulisan tersebut seringkali diurut dari yang terbaru dan diikuti oleh yang lama.
Awalnya, blog dibuat adalah sebagai catatan pribadi yang disimpan secara online, namun kini isi dari sebuah blog sangat bervariatif ada yang berisi tutorial ( contoh blog ini ), curhat, bisnis dan lain sebagainya. Secara umum, blog tidak ada bedanya dengan situs yang ada di internet.
Flatform blog atau seringkali disebut juga dengan mesin blog dibuat sedemikian rupa oleh para designer blog agar mudah untuk digunakan. Dulu, untuk membuat aplikasi web diperlukan pengetahuan tentang pemrograman HTML, PHP, CSS dan lain sebagainya, dengan blog semuanya menjadi mudah semudah menyebut angka 1 2 3.

2. Cara membuat blog di blogspot

Salah satu penyedia blog gratis yang cukup populer saat ini adalah blogspot atau blogger, dimana ketika mendaptar adalah melalui situs blogger.com namun nama domain yang akan anda dapatkan adalah sub domain dari blogspot, contoh : contohsaja.blogspot.com
Kenapa harus membuat blog di blogger.com bukan pada situs penyedia blog lainnya? Sebenarnya tidak ada keharusan untuk membuat blog di blogger, namun ada banyak kelebihan yang dimiliki blogger di banding dengan penyedia blog lain. Beberapa contoh kelebihan blogspot di banding yang lain yaitu mudah dalam pengoperasian sehingga cocok untuk pemula, lebih leluasa dalam mengganti serta mengedit template sehingga tampilan blog anda akan lebih fresh karena hasil kreasi sendiri, custom domain atau anda dapat mengubah nama blog anda dengan nama domain sendiri misalkan contohsaja.blogspot.com di ubah menjadi contohsaja.com,sedangkan hosting tetap menggunakan blogspot dan masih tetap gratis.
Perlu ditekankan dari awal bahwa internet itu sifatnya sangat dinamis, sehingga mungkin saja dalam beberapa waktu kedepan panduan membuat blog di blogspot ini akan sedikit berbeda dengan apa yang anda lihat di blogger.com
Untuk mengurangi hal yang tidak perlu di tulis, berikut cara membuat blogger di blogger.com

Membuat Email

Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki alamat email yang masih aktif atau di gunakan. Jika anda belum mempunyai alamat email, silahkan daftar terlebih dahulu di gmail karena blogger adalah salah satu layanan dari Google maka ketika mendaftar ke blogger sebaiknya gunakan email gmail. Jika anda belum paham bagaimana cara membuat email, silahkan gunakan mesin pencari google untuk mencari panduannya.

Daftar Blog di blogger

Silahkan kunjungi situs http://www.blogger.com
Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan atas, ubah bahasa ke Indonesia agar lebih mudah difahami. Silahkan langsung login dengan menggunakan username serta password gmail anda ( akun email anda bisa untuk login ke blogger).
Klik tombol bertuliskan CIPTAKAN BLOG ANDA.
Isilah nama judul blog serta alamat blog yang di inginkan. Ingat! dalam membuat alamat blog harus benar-benar serius karena itu permanen tidak dapat digantikan lagi (kecuali nanti ganti dengan custom domain). Jika alamat yang diinginkan ternyata tidak bisa digunakan, masukkan kembali alamat lain yang masih tersedia. Jika alamat blog yang diinginkan masih tersedia, silahkan klik anak panah bertuliskan LANJUTKAN.
Silahkan pilih template yang anda sukai ( template ini nanti bisa diubah lagi kapan saja anda mau), kemudian klik LANJUTKAN.
Akan ada tulisan “Blog Anda Sudah Jadi!”. Silahkan lanjutkan dengan klik tombol MULAI BLOGGING.
Setelah masuk post editor, silahkan isi apa saja ( disarankan untuk langsung mengisi posting, biasanya jika tidak langsung posting akan terjaring robot anti spam milik blogger, dan blog anda akan di lock). Contoh : hello world. Klik Tombol PRATINJAU untuk melihat tampilan yang nanti akan muncul di blog, klik tombol TERBITKAN ENTRI jika posting anda mau dipublikasikan ke publik.
Klik “Lihat Entri” untuk melihat blog anda.
Selesai.

Untuk tahap awal, blog anda sudah jadi dan bisa diakses dimana saja. Untuk pembahasan lebih dalam tentang bagaimana blogging dengan blogger, akan di bahas pada posting berikutnya.

Komentar tanpa expresi itu membosankan, alangka baiknya komentar di blogger kita tampilkan emoticon-emoticon lucu, itu akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui emoticon-emoticon lucu. caranya sangatlah muda, disini saya punya dua emoticon, satu emoticon Yahoo dan satunya lagi emoticon Onion (Kucing)

Emoticon Yahoo

Emoticon Onion (Kucing)

Login ke Blogger.com, pergi ke Template

Klik Template

Klik Edit HTML

Klik Edit HTML

Contreng Expand Template Widget, cari kode </body> (biar cepat mencarinya tekan Ctrl+F) masukan kode berikut diatas kode </body>

Emoticon Yahoo

<b:if cond='data:blog.pageType == "item"'>
<script src='http://donor-ilmu.googlecode.com/files/emoticons.js' type='text/javascript'/>
</b:if>
Emoticon Onion (Kucing)

<b:if cond='data:blog.pageType == "item"'>
<script src='http://donor-ilmu.googlecode.com/files/emoticons2.js' type='text/javascript'/>
</b:if>
Pilih salah satu dari kedua Emoticon tersebut,
Selanjutnya cari kode
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
Kalau suda ketemu taru kode berikut tepat dibawah kode yg anda temukan.

>Emoticon Yahoo

<div style='width:550px;text-align: center;border: 1px solid #ccc;padding: 2px 2px;margin-top: 15px;font-style:bold;color:#000;font-weight:normal;font-size:10px;'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/>:))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/>;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/>;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/>:D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/>;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/>:p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/>:((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/>:)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/>:(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/>:X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/>=((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/>:-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/>:-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/>:-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/>:|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/>8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/>:)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/>~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/>:-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/>b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/>:-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/>x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif' width='28'/>:-p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/>=))
</b>
</div>

>Emoticon Onion (Kucing)

<div style='width:550px;text-align: center;border: 1px solid #ccc;padding: 2px 2px;margin-top: 15px;font-style:bold;color:#000;font-weight:normal;font-size:10px;'>
<b><img border='0' height='30' src='http://www.laymark.com/i/o/40.gif' width='30'/>:))
<img border='0' height='30' src='http://www.laymark.com/i/o/27.gif' width='30'/>;))
<img border='0' height='30' src='http://www.laymark.com/i/o/09.gif' width='30'/>;;)
<img border='0' height='30' src='http://www.laymark.com/i/o/04.gif' width='30'/>:D
<img border='0' height='30' src='http://www.laymark.com/i/o/63.gif' width='30'/>;)
<img border='0' height='30' src='http://www.laymark.com/i/o/80.gif' width='30'/>:p
<img border='0' height='30' src='http://www.laymark.com/i/o/75.gif' width='30'/>:((
<img border='0' height='30' src='http://www.laymark.com/i/o/82.gif' width='30'/>:)
<img border='0' height='30' src='http://www.laymark.com/i/o/12.gif' width='30'/>:(
<img border='0' height='30' src='http://www.laymark.com/i/o/22.gif' width='30'/>:X
<img border='0' height='30' src='http://www.laymark.com/i/o/24.gif' width='30'/>=((
<img border='0' height='30' src='http://www.laymark.com/i/o/59.gif' width='30'/>:-o
<img border='0' height='30' src='http://www.laymark.com/i/o/77.gif' width='30'/>:-/
<img border='0' height='30' src='http://www.laymark.com/i/o/100.gif' width='30'/>:-*
<img border='0' height='30' src='http://www.laymark.com/i/o/18.gif' width='30'/>:|
<img border='0' height='30' src='http://www.laymark.com/i/o/20.gif' width='30'/>8-}
<img border='0' height='30' src='http://www.laymark.com/i/o/99.gif' width='31'/>:)]
<img border='0' height='30' src='http://www.laymark.com/i/o/33.gif' width='30'/>~x(
<img border='0' height='30' src='http://www.laymark.com/i/o/07.gif' width='30'/>:-t
<img border='0' height='30' src='http://www.laymark.com/i/o/114.gif' width='30'/>b-(
<img border='0' height='30' src='http://www.laymark.com/i/o/03.gif' width='30'/>:-L
<img border='0' height='30' src='http://www.laymark.com/i/o/23.gif' width='30'/>x(
<img border='0' height='30' src='http://www.laymark.com/i/o/91.gif' width='30'/>:-p
<img border='0' height='30' src='http://www.laymark.com/i/o/05.gif' width='30'/>=))
</b>
</div>

5.Jika suda Klik Save Template

Klik Save Template

Buat Map pengunjung Blog dengan Revolver Map

Sedikit cara memperindah Blog dengan Revolver Maps, dan berikut caranya:

*Buka http://www.e-referrer.com/

*Langsung Registrasi aja :

*Setelah Registrasi, Isi data yang tersedia pada form dibawah ini :

*Habis isi form tersebut silahkan lanjutkan dengan : Click Here

Klik Setting untuk melanjutkan proses berikutnya :

*Klik Save untuk Setting yang di inginkan :

*Lihat pada sebelah kiri bawah pada di atas akan terlihat Gambar Bola Dunia dan langsung klik aja Revolver Maps:

*Habis itu klik pada Get Standard Version

*Tentukan Pilihan Bola Dunia yang di akan di pasang pada Blog

*Apabila sudah dipilih bola dunia, lihat ke bawah halaman tersebut akan muncul code untuk dipasang pada Blog, tinggal copy and paste pada Widget blog

***"Selamat Mencoba"***

Klo kita sering liat web atau blog yang ditampilannya terdapat kata atau kalimat yg berkelap kelip misalnya seperti kata ini yg sedang kelap kelip, mungkin buat yang belum tau, pasti kita sedikit heran..gimana y caranya..?

dulu juga sy kaya gtu, bingung banget, kq bisa y...tp ternyata setelah ditelusuri lebih lanjut..gampang banget, kita cuma tinggal sisipkan aja kode HTML di dalam kata atau kalimat yang mau kita kelap kelipkan..

kode HTML nya seperti ini.....

<blink>(Kata yang ingin anda kelap kelipkan)</blink>

contoh kalimat yg mau kita kelap kelipkan :

"ternyata gampang sekali y untuk mengkelap kelipkan kata itu"

caranya kita tinggal sisipkan aja kode HTML diantara kalimat tersebut menjadi :

<blink>"ternyata gampang sekali y untuk mengkelap kelipkan kata itu"</blink>

maka hasilnya akan seperti ini :

"ternyata gampang sekali y untuk mengkelap kelipkan kata itu"

Mudah Kan..
Jangan lupa, trik ini cuma bisa kita pake buat yang mendukung HTML aja, contohnya klo di blogger, masuk ke "ADD GADGET"---->"HTML/ Java Script". klo yang ngga ngedukung HTML sih jangan digunakan not mach...

Namun sayangnya auto readmore ini sangat tidak cocok untuk tulisan berbentuk puisi, lirik, atau dialog, karena pemenggalannya didasarkan pada jumlah karakter yang ditentukan sehingga tulisan-tulisan tersebut akan terlihat seperti sebuah artikel yang tersusun dalam satu paragraf.

Jika kamu tertarik dan ingin membuat auto readmore ini, ikuti langkah-langkah berikut:

Dari dasbor, pilih Rancangan - Edit HTML.
Lakukan duplikasi template untuk jaga-jaga jika bermasalah.
Beri tanda checklist (centrang) pada Expand Template Widget.
Copy script berikut lalu letakkan (paste) di bawah kode </head> (antara </head> dan <body>):

<script type='text/javascript'>
summary_noimg = 700;
summary_img = 500;
img_thumb_height = 150;
img_thumb_width = 200;
</script>

<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>

Keterangan:
summary_noimg = jumlam karakter yang ditampilkan jika artikel tidak memakai gambar (misal: 700 karakter)
summary_img = jumlam karakter yang ditampilkan jika artikel memakai gambar (misal: 500 karakter)
img_thumb_height = tinggi gambar thumbnail (misal: 150px)
img_thumb_width = lebar gambar thumbnail (misal: 200px)

Setelah itu carilah kode berikut:

<p><data:post.body/></p>

Catatan:

Dalam beberapa template tidak memakai perintah paragraf (<p>), sehingga kodenya hanya <data:post.body/>.

Jika ada 2 kode, pilih kode yang pertama (yang paling atas).

Ganti kode tersebut dengan kode ini:

<p>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='readmore' style='float:right; font-style:italic'><a expr:href='data:post.url' expr:title='data:post.jumpText + " " + data:post.title'>Readmore...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</p>


Catatan:
Jika mau, kamu dapat mengganti perataan tek sebelah kanan (right) dengan kiri (left), atau mengubah style huruf italic dengan normal. Kamu juga bisa mengganti tulisan Readmore... dengan kata lain atau dengan gambar (image).
Simpanlah hasil editing ini dan ucapkan alhamdulillah...

Lalu bagaimana jika ingin mengganti readmore jenis ke-1 atau jenis ke-2 dengan auto readmore ini? Tunggu saja bahasan berikutnya sob... Udah cape nulis nih, hehehe...

Ok, segitu aja sob. Semoga bermanfaat .....

Ingin supaya blog anda dapat dibaca para blogger mania di seluruh penjuru dunia, gunakan aja Google Translate. program pintar ini mampu meterjemahkan blog anda ke dalam tiga puluh empat bahasa, hebat bukan... belum tahu apa itu google translate kalau mau tau seperti ini gambarnya:



	Gadgets powered by Google

Anda dapat memasang Google Translate ini di blog anda, caranya :

Klik gambar Google Translate di atas, kalo sudah masuk ke sini,
Pilih Tools, kemudian
Pilih bahasa yang anda gunakan di blog anda, misalnya pilih Indonesia
Copy kode yang berada di bawah tulisan "Copy and paste the HTML below to include the gadget on your webpage." kemudian paste di Tata Letak --> Add Gadget --> HTML/javasript terus paste kode tersebut di kolom konten
Simpan.

Berikut ini saya Mencoba ngebahas gimana cara membuat gambar yang selalu berlari tanpa henti dan berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "gambar" itu apa? "gambar " itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari klik disini untuk melihatnya (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://softwarecreamor.blogspot.com/">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>

"http://softwarecreamor.blogspot.com/" adalah link. ganti dengan link kamu.
"http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Siapa yang tidak ingin punya blog yang cantik atau menarik serta enak dilihat mata,
Mungkin salah satunya bisa dilakukan dengan menghias atau menambahkan emoticon pada kotak komentar blog kalian. Emoticon ini dapat berfungsi sebagai bentuk ekspresi para calon komentar, apakah mereka sedang merasa senang karena telah menemukan solusi dari permasalahannya atau ada yang merasa bingung dengan cara yang anda berikan pada topik postingan dan sebagainya masih banyak lagi.

Kalian bisa lihat contohnya pada kotak komentar saya, disana terlihat ada beberapa bentuk emoticon yang lucu-lucu yang bisa kalian gunakan sebagai salah satu bentuk dari ekspresi kalian,

emoticons lucu

Jika kalian ingin memilki emoticon di kotak komentar seperti di blog saya, kalian bisa ikuti langkah-langkah berikut ini:

Terlebih dahulu beri tanda centang pada Expand Template Widget kemudian cari kode dibawah ini pada menu Edit Html anda :

</body>

Lalu copy kan kode dibawah ini tepat diatas kode tersebut:
<script src='http://francodua.googlecode.com/files/emoticon.js' type='text/javascript'/>

Next cari kode ini:

<b:if cond='data:post.embedCommentForm'>

Dan tepat diatas kode tersebut copy kan kode di bawah ini:
<b>
<table width='100%'>
<tr>
<td align='center' rowspan='3' valign='center' width='50%'><img height='32' src='http://emonizer.googlepages.com/drinking24.gif' width='72'/><br/>Silakan Bekomentar.!!!<br/><br/>
<img height='50' src='http://img171.imageshack.us/img171/5241/57040296.gif' width='50'/><img height='50' src='http://img171.imageshack.us/img171/5241/57040296.gif' width='50'/><br/>Semakin banyak berkomentar, semakin banyak backlink, semakin cinta Search Engine terhadap blog anda </td>
<td width='40%'><img height='66' src='http://img15.imageshack.us/img15/8923/734003001266246989.gif' width='186'/></td>
<td valign='center' width='10%'>:a:</td></tr>
<tr><td width='40%'><img height='66' src='http://img175.imageshack.us/img175/5466/880746001266247042.gif' width='186'/></td>
<td valign='center' width='10%'>:b:</td></tr>
<tr><td width='40%'><img height='66' src='http://img52.imageshack.us/img52/4918/528602001266247199.gif' width='186'/></td>
<td valign='center' width='10%'>:c:</td></tr>
<tr><td align='center' colspan='3'>
<table border='3px'>
<tr><td align='center' border='3px'>
<img height='32' src='http://img63.imageshack.us/img63/3787/waaaht.png' width='32'/>:1:
<img height='32' src='http://img251.imageshack.us/img251/9843/toothgrin.png' width='32'/>:2:
<img height='32' src='http://img99.imageshack.us/img99/4905/samoaner.png' width='32'/>:3:
<img height='32' src='http://img199.imageshack.us/img199/9031/sadpx.png' width='32'/>:4:
<img height='32' src='http://img186.imageshack.us/img186/4016/hugging.png' width='32'/>:5:
<img height='32' src='http://img7.imageshack.us/img7/1382/grinder.png' width='32'/>:6: <br/>
<img height='32' src='http://img413.imageshack.us/img413/4439/dribble.png' width='32'/>:7:
<img height='32' src='http://img38.imageshack.us/img38/8361/byebyen.png' width='32'/>:8:
<img height='32' src='http://img705.imageshack.us/img705/9408/burnjossstick.png' width='32'/>:9:
<img height='32' src='http://img121.imageshack.us/img121/1782/biggrin.png' width='32'/>:10:
<img height='32' src='http://img715.imageshack.us/img715/6470/beatbrick.png' width='32'/>:11:
<img height='32' src='http://img230.imageshack.us/img230/3364/adoren.png' width='32'/>:12:
</td></tr></table></td></tr>
</table>
</b>

Akan tetapi biasanya tidak semua template mendukung emoticon ini atau jika gagal dan tidak bisa muncul emoticonnya, biasanya dikarenakan file js nya sedang mengalami masalah !!

Langganan: Postingan (Atom)

Copyright © 2010 Aldi creamor | Designed by Free CSS Templates | Blogger Template by Blogger Template Place - Blogger Templates Gallery