Cara nak buang shadow dalam entry

Hi..hi..

Hari ni kita buat experimen lagi, iaitu bagaimana nak hilangkan Shadow dalam entry..tentu U all tak nak entry U all ada bayang2 kan...bayang2?? Apa itu bayang2??..haha..sapa2 yang tak tahu bagaimana rupa shadow yang I maksudkan...macam ni haa..

Mula-mula Sign In blog U all dulu keyy.. pas tu ikut step di bawah;

1. Design > posts > Edit > HTML

2. Cari tulisan yang berwarna biru

3. Highlight tulisan tersebut kemudian klik backspace..

4. Preview untuk melihat hasilnya...kalau tak ada error baru klik publish

Selamat mencuba!!

Kalau dah cuba, taruk komen sikit :D

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..:)

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!!

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..

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!!

Tutorial

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

Tutorial

Cara Masukkan Facebook Badge ke dalam blog

Hai...morning2..Sambil tunggu my kids bersiap nak pg skolah...I buat Tutorial untuk U all dulu..ni buat U all yang ada facebook tapi tak tau cara nak masukkan Facebook Badge atau profil facebook ini ke dalam blog... 

Step 1: Sign in facebook U all dulu...pas tu cari Add Badge to your site macam dalam picture di bawah.. 

Step 2: Pilih jenis profile badge yang sesuai dengan facebook U all 

Step 3: klik ikon Blogger

Step 4: Pilih lokasi blog U all

Step 5: Klik Add Widget

Selesai... alaa..Senang saja rupanya...:)

U all boleh la ubah kedudukan Badge  dalam Layout blog U all tu...

Selamat mencuba..

Tutorial Blog

Memasukkan Top Video dari Youtube ke dalam blog

Selamat petang everyone..first of all..thanks a lot kerana sudi datang sini.. ari ni I akan buat tutorial tentang cara untuk memasukkan Top Video dari Youtube ke dalam blog .. ni sesuai sangat2 terutamanya tuk U all yang fanatik gila kat seseorang artis... bolehlah letak nama artis tu sahaja dalam keywords U all nanti supaya video U all tak keluar artis lain...hmmm..

Okey la..lets get started...ikut step ni;

1. Design> Layout > Add a Gadget 

2. Scroll ke bawah dan cari Video Bar..kemudian klik seperti di bawah;

3. Isikan apa2 saja yang U all nak di bahagian ni..

4. Dah puas hati jangan lupa klik Save..

Selesai...

Selamat berblog sambil menonton video... :)

Tutorial Blog

Cara Memasukkan video Youtube dalam blog post

Hi again.. I baru saja masukkan video Laki2 melahirkan anak dari Youtube..so sebelum I lupa stepnya, I masukkan terus dalam tutorial untuk rujukan akan datang n untuk U  all yang masih tak tahu cara untuk memasukkan video Youtube ke dalam blog post...

Mula2 mestilah cari video dalam Youtube dulu kan...

Step ;

1. Cari perkataan share di bahagian bawah video tersebut..dah jumpa... klik Share

2. Klik EMBED untuk mendapatkan kod/script video tersebut

3. Masuk New Post blog U all kemudian klik pada HTML seperti dalam bulatan merah di bawah

4. Pastekan kod/ script yang U all copy tadi

5. Klik Compose untuk melihat video tersebut..Haa..dahh masuk punnn...

Selamat bereksperimen ... 

Terima kasih datang sini

 lain kali datang lagi... :)

Tutorial Blog

Cara Ping entry ke group2 blogger di facebook sekaligus

Hai U all...bertemu sekali lagi dalam tutorial tentang cara2 Ping entry ke group2 Blogger di facebook sekaligus... Tutorial ni untuk memudahkan kerja U all menghantar New entry ke group2 Blogger yang U all join.. Jom ikut step di bawah;

1. Klik Facebook Developers
2. Pastekan alamat URL New Entry U all dalam circle merah seperti gambar di bawah..

3. Kemudian klik send button sehingga kotak seperti ini keluar..

4. Letakkan nama2 group blogger yang U all join kat bahagian "To"

5. Tulis la ayat power U all kat dalam messages (takkan 2 pun I kena bagi kott...)

6. Klik Send

