Tutorials : Image Border and Hover
Assalammualaikum and Hi. 2nd tutorials for today, because I'm damn bored. I'll took this code from Athirah Rahim, so credits to her! Can you see, all my pictures in my blog, the border and hover melengkung? (broken english. Gahh) Sounds interesting, aite? So, let's start the tutorial.
1. Dashboard>Design>Edit HTML
2. Search for this code (CTRL+F) :
/* Header
3. And copy this codes below, and paste it
BEFORE /*Header
img { filter: alpha(opacity=100); opacity: 6; }
img:hover { filter: alpha(opacity=75); opacity: 7; -webkit-transition: 0.5s; }
img {
-webkit-transition: 0.5s;
border-radius: 12px;}
4. Done. Preview first than save.
Labels: Tutorials
Tutorials : Put Copyright
Hi and assalammualaikum. Oh no, tommorow I'm turning 14 years old. Oh no, tommorow is 1/1/2012! Happy New Year, Gais. LOL. So, what's your goals for new year? I bet all of you have goals, aite? Yeah, me too. So, do you know what copyright is? This copyright will stay at the bottom of the blog so, if you want it, you can follow this tutorial.
1. Dashboard>Design>Edit HTML.
2. Search for this code (CTRL+F)
</body>
3. Found it? Than paste, this code,
atas code </body>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<center>YOUR AYAT COPYRIGHT</center>
4. Finished? Preview, than save.
Labels: Tutorials
Tutorials : Pop Up Window Comment
Assalammualaikum. Hari ni saya nak buat tutorial tentang pop up window comment. Contohnya; kalau awak click comment yang ada dekat post saya (personal blog) keluar window lain kan? Nakkkk? Okay, jom start.
Macam biasa, pergi ke:
1. Dashboard>Settings.
2. Click dekat tab comment.
3. Cari yang ada title ni (Comment Form Placement)
4. Tick kan pada POP UP WINDOW
5. Save settings.
6. Lihat hasilnya, goodluck.
Okay, 1 tutorial je hari ni. malas nak buat hohoho. kbabai.
Labels: Tutorials
Tutorials : Ayat-ayat Bergerak (Marquee)
Assalammualaikum. Fuh 3rd tutorial for today -,- GO NAUNAU XD okay, jom start tutorials. Macam biasa pergi D'board>Design>Add a gadget>HTML/Javascript and copy paste code nii. hehehheee.
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyOTE4OTA3ODU3NjEmcHQ9MTI5MTg5MDgwNDcwOCZwPTc2MTcxJmQ9TWFycXVlZSUyMEdlbmVyYXRvciZnPTE=.gif" /><marquee style="background-color:FFDDFF; border: 1px solid DDBBDD; color:000000; font-family:verdana; font-size:9pt; width:700px; height:50px; " direction="left" behavior="scroll" scrollamount="5" >WHATT?</marquee>
*yang warna yellow tuu, boleh tukar lebar dan tinngi :)
*yang warne purple tuuu, boleh tukar arah. contohnya :
- Right
- Up
- Down
- Alternate
*warna biru tu, tukar dgn text korang okayy?
Dah siap dahh. Preview dulu, baru save okayyy :)
Labels: Tutorials
Tutorials : Disable Right Click Without Message
Assalammualaikum. This tutorial sama je macam disable right click with message cuma this one orang tekan takde message lah. Nak? Okay, follow this simple steps.
Firstly, D'board>Design>Add a gadget>HTML/Javascript
lepastu, copy dan paste code-code ni :
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dauspozi.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>
Okay, dah siap SAVE :)
Labels: Tutorials
Tutorials : Share Facebook Button
Assalammualaikum. Sorry long time no updatee ! So sorry. busy with my personal blog :D So let's start the tutorial. You know FB Share button? ala, if you click SHARE than nanti the post will share at your FB lah. Nak? Okay, follow this simple steps.
1. D'board>Design>Edit HTML> Tick expand widget
Tekan CTRL+F and search for this code :
<div class='post-body entry-content'>
or this code :
data:post.body
Found it? Okay, copy this code :
<div style='float:right;padding:4px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow'
type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'/>
</div>
Pastekan di antara kod-kod yang tadi. Dah siap? Jangan save dulu. Preview first! GOODLUCK.
Labels: Tutorials
Tutorials : Transparent YouTube
Assalammualaikum. I've got this cool tutorials from Athirah Rahim so credit to : Athirah Rahim. So, it's about transparent youtube player. So let's start.
Dashboard>Design>Page Elements>Add a gadget/Template (for blogskins user)
Than, change PURPLE code to this code &color1=0xffffff&color2=0xffffff
<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/nAI_xI9wQnE?version=3&hl=en_US&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/nAI_xI9wQnE?version=3&hl=en_US&rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
Than, it will be like this :
<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/nAI_xI9wQnE? &color1=0xffffff&color2=0xffffff"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/nAI_xI9wQnE? &color1=0xffffff&color2=0xffffff" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
Easy right? Have problem, comment here. KBYE.
Labels: Tutorials
Tutorials : How to Printscreen
Assalammualaikum. Wow, Greyson Chance is sooo cute <3 xD Okay, do you what printscreen is? LOL, printscreen is like this :
okay, I'm so lazy to Printscreen, so I take one from the tutorial eheh! So, let's stat now. Firstly, if you USING COMPUTER, click PRTSC/SYSRQ than, go to Paint and click
after that, save! If you're using laptop, just click FN+PRTSC/SYSRQ and just do the same :) easy right? Okay, that's all. KBYE. :*
Labels: Tutorials
Tutorials : How to downdload blogskins
Assalammualaikum. Nowdays, you can see the bloggers using Blogskins, aite? So do I. So, you want to learn to how downdload blogskins? Stick to this tutorials. So I warned you early, if you don't know how to use blogskins, better don't use it because once you delete even a code, your blog will be spoiled. That's an advice from me. muahaha :3 okay jom start.
firstly, go to blogskins. click
here. Than, choose your favourite skin. After that, click
after that, go to your blog. Click design than click, edit html. Than, click revert to classic template.
than, jadi macam ni kan?
okay, delete all the codes. And than, open the blogskins that you're downdload tadi.
jadi macam ni kan? After that copy and paste dekat template. the old codes please delete. okay, now you're done. fuhh, penatt seyhh hahaa. If you don't understand, just ask me okk :) KBYE
Labels: Tutorials
Tutorials : Scrollbar Cute-Miut
Assalammualaikum. Oh hey, I'm going to Penang. YAY. But most of all, I just can't wait to get my dream Canon DSLR :DD Okay, let's start the tutorial. Like usual, go to D'board>Design>Edit HTML *tick expand widget , click CTRL+F and search for this code :
/*Header
After that, copy paste this code, and paste it UNDER /*Header ok :)
::-webkit-scrollbar {height:12px;width: 13px;background: #D6E1FF;}::-webkit-scrollbar-thumb {background-color: #B6C9FF;-moz-border-radius: 10px;border-radius: 10px;}
Change the colour codes? Click here :D Okay, you're done. Kalau jadi, jangan segan nak comment taw taw taw :D KBYE.
Labels: Tutorials
Tutorials : Header Header Part 3
Assalammualaikum. Okay, fuhh, 6th tutorials for today. Proud of me AGAIN =.= haha. Okay, let's start. I don't want to waste my time :') (Malay time) Header hover kali ini, kalau awak tengok dalam sesetengah blog, jika awak sentuh header itu, akan ketepi lepas itu hilangkan? (English back fuhh) COOL kan? You want it? Follow this simple steps. First click this TUTORIAL and then follow the steps. But, replace the code with these new codes.
#header:hover{ padding-left: 65px; filter: alpha(opacity=0); opacity: .0; -webkit-transition-duration: 1.0s; }
Goodluck, kbye.
Labels: Tutorials
Header Hover Part 2
Assalammualaikum! Fuhh =.= 4th tutorials for today. Proud of my self. My sister want to take her turn to surf internet using this laptop, but I ignored her. Nice, huh xD Okay, for today header hover part 2. It's like (malay time) ''senget ke tepi'' I found this cool tutorial at Kak Una's blog. I love her blog. Okay, let's start the tutorial. Firstly, go to D'board>Design>Edit HTML *tick expand widget than click CTRL+F and search for this code :
#header {
Okay, found it? Nice. Than, (malay time) kat bawah itu ada anak-anak code dia kan? than, sampai simbol
} korang tepekkan code baru yang saya nak bagi ini.
#header:hover {
padding-left: 50px
; -webkit-transition-duration: 0.5s; }
You're done. Goodluck.
Labels: Tutorials
Tutorials : Remove Underline At Link
Assalammualaikum. Fuhh! 3rd tutorials for today. Go on Naura, you can do it. Muahahaha :3 Okay, remove underline at link. It's easy if you know how to play with the coding. And this tutorials can make your blog more nice and more clean because it's WITHOUT ANY UNDERLINE so, let's start doing. Firstly, go to D'board>Design>Edit HTML, CTRL+F and search for this code :
a:link {
Okay, Malay time. Dah jumpa dah? Bawah tu, ada anak-anak code kan? Macam ni kan ?
a:link { color: $linkColor; } a:visited { color: $linkColor; }
Okay, english back. Change those codes to these :
a:link {
text-decoration: none;
color: #FFBABA;
}
a:visited {
text-decoration: none;
color: #FFBABA;
}
Those colours you can change at
HERE :) That's all for today. BYE :D
Labels: Tutorials
Tutorials : Your Own Navbar
Assalammualaikum! I'm damn bored so maybe today I'm gonna make many tutorials :D You jelly :p HAHA, okay. today is about your own navbar. Do you know what navbar means?
Okay, the one that I circled white is navbar. But it's small one. I want to give you the big one :D HAHA, okay firstly, go to your D'board(Dashboard)>Design>Layout>Add a gadget>HTML/Javascript and copy paste this code :
<div style="position: absolute; top:0px; left: 0px; width:99.6%; position:absolute; padding:3px; background:black; color:white; font-size:11px;"><center>welcome to my world !! CODE ONLINE USER|| <a href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID HERE">Follow </a> or <a href="http://www.blogger.com/home">Dashboard</a></center></div>
Biru : Write like Welcome to my world, your words, dear.
Merah : Code online user. You don't know what online user is? CLICK
HEREE :)
Hijau : Your BLOGID.
Okay, that's all for today. I want to make new tuto hewheww xD \\BYE
Credit : Kak Una
Labels: Tutorials
Tutorials : Image Border and Hover
Assalammualaikum and Hi. 2nd tutorials for today, because I'm damn bored. I'll took this code from Athirah Rahim, so credits to her! Can you see, all my pictures in my blog, the border and hover melengkung? (broken english. Gahh) Sounds interesting, aite? So, let's start the tutorial.
1. Dashboard>Design>Edit HTML
2. Search for this code (CTRL+F) :
/* Header
3. And copy this codes below, and paste it
BEFORE /*Header
img { filter: alpha(opacity=100); opacity: 6; }
img:hover { filter: alpha(opacity=75); opacity: 7; -webkit-transition: 0.5s; }
img {
-webkit-transition: 0.5s;
border-radius: 12px;}
4. Done. Preview first than save.
Labels: Tutorials
Tutorials : Put Copyright
Hi and assalammualaikum. Oh no, tommorow I'm turning 14 years old. Oh no, tommorow is 1/1/2012! Happy New Year, Gais. LOL. So, what's your goals for new year? I bet all of you have goals, aite? Yeah, me too. So, do you know what copyright is? This copyright will stay at the bottom of the blog so, if you want it, you can follow this tutorial.
1. Dashboard>Design>Edit HTML.
2. Search for this code (CTRL+F)
</body>
3. Found it? Than paste, this code,
atas code </body>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<center>YOUR AYAT COPYRIGHT</center>
4. Finished? Preview, than save.
Labels: Tutorials
Tutorials : Pop Up Window Comment
Assalammualaikum. Hari ni saya nak buat tutorial tentang pop up window comment. Contohnya; kalau awak click comment yang ada dekat post saya (personal blog) keluar window lain kan? Nakkkk? Okay, jom start.
Macam biasa, pergi ke:
1. Dashboard>Settings.
2. Click dekat tab comment.
3. Cari yang ada title ni (Comment Form Placement)
4. Tick kan pada POP UP WINDOW
5. Save settings.
6. Lihat hasilnya, goodluck.
Okay, 1 tutorial je hari ni. malas nak buat hohoho. kbabai.
Labels: Tutorials
Tutorials : Ayat-ayat Bergerak (Marquee)
Assalammualaikum. Fuh 3rd tutorial for today -,- GO NAUNAU XD okay, jom start tutorials. Macam biasa pergi D'board>Design>Add a gadget>HTML/Javascript and copy paste code nii. hehehheee.
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyOTE4OTA3ODU3NjEmcHQ9MTI5MTg5MDgwNDcwOCZwPTc2MTcxJmQ9TWFycXVlZSUyMEdlbmVyYXRvciZnPTE=.gif" /><marquee style="background-color:FFDDFF; border: 1px solid DDBBDD; color:000000; font-family:verdana; font-size:9pt; width:700px; height:50px; " direction="left" behavior="scroll" scrollamount="5" >WHATT?</marquee>
*yang warna yellow tuu, boleh tukar lebar dan tinngi :)
*yang warne purple tuuu, boleh tukar arah. contohnya :
- Right
- Up
- Down
- Alternate
*warna biru tu, tukar dgn text korang okayy?
Dah siap dahh. Preview dulu, baru save okayyy :)
Labels: Tutorials
Tutorials : Disable Right Click Without Message
Assalammualaikum. This tutorial sama je macam disable right click with message cuma this one orang tekan takde message lah. Nak? Okay, follow this simple steps.
Firstly, D'board>Design>Add a gadget>HTML/Javascript
lepastu, copy dan paste code-code ni :
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dauspozi.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>
Okay, dah siap SAVE :)
Labels: Tutorials
Tutorials : Share Facebook Button
Assalammualaikum. Sorry long time no updatee ! So sorry. busy with my personal blog :D So let's start the tutorial. You know FB Share button? ala, if you click SHARE than nanti the post will share at your FB lah. Nak? Okay, follow this simple steps.
1. D'board>Design>Edit HTML> Tick expand widget
Tekan CTRL+F and search for this code :
<div class='post-body entry-content'>
or this code :
data:post.body
Found it? Okay, copy this code :
<div style='float:right;padding:4px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow'
type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'/>
</div>
Pastekan di antara kod-kod yang tadi. Dah siap? Jangan save dulu. Preview first! GOODLUCK.
Labels: Tutorials
Tutorials : Transparent YouTube
Assalammualaikum. I've got this cool tutorials from Athirah Rahim so credit to : Athirah Rahim. So, it's about transparent youtube player. So let's start.
Dashboard>Design>Page Elements>Add a gadget/Template (for blogskins user)
Than, change PURPLE code to this code &color1=0xffffff&color2=0xffffff
<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/nAI_xI9wQnE?version=3&hl=en_US&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/nAI_xI9wQnE?version=3&hl=en_US&rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
Than, it will be like this :
<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/nAI_xI9wQnE? &color1=0xffffff&color2=0xffffff"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/nAI_xI9wQnE? &color1=0xffffff&color2=0xffffff" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
Easy right? Have problem, comment here. KBYE.
Labels: Tutorials
Tutorials : How to Printscreen
Assalammualaikum. Wow, Greyson Chance is sooo cute <3 xD Okay, do you what printscreen is? LOL, printscreen is like this :
okay, I'm so lazy to Printscreen, so I take one from the tutorial eheh! So, let's stat now. Firstly, if you USING COMPUTER, click PRTSC/SYSRQ than, go to Paint and click
after that, save! If you're using laptop, just click FN+PRTSC/SYSRQ and just do the same :) easy right? Okay, that's all. KBYE. :*
Labels: Tutorials
Tutorials : How to downdload blogskins
Assalammualaikum. Nowdays, you can see the bloggers using Blogskins, aite? So do I. So, you want to learn to how downdload blogskins? Stick to this tutorials. So I warned you early, if you don't know how to use blogskins, better don't use it because once you delete even a code, your blog will be spoiled. That's an advice from me. muahaha :3 okay jom start.
firstly, go to blogskins. click
here. Than, choose your favourite skin. After that, click
after that, go to your blog. Click design than click, edit html. Than, click revert to classic template.
than, jadi macam ni kan?
okay, delete all the codes. And than, open the blogskins that you're downdload tadi.
jadi macam ni kan? After that copy and paste dekat template. the old codes please delete. okay, now you're done. fuhh, penatt seyhh hahaa. If you don't understand, just ask me okk :) KBYE
Labels: Tutorials
Tutorials : Scrollbar Cute-Miut
Assalammualaikum. Oh hey, I'm going to Penang. YAY. But most of all, I just can't wait to get my dream Canon DSLR :DD Okay, let's start the tutorial. Like usual, go to D'board>Design>Edit HTML *tick expand widget , click CTRL+F and search for this code :
/*Header
After that, copy paste this code, and paste it UNDER /*Header ok :)
::-webkit-scrollbar {height:12px;width: 13px;background: #D6E1FF;}::-webkit-scrollbar-thumb {background-color: #B6C9FF;-moz-border-radius: 10px;border-radius: 10px;}
Change the colour codes? Click here :D Okay, you're done. Kalau jadi, jangan segan nak comment taw taw taw :D KBYE.
Labels: Tutorials
Tutorials : Header Header Part 3
Assalammualaikum. Okay, fuhh, 6th tutorials for today. Proud of me AGAIN =.= haha. Okay, let's start. I don't want to waste my time :') (Malay time) Header hover kali ini, kalau awak tengok dalam sesetengah blog, jika awak sentuh header itu, akan ketepi lepas itu hilangkan? (English back fuhh) COOL kan? You want it? Follow this simple steps. First click this TUTORIAL and then follow the steps. But, replace the code with these new codes.
#header:hover{ padding-left: 65px; filter: alpha(opacity=0); opacity: .0; -webkit-transition-duration: 1.0s; }
Goodluck, kbye.
Labels: Tutorials
Header Hover Part 2
Assalammualaikum! Fuhh =.= 4th tutorials for today. Proud of my self. My sister want to take her turn to surf internet using this laptop, but I ignored her. Nice, huh xD Okay, for today header hover part 2. It's like (malay time) ''senget ke tepi'' I found this cool tutorial at Kak Una's blog. I love her blog. Okay, let's start the tutorial. Firstly, go to D'board>Design>Edit HTML *tick expand widget than click CTRL+F and search for this code :
#header {
Okay, found it? Nice. Than, (malay time) kat bawah itu ada anak-anak code dia kan? than, sampai simbol
} korang tepekkan code baru yang saya nak bagi ini.
#header:hover {
padding-left: 50px
; -webkit-transition-duration: 0.5s; }
You're done. Goodluck.
Labels: Tutorials
Tutorials : Remove Underline At Link
Assalammualaikum. Fuhh! 3rd tutorials for today. Go on Naura, you can do it. Muahahaha :3 Okay, remove underline at link. It's easy if you know how to play with the coding. And this tutorials can make your blog more nice and more clean because it's WITHOUT ANY UNDERLINE so, let's start doing. Firstly, go to D'board>Design>Edit HTML, CTRL+F and search for this code :
a:link {
Okay, Malay time. Dah jumpa dah? Bawah tu, ada anak-anak code kan? Macam ni kan ?
a:link { color: $linkColor; } a:visited { color: $linkColor; }
Okay, english back. Change those codes to these :
a:link {
text-decoration: none;
color: #FFBABA;
}
a:visited {
text-decoration: none;
color: #FFBABA;
}
Those colours you can change at
HERE :) That's all for today. BYE :D
Labels: Tutorials
Tutorials : Your Own Navbar
Assalammualaikum! I'm damn bored so maybe today I'm gonna make many tutorials :D You jelly :p HAHA, okay. today is about your own navbar. Do you know what navbar means?
Okay, the one that I circled white is navbar. But it's small one. I want to give you the big one :D HAHA, okay firstly, go to your D'board(Dashboard)>Design>Layout>Add a gadget>HTML/Javascript and copy paste this code :
<div style="position: absolute; top:0px; left: 0px; width:99.6%; position:absolute; padding:3px; background:black; color:white; font-size:11px;"><center>welcome to my world !! CODE ONLINE USER|| <a href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID HERE">Follow </a> or <a href="http://www.blogger.com/home">Dashboard</a></center></div>
Biru : Write like Welcome to my world, your words, dear.
Merah : Code online user. You don't know what online user is? CLICK
HEREE :)
Hijau : Your BLOGID.
Okay, that's all for today. I want to make new tuto hewheww xD \\BYE
Credit : Kak Una
Labels: Tutorials
