Wednesday 19 September 2012

Membuat Tajuk blog pada bahagian tab bergerak


Hai..terima kasih kerana datang melawat Blog Tutorial mimi..hari ni I akan buat tutorial yang simple untuk U all yang suka bereksperimen, iaitu cara nak buat tajuk blog di bahagian tab bergerak..ok la let's get started;

1. Go to Design > Layout > Add a Gadget

<script language=javascript>
msg = "Welcome To Tutorial Blog Mimi";

msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>

Biru - Tajuk blog U all / ikut suke U all nak tulis ape...

2. Copy kod diatas dan pastekan ke dalam box gadget tadi
3.Save
4. Preview untuk melihat sama ada ianya menjadi atau tak..
5. Kalau menjadi and puas hati..jangan lupa save arrengement..

Simple kan...Selamat bereksperimen..:)

Tuesday 18 September 2012

Disable mouse right click dalam blogger

Hellooo..bertemu kembali..
Tutorial ni untuk  U all yang tak mau content blog U all di copy .. simple saja nak buat..

1. Design > layout > Add a Gadget > HTML Javascript

2. Copy kod dalam box;


<script language=javascript> 

<!-- 

//Disable right mouse click Script 

//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive 
//For full source code, visit http://www.dynamicdrive.com 


var message="Function Disabled!"; 



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

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>


Message Non-Alert Script: 



<script language=javascript> 

<!-- 


//Disable right click script III- By Renigade (renigade@mediaone.net) 

//For full source code, visit http://www.dynamicdrive.com 


var message=""; 

/////////////////////////////////// 
function clickIE() {if (document.all) {(message);return false;}} 
function clickNS(e) {if 
(document.layers||(document.getElementById&&!document.all)) { 
if (e.which==2||e.which==3) {(message);return false;}}} 
if (document.layers) 
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} 
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} 


document.oncontextmenu=new Function("return false") 

// --> 
</script>

3. Paste..kemudian save
4. Preview untuk melihat sama ada ianya menjadi atau tidak...kalau okey jangan lupa save arrengment..

Perhatian; Disable right click akan terbatal secara automatic atau tidak berfungsi kalau U all menggunakan lebih dari satu gadget ini dalam blog yang sama ..so kalau dah masukkan gadget right click yang lain, pastikan kod yang lama tu remove dulu yekkk...


Semoga berjaya!!

Monday 17 September 2012

Cara Mudah Masukkan Button Like FB dan twitter dalam blog

Hii..Bertemu kembali.. hari ni I nak tunjuk cara yang paling mudah untuk masukkan button LIKE Facebook dan Twitter ke dalam blog... Jom mulakan..


1. Copy kod di bawah terlebih dahulu key..



<b:if cond='data:blog.pageType == &quot;item&quot;'>

<table border='0'><tr>
    <iframe src="https://www.facebook.com/plugins/like.php?href=http://tutorialblogmimi.blogspot.com"
        scrolling="no" frameborder="0"
        style="border:none; width:200px; height:100px"></iframe>
<td> <a class='twitter-share-button' data-count='horizontel' data-related='' data-via='miminoemi07' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td>
<td><g:plusone expr:href='data:post.url' size='medium'/></td><td><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='arial'/></td>
</tr></table>    </b:if></script></td></tr></table></b:if>


2. Go to Design> Layout> Add a Gadget > HTML/Javascript

3. Pastekan kod yang telah di copy tadi 
4. Save
5. U all boleh ubah kedudukan gadget tersebut di mana2 tempat yang U all suka  dalam layout
6. Preview untuk melihat hasilnya...kalau puas hati, jangan lupa klik save arrangement...
siapp..

Sunday 16 September 2012

Bintang bertaburan bila cursor digerakkan

Haii Alls...For U alls yang berminat dengan kelip2 bintang macam I, boleh la try tutorial yang sangat simple ni...just ikut step di bawah;

1. Copy kod di bawah..

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-merah.js" type="text/javascript"></script>

Merah-tu boleh guna warna lain, tapi preview dulu untuk lihat sama ada menjadi atau tak...kalau tak, guna merah/biru je la yerrr..:D

2. Go to Design > Layout > Add a Gadget 
3. Paste kod yang di copy tadi
4. Save untuk lihat hasilnya
5. Kalau suke...jangan lupa klik Save Arrangement...

Dah siap...Sekian,terima kasihh 

Selamat mencuba!!

Efek tulisan membesar apabila cursor menyentuh link

Morning everyone..ari ni I akan tunjukkan cara nak buat tulisan /link membesar apabila disentuh cursor seperti tulisan hijau di bawah;
( klik gambar untuk imej yang lebih jelas..)


1. Design > Edit HTML > Expand Widget Templates
2. Tekan Ctrl + F serentak dan cari a:hover {
3. Copy kod di bawah dan pastekan di bawah kod yang di cari tadi;

font-size: 20px;font-weight: bold;text-decoration: none;}

20 tu adalah saiz font ketika membesar, so U all boleh letak nilai ikut suke U all..

Ia akan jadi seperti ini;



4. Save templates tapi jangan close templates dahulu, kang tak menjadi,sape nak tolong cari balik..:D 
5. Buka blog U all dalam tab baru kemudian check sama ada ianya berfungsi seperti yang dikehendaki atau tidak.
6. Kalau puas hati baru close tamplets yerrr...

Semoga berjaya!! ....Letaklah komen sikittt ..ngeee