7. Selesai...Cuba check post U all dalam Group Blogger?? tipu lah kalau tak keluar ayat U all tu...

Selamat Belajar!!!

Tutorial Blog

Cara hilangkan background color pada entry

Buat sesiapa yang tak tahu cara nak buang background color dalam entry..sini I tolong U all hilangkan background color tu..

Baca dan ikut saja step dibawah;

1. Pergi ke post yang ada background color tu..

Ini cth post yang I nak hilangkan backgroundnya...

2. Klik Edit > HTML seperti dalam bulatan merah di bawah;

3. Delete semua perkataan Background-color: White; sahaja (jgn delete lebih2 pla..nanti tak pasal2 post U all jadi error, I tak bertanggungjawab) seperti pic dibawah

 *warna White adalah bergantung kepada warna background post U all

4. Klik preview untuk melihat hasilnya

5. Sekiranya masih ada warna, Jan marah I dulu.. ini bermakna masih ada background color yang U all belum padam..teruskan cari perkataan background color n delete...

6. Dah delete semua..Hasilnya akan jadi seperti di bawah

@cuba lihat sini

7. Jangan lupa klik update..nanti tak pasal2 U all kena buat balik pencarian 

8. Sekarang cuba refresh blog U all...

Semoga berjaya!!

Tutorial Blog

Cara centerkan Tajuk dan description blog

Ni adalah hasil try and error yang I buat  untuk centerkan Tajuk  dan Description Blog...sebab ada blog yang menggunakan kod yang berbeza dengan blog yang lain...so lets try

1. Design > Edit HTML > Proceed > Expand Widget Templates

2. Tekan Ctrl + F cari kod  .header-outer {

3. Copy kod ini text-align:center; di bawah kod yang u all cari tadi

/* Header

----------------------------------------------- */

.header-outer {

text-align:center;

4. Preview untuk melihat hasilnya

5. Kalau dah center, apa lagi Save Tamplate la...

Good Luck...

Tutorial Blog

Cara sembunyi shoutbox di tepi blog

Tuto ni buat u all yang banyak sangat gadget dlm blog...jom I tolong u all sembunyi cbox u all...ikut step di bawah;

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

2.Copy andPaste kod di bawah;

<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('http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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">

Kod Shoutbox anda disini

<div style="text-align:right"><a href="http://ketikwww.blogspot.com/2012/01/tutorial-membuat-shoutbox-sembunyi-di.html" target="_blank"><small>tutorial here</small></a>
<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>

3. Save
4.Preview untuk lihat hasilnya...pastikan u all boleh jumpa cbox u all sendiri yee..hehe
5.Kalau tiada error baru klik Save Arrangement

Selamat berexperimen.. :-)

Tutorial Blog

Cara buat tajuk blog bergerak

Bagi sesiapa yang  suka tengok title blog U all bergerak2.. Sini I ajar u all cara  buat..
Mula2 copy kod di bawah ni ;

                

<script language=javascript>

msg = "Title Blog Anda";

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>

 Pas tu ikut step di bawah pula..

1. Design > Layout>Add A Gadget > Html/Javascript

2. Paste kod yang u all copy  tadi

3.Klik pada Save

4. Preview untuk melihat hasilnya....

5. Save arrangement

Tak berjaya..bagitau I...

Selamat mencuba!!

Tutorial Blog

Centerkan Tajuk Post Dan Sidebar

Hai u all..this is the first tutorial yang I nak kongsi dengan u all semua... I guna ni untuk centerkan I punya Tajuk post.. so sambil2 tu kongsi2 sekali dengan u all yang masih tak tau lagi... Ok la..Mula2..sign in blogger la dulu kan.. :)..Pas tu ikut step di bawah yer...

1. Design > Edit HTML ( proceed) >Expand Widget Templates

Untuk Tajuk Post

Tekan Ctrl+F cari kod .post h3 {

Copy kod di bawah dan paste ke kod yg dicari td

text-align:center;

Untuk Tajuk sidebar 

Tekan Ctrl+F cari kod h2 {

Copy kod di bawah dan letak pd kod yg di cari td

text-align:center;

Dah tu preview dulu untuk lihat hasilnya...kalau puas hati baru Save templates ...

Semoga berjaya... :)

Tutorial