Electronic currency exchanger list Belajar Bersama

Friday, 13 July 2012

Cara Membuat Efek Gelembung Pada Cursor Mouse

08:08
Sesuai janji saya pada postingan yang sebelumnya akan saya penuhi janji saya karna janji adalah hutang yang harus dibayar sedangkan saya sudah terlalu banyak hutang,itung-itung buat nicil he..he..he... Cara menambahkan efek buble (gelembung) pada cursor mouse ini sudah saya coba di blogger dan berhasil 100% seperti yang sobat lihat di http://tipnya.blogspot.com Trik ini juga sudah banyak dishare oleh banyak blogger - blogger.Tapi bagi sobat yang belum mengetahui caranya ikuti petunjuk dibawah ini untuk pemasangannya.

1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
<script type="text/javascript" src="https://sites.google.com/site/tipnyangeblogaja/bubble1.js"></script>
<script type="text/javascript"src="https://sites.google.com/site/tipnyangeblogaja/bubble.js"></script>

5. Simpan dan lihat hasilnya.


Demikian tutorial kali ini mudahkan sobat Ngeblog Aja pasti bisa semua
selamat mencoba dan semoga berhasil terima kasih telah berkunjung.

Cara Membuat Efek Bintang atau Salju Bertaburan Pada Cursor Mouse

07:48
Tadi saya sempat memposting cara Membuat Efek Tulisan Mengikuti Cursor Mouse pada kesempatan ini saya akan mencoba berbagi cara Membuat Efek Bintang Bertaburan Pada Cursor Mouse .Apabila cursor mouse digerakan maka akan ada banyak bintang bertaburan yang tentu saja akan sedikit menambah menarik suatu blog.Untuk pemasangannya tidaklah terlalu sulit bahkan bagi blogger pemula seperti saya,yang dibutuhkan hanya sedikit penambahan javascript

1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script type="text/javascript" src="https://sites.google.com/site/tipnyangeblogaja/salju.js"></script>

5. Simpan hasil kerja sobat dan lihat hasilnya tera..!!!!!!!!!!!!!
Cara Membuat Efek Tulisan atau teks Mengikuti Cursor Mouse
Cara Membuat Efek Gelembung Pada Cursor Mouse
Salam Tipnya Ngeblog Aja... Thanks atas kunjungannya

Thursday, 12 July 2012

Cara Menghilangkan atau Menghapus Navbar (Navigation Bar) Blogger

03:45
Sobat Tipnya NgeBlog Aja mengajukan pertanyaan yang di tulis melalui shoutbox. Beliau menanyakan bagaimana cara menghilangkan Navbar Blogger, dan kali ini saya akan mencoba membahasnya. Apa itu Navbar Blogger? navbar blogger adalah suatu frame yang berukuran kecil miliknya blogger yang terdapat di bagian atas blog. frame ini berfungsi untuk login ke blogger atau bisa juga sebagai jalan untuk melihat blog lain atau bisa juga untuk menandai blog yang sekiranya melanggar TOS blogger seperti blog yang mengandung unsur SARA ataupun pornografi untuk dilaporkan ke pihak blogger.

Apakah kita bisa menghilangkan Navbar Blogger? jika pertanyaannya seperti itu maka tentu jawabanya adalah bisa, akan tetapi sebelum menghilangkan navbar tersebut ada baiknya sobat berfikir-fikir dahulu dan silahkan baca TOS blogger secara seksama, karena resiko yang akan di pikul sangatlah berat yaitu akan di tutupnya account blogger sobat atau dengan kata lain sobat akan kehilangan blog kesayanangannya. Lumayan mengerikan bukan? memang beberapa waktu yang lalu tersiar kabar bahwa pernah ada yang menanyakan ke pihak blogger apakah boleh menghilangkan navbar blogger atau tidak? dan katanya sekarang pihak blogger membolehkan untuk menghapus navbar, tapi entahlah apakah berita tersebut benar atau tidak yang jelas sobat harus selalu membaca TOS secara seksama.

Masih bersikeras untuk menghilangkan navbar blogger? jika masih akan saya beritahu, akan tetapi resiko di tanggung masing-masing, saya tidak bertanggung jawab jika di kemudian hari terjadi sesuatu dengan blog sobat.

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS :

