Cara Membuat Disable Klik Kanan


Cara membuat disable klik kanan ini dapat mengelakkan data anda dari dicuri oleh pihak yang tidak bertanggungjawab, dengan ini data anda aman dari di copy-paste.Kali ini mrul ingin berkongsi cara-cara membuat disable klik kanan.

Langkah-langkah membuat disableklik kanan :

1.Sign blog anda.
2.Klik Design.
3.Klik Add a Gadget.
4.Klik HTML / Javascript.
5.Copy kod dibawah ini, paste pada kotak HTML / Javascript.

<script>
var message="no copy n paste";
///////////////////////////////////
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>

Nota : Gantikan perkataan berwarna merah mengikut keinginan anda.

6.Save.

Selamat Mencuba...

Jam Animasi Untuk Blog




Jam Analog


                                                                  

                                                                    





Jam Digital


                                                                

                                                                  



Jam Spongebob


                                                                 


                                                                



Jam Animasi Squidward


                                                             

                                                                




Selamat Mencuba...

Cara Memasang Shoutmix Di Blogspot


Langkah-langkah memasang shoutmix :

1.Buka link ini.
2.Klik Create Shoutbox.
3.Isi data dengan lengkap.


4.Klik Continue jika selesai.
5.Akan keluar halaman ini.


6.Copy kod di embed code.Paste didalam kotak HTML / Javascript.
7.Save.

Selamat Mencuba.

Cara Membuat Daftar Isi Dengan Scrollbar



Adakah anda tertarik dengan widget ini?


Langkah-langkah Membuat daftar isi dengan scrollbar :


1.Sign blog anda.
2.Klik Design.
3.Klik Add a Gadget.
4.Klik HTML / Javascript.
5.Copy kod dibawah ini, paste pada kotak HTML / Javascript.

Daftar isi mengunakan icon :

<style>
.list {
background: url("http://lh4.ggpht.com/_15FopxVONSo/ShYuf4RqUuI/AAAAAAAACxI/jcump2GgfLg/iconbullet.gif") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
}
</style>


<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:284px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">


<div class="list">
<a href="http://mrul-tips.blogspot.com/2010/06/kali-ini-saya-ingin-berkongsitips-blog.html">Cara Memasang Page Navigasi</a></div>

<div class="list">
<a href="http://mrul-tips.blogspot.com/2010/06/cara-membuat-macam-macam-text-area.html">Cara Membuat Macam-Macam Text Area</a></div>

<div class="list">
<a href="http://mrul-tips.blogspot.com/2010/06/cara-menampilkan-total-post-comment-dan.html">Cara Menampilkan Total Post, Comment Dan Online User</a></div>

<div class="list">
<a href="http://mrul-tips.blogspot.com/2010/06/membuat-background-posting.html">Membuat Background Posting</a></div>


</div>


Daftar isi mengunakan angka :


<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style>


<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:380px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">


<div class="list">
1. <a href="http://mrul-tips.blogspot.com/2010/06/kali-ini-saya-ingin-berkongsitips-blog.html"> Cara Memasang Page Navigasi </a></div>


<div class="list">
2. <a href="http://mrul-tips.blogspot.com/2010/06/cara-membuat-macam-macam-text-area.html"> Cara Membuat Macam-Macam Text Area </a></div>


</div>



Nota :Nota : 380px merupakan lebar kotak, 180px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis tepi. Silakan ganti mengikut sesuai dengan template anda.
Gantikan perkataan yang berwarna Merah dengan alamat postingan anda dan ganti tulisan berwarna Biru yang dengan tajuk posting anda.
Jika anda ingin menambah posting baru, copy kode dibawah ini dan paste sebelum kod </div>.

<div class="list">
<a href="alamat link yang ingin dituju"> tajuk posting </a></div>

6.Save.



Selamat Mencuba...

Cara Menampilkan Emoticon Pada Kotak Comment


Assalamualaikum semua…kali ini mrul ingin berkongsi sedikit tips blog dengan anda.Tips kali ini adalah cara menampilkan emoticon pada kotak comment.Dengan adanya emoticon di kotak comment tentunya akan membuat blog anda lebih menarik dan pengunjung boleh meluahkan perasaannya melalui icon.Anda boleh melihat di kotak comment saya.


Langkah-langkah menampilkan emoticon :

1.Sign blog anda.
2.Klik Design.
3.Klik Edit HTML.
4.Klik tanda pada kotak “Expand widget template”.
5.Cari kod ini </body>.
6.Copy kod dibawah dan paste sebelum kod </body>.
<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>



7.Cari kod dibawah ini :

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

8.Letakkan kod dibawah ini selepas kod <p class='comment-footer'>.

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>


9.Save.

Selamat Mencuba...

Cara Membuat Tulisan Warna Warni

Cara membuat tulisan warna warni di tips blog


Adakah anda tertarik  dengan tips ini??
Caranya cukup mudah dan senang.


Langkah-langkah membuat tulisan warna warni :

1.Sign blog anda.
2.Klik Design.
3.Klik Edit HTML.
4.Cari kod ini </head>.
5.Copy kod dibawah ini, paste dibawah kod </head>.

<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/rainbowtext.js"></script>

6.Save.

Nota : Ketika anda memulai untuk membuat posting, pilih Edit HTML jangan pilih Compose.Mulakan posting dengan kod seperti ini :

<span class="rainbow_text"> Cara Membuat Tulisan Warna Warni di tips blog</span>

nota: teks warna merah adalah perkataan yg akan ditampil kan

Selamat Mencuba..

TinGaLkan Jejak