/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Atau bisa juga menaruh kode berikut persis di bawah kode <body> :

<style type='text/css'>
#navbar-iframe {display:none;}
</style>

Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini :

  • Untuk template klasik



    1. Sign in di blogger
    2. Klik menu Template
    3. Klik menu Edit HTML
    4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman
    5. Copy kode dibawah ini lalu paste di atas kode </style>
      6. /* hilangkan navbar ----------------------------- */ #navbar-iframe { height:0px; visibility:hidden; display:none }
    6. Klik tombol Simpan Perubahan Template
    7. Selesai.

  • Untuk template baru



    1. Sign in di blogger
    2. Klik menu Layout
    3. Klik menu Edit HTML
    4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data
    5. Copy kode dibawah ini lalu paste di atas kode ]]></b:skin>
      6. /* hilangkan navbar ----------------------------- */ #navbar-iframe { height:0px; visibility:hidden; display:none }
    6. Klik tombol Simpan Template
    7. Selesai.

    Selamat menikmati blog tanpa navbar !
    Salam buat Temen Tipnya Ngeblog Aja.

    Wednesday, 11 July 2012

    Cara Membuat Spoiler di Postingan Blog

    23:23
    Spoiler adalah sebuah fitur dalam blog fungsi utamanya adalah menyembunyikan teks, kode, kalimat atau gambar. Fungsi nya mirip dengan text area yaitu menghemat halaman posting agar tidak terlalu memanjang ke bawah. Saya yakin sobat sudah sering melihat di forum-forum bentuk sebuah spoiler, yaitu jika kita mengklik misalnya "show" atau "hide" atau "close" maka kita bisa melihat gambar / tulisan yang tersembunyi namun bisa dimunculkan.

    Spoiler sering kali dipasang pada sebuah halaman posting, namun ada juga yang memasukkan nya ke dalam sidebar atau footer untuk menyembunyikan widget tertentu. Pada tutorial ini kita akan ikuti cara membuat spoiler dengan isi tulisan dan spoiler dengan isi gambar di posting blogspot.

    A. Membuat spoiler dengan isi teks

    Klik Show Untuk Membuka Spoiler
    Memasang spoiler di blog sangat mudah Inilah kode untuk membuat spoiler dengan teks

    Membuat spoiler di blog sangat mudah Inilah kode untuk membuat spoiler dengan teks

    Berikut kode spoiler di atas:

    <div style="margin-bottom: 2px;">Klik Show Untuk Membuka Spoiler
    <div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
    <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Memasang spoiler di blog sangat mudah Inilah kode untuk membuat spoiler dengan teks </div></div></div>


    Keterangan;

    Klik show untuk membuka bla bla bla bisa sobat ganti termasuk Show
    Sedangkan kode berwarna biru adalah isi dari spoiler dengan teks.

    B. Memasang spoiler dengan isi image atau gambar

    Spoiler :
    Post spoiler
    Kode spoiler untuk isi gambar di atas;

    <div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
    <b>Spoiler</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
    <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
    <div style="display: none;">
    <img src="http://julak-project.googlecode.com/files/photos.png" border="0" alt="Post spoiler">
    </div>
    </div>
    </div>

    Perhatikan cara memasang kode url gambar dengan teks warna biru. Ganti dengan alamat gambar yang sobat tpnya Ngeblog Aja inginkan.
    Bagaimana cara memasangnya di posting blog? Saat menulis artikel masuk ke menu HTML bukan compose (lihat kiri atas) kemudian masukkan kode-kode diatas.
    Cara Memasang Script Atau Kode HTML Pada Postingan Blog
    Nah bagaimana Sobat blogger. Ternyata cukup mudah bukan membuat spoiler di postingan blog. Silakan dicoba.

    Cara Memasang Script Atau Kode HTML Pada Postingan Blog

    22:53
    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 Tipnya Ngeblog Aja 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 Tipnya Ngeblog Aja ini:


    Widget By: Ngeblog Aja

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

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

    <script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=1000&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=320&amp;h=200&amp;title=Post-Code%3A+code+converter&amp;border=%23ffffff%7C0px%2C1px+solid+%23595959%7C0px%2C1px+solid+%23797979%7C0px%2C2px+solid+%23898989&amp;output=js">
    </script>
    <div style="text-align: left;">
    <span style="font-size: xx-small;">Widget By: <a href="http://tipnya.blogspot.com/" target="new">Ngeblog Aja</a></span></div>
    Gimana, mudahkan....Sekarang di blog sobat menyediakan fasilitas untuk memphrase kode html. Salam Buat Temen-temen Tipnya Ngeblog Aja

    Cara Membuat Translate dengan Gambar Bendera pada Blog

    22:37
    Beginalah Cara Membuat Translate dengan Gambar Bendera pada Blog, Yang harus kita lakukan:
    1. Seperti biasa bukalah Akun Blog anda kawan.
    2. Masuklah ke Rancangan / Design Blog anda.
    3. Pilihlah Add Widget / Tambah Gadget pada rancangan.
    4. Pilih lagi Add HTML/JavaScript
    5. Copylah Script berikut di bawah ini.

    <style>
    .google_translate img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    border:0;
    }
    .google_translate:hover img {
    filter:alpha(opacity=30);
    -moz-opacity: 0.30;
    opacity: 0.30;
    border:0;
    }
    .google_translatextra:hover img {
    filter:alpha(opacity=0.30);
    -moz-opacity: 0.30;
    opacity: 0.30;
    border:0;
    }
    </style>
    <div>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9oz5kwHXZPdg_AKEghklwtIsPBN96L5KtEX00Gt2aM74gVp4N9YBlyh2GuFp0Bmx9_6jjjHpmtCo3GDNQgGbaS8MNsPrNJVTdC9ZQN4Ez3GvgqAsKq3vIMBzfPltvJ0fB6sb-Abv9mo0/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqLe8psZ2YMjqZqz1ZYi4v37etb_kZd_HL8lGMztejjZmgdLyFo5a5VE6IE6keojKu1wC5SrwIIIGgePw3FPTyb1R-SYbQvsuHv06aj2raFLf4BlbSK3L55aIyvZnzIDrIodrDDmIfcpI/s200/France.png" style="cursor: pointer;margin-right:8px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPOvcmTYafltQb7TOh9IS4m_EQxzBeiabHVO9o4GyzI-BojTRuXQZXH9sy_aAmP8vfRc6ZL9b6Q7qgl_os3VJREwYpyX6N_EDA4S6cIb0O-hxs_-ESWyFZSxjlmsCaI9XTsEsraElrzUg/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOLsQukLXSrCNMFUup_ao5rQX9d8fhoRi0DmWHwFZohPXCadVVF1ClrVbjV24J9Heo3sKvcn6DQE4QRCP0dYc4SUpFWdpTo_hGCEzMTIiZwjn0XL0l1t6vUY4s4RWZX3jvyvnbSCKGaPc/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio_pyc92TORIu58sWuIbL-x2Zy4jf41p4N4v8N3CoQo3PhTeFsJr4EKvfRk6Ib00Z3OEYSDd39Ao3VoCS-Y2FMOJNtYvDXFP3u7GLrXISzwHN98HQWj78tKZASWw8dvVICkt_2QKWCV1A/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7zVD6fl7ps9fR9v7JEzw-vQcagd5RaAVH6pTDbUfGvUy5GWf0ct9IxG5ZGijthMFFgenxnoykcSCrty-kUyez3n9eJUMNRakWQupM3mKZFfnSSbVQpfSXvaoyDEJZz025HYXwuUlJKkk/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhveFwPxyDzB8u3DpzkFrUmYvYUiiiRIFOrGl8LZmibGVg005lbLwVc8MS66LFi15kK4U_riM8pecsHS4RHgOTVMvnzkN7BIMwWFZ605PIGb68-MsJoZSNlvMdjLJkwqQzXTWEGuXbVDAk/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9oVqKJZfMMoOQwV6R5ZhzOA9KXD-Yp__sOFHGp16nISyy4Jp1xYerYDoK2oN6mzUIZUYXoRsDWd7odHtO_o41bHWvbEePxHDHMjRhM1x6GVskh5aE1eUTNof323Zul5Sj8P6weifvwDs/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJbNn7zcRUAYTsHATS-m0ksQr5Z9-Do0qHdmDZ_-y1W8v2Rj5q24XIzXA3WFJFPU62Aj432tJ85WrMai6Y0W2rHDG-nW8LB7J34oTxDGXkIpPA_6npamrO5lgSVT7gpKC_9B9Ptn__BJk/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3cKTDgAxqKyfs4CYd5DaD6qEJayTkhsM2_FP-aROO_ihxy2CQVWyMOmRPmDAxC8IwbWP9W-hhDZ3WQXPG0AngdOTgzIkQK9uYanT6FziC6MzeewRDB8W2yRtcuuAfejNLyG4nQe1chcg/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9404TbpxLc1M13xxPNBfwBDkPNR6rBIfmIOU-7C1jJB1ZkAAy1IfiDUOz6mJpHuNxjWwD86l_qnFrBLHWsY5zFXH4NSlGN0q-oT76_iyg1CODA99FIN9j1p07wiPDA_wq0gDzKhF2tHs/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24" /></a>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVGprj5FhRS5pUujgCiUM3zVKP2MrzvD1SIx3zmsnvbzSHcoklQ9pQ3Jt14tPqelYSyjZ524Sr9ch7XXK0gFUcgK48M9W_FNJbFSER9ADHM0Ryp-OB8m8RVNldquvPJUTzsI47eUVyhgI/s200/China.png" style="cursor: pointer;margin-right:8px" width="24" /></a> </div>
    <div 0px 0px�? style="â??font-size:10px;margin:8px" 3px></div>

    6. Simpan Widget dan Template Blog
    7. Lihat Hasilnya.

    Lihat Contoh Hasil Translate dengan Bendera

    English
    French
    German
    Spain
    Italian
    Dutch
    Russian
    Portuguese
    Japanese
    Korean
    Arabic
    Chinese Simplified

    Terimakasih sudah mampir di Blog kami.

    Salam Buat Temen-temen Tipnya Ngeblog Aja

    Cara membuat slide show hide chatbox blog

    21:14


    Apabila sobat penasaran, modifikasi chatbox show hide.
    Mending praktekin deh..
    Caranya berikut ini:
    1. Login blog
    2. Rancangan
    3. Add gadget "html/javascript"
    4. Copast kode berikut

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $(".btn-slide").click(function(){
    $("#panel").slideToggle("slow");
    $(this).toggleClass("active"); return false;
    });

    });
    </script>
    <style>
    /* ---------------
    Simple Slide panel with jQuery
    ---------------------------------- */
    #panel {
    height: auto;
    background:#000;
    width: auto;
    display: none;
    padding: 7px;
    border: #0C0;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    }
    .slide {
    margin: 0;
    padding: 0;
    border-top: solid 4px #f90;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC1BKW0PssMbcrH-By4DwJ-Lzq8JZNLbI4KlNmckvZAbkPJd1dxHR1Bu1p4O1Hrx-JU4wA2GAfwCnrnFSpcVzvSyeVEaoXMGmP_3vp6IbvttgGte0x4yvzzDMIIXSg1rWvHSjgJmb6dCM/s1600/btn-slide.png) no-repeat center top;
    }
    .btn-slide {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR2CcVh7EYrUCt9fEBXxiCwBuRE7XQ9eLNCWMIQwoPst9rORMT8yBR6qtaWSQ-BYYBVz_Txvt_BQaSNH4Nst7bnFFS7Iw9abB7q3HLwdpkrpQjyu3XiQJOHycVulInyuF-UIu493BXeTA/s1600/white-arrow.gif) no-repeat right -50px;
    text-align: center;
    width: 144px;
    height: 31px;
    padding: 10px 10px 0 0;
    margin: 0 auto;
    display: block;
    font: bold 120%/100% Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    }
    .active {
    background-position: right 12px;
    }
    </style>
    <div id="panel">

    Kode Cbox Disini

    </div>
    <p class="slide"><a href="#" class="btn-slide">Buku Tamu</a></p>

    5. Save
    Selamat mencoba.Salam Ngeblog AJA...
    Semoga tutorial tentang cara membuat slide chatboxnya bermanfaat.
    Subscribe to: Posts (Atom)

    Recent Posts

    Posts

    Contact Form

    Name

    Email *

    Message *