God speaks in the silence of the heart. Listening is the beginning of the prayer. So, don't you ever give up. When you feel down and your world is crumbling, remember that you still have God above. Always remember and ask to HIM because HE listens to every prayers you made.
Hello , vas happening ?! Today, I'll be sharing a quite simple tutorial for all of you . It is a tutorial about hiding your page source from people . It's suitable for all the copydogs and copycats out there *smirk* Anyway , do you know what is page source ? Click CTRL + U together , then all of the sources of your blog will come out . Do you want people to see that ? Or the worst copying them ? No ? Watch out ! So , follow my steps and you shall hide your sources from people ;)
For Blogskin / Classic template :
1. Dashboard > Template
2. Click CTRL + F and search for this code<html>
3. Copy and paste this code underthe code in NUMBER 2 .
5 Seconds of Summer *one of my favourite boybands*
Hey guys ! Now I'm back with tutorial on how to make your header move to its side when you hover the mouse to it . W.O.W. However, this is just for the transparent headers :( Without further ado, let's get started ! xX
Sign in > Dashboard > Template
Press Ctrl+f and search for this code :
.header {
Copy this following code and paste it UNDER header { .
4. Paste it under the code in NUMBER 2 . ** RED : Paste the URL BACKGROUND that you like . ** BLUE : Change it with colour code that you like >SINI ! SINI !< PREVIEW . If there's no ERROE , click SAVE . 5. Go to Settings > Post and Comments .
At comment form placement, tick the pop-up window :)
Hi hi hiiiii ! I got a formula for this tutorial today ! I'm excited so let's begin ! :)
Tutorial for today is link follow and dashboard . Usually , people use the one like tumblr , right ? Now , I'll teach you a different one ;) The result will look like this :
Understood ? Let's get started for real !
1. Dashboard > Design > Add a gadget > HTML Java Script
2. Copy this code :
<a href='http://www.blogger.com/follow-blog.g?blogID=ID BLOG KORANG' target="_blank">+Follow</a> || <a href='http://blogger.com'target="_blank">Dashboard</a>
3. The red ones , change it with the ID of your blog .
1. Dashboard > Design > Add a page element > HTML Javascript
2. Copy ALL the code below :
<script language=JavaScript>
<!--
//edit by unwanted
var message="Masukkan Mesej Anda Disini";
///////////////////////////////////
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;
}
<center style="text-align: center;"><span class="Apple-style-span" style="color: #FF6699; font-family: Verdana, 'Tulisan yang korang minat', serif;"><b>Tajuk status korang</b></span></center><div style="Background-image:url(http://www.glitter-graphics.com/images/empty.gif); repeat; padding -moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;: 5px; border:1px solid #437C17;"><center><marquee>Status terbaekk korang</marquee></center></div>
3) Then , paste it in HTML Java Script .
If you want it to be at sidebar , paste that code in the gadget at sidebar . If you want it to be under the header , then paste it under the header .
Today , I want to teach you how to make your header to be as centered as f*** ! Ops no cursing in here he he he he :P What are you waiting for ? Let's start !
1) Dashboard > Template .
2) Click CTRL + F .
3) Copy this code :
/* Content
4) Paste in the box that appears when you click CTRL + F .
This time , my tutorial is about double-blockquote . Try this and you'll see what it looks like . After all , you can always preview . When you don't like it , you can delete the code again :) Let's begin our tutorial today !
Sometimes you feel you be fine by yourself
Coz a dream is a wish that you make all alone
Its easy to feel
Like you dont need help
But its harder to walk on your own
See my blockquote ? It was supposed to be only ONE but why it's DOUBLE now ? HUWAAAA ! :'( Don't worry people ! This is how to do it :
1) Open new post .
2) Find this thing :
Oh my God , sorry not that thing but this thing : *kikikiki ;)*
3) Highlight sentences or words that you want to blockquote .
4) Then, press the blockquote button TWICE . Yep that's why I called this tutorial as double-blockquote .
5) Finished ? Alright , then publish the post and view it !
P/s : This tutorial is for people who has already put the coding for blockquote in their Template.
Today I'll be doing a tutorial on how to change the font of our blog ! :) The cutest ones okay , not the regular ones ;) Yahoo ~~ (oneclick)
1) Dashboard > Template
2) Click CTRL+F and search for this code :
.main-inner {
3) Found it ? GOOoood .
4) Copy this code :
font-family : TULISAN KEGEMARAN KORANGG;
5) Paste code in NUMBER 4 under the code NUMBER 2 .
6) The one with 'tulisan kegemaran korang' , you can change it with your favourite font . Open your microsoft word , and copy the name ! There are tons of fonts that you can get from there :) (onemore)
Hey guys ! Today , Finn will be releasing a new tutorial for all of you ! It's about scroll bar with background . What is that ? >,< You need to try this first then if you want to know ! He he he :p
1) Dashboard > Template
2) Click CTRL+F and search for this code :
html body $(page.width.selector) {
3) Found it ? Gooood !Under the code in NUMBER 2 , there will be code like this :
min-width: 0;
max-width: 100%;
width: $(page.width);
}
4) Correct ? If it's correct , let's continue ! Then , copy this following code and paste it under the code in NUMBER 3 .
::-webkit-scrollbar {
height: 12px;
width: 12px;
background-color: #ffffff;
}
::-webkit-scrollbar-thumb {
background: url(TUKAR KPD B.GROUND YANG KORANG SUKA);
-moz-border-radius: 10px;
border-radius: 10px;
}
5) Copied ? Alrighty ;) The one that I bold , please change it to the background that you like ;)
Hi , hello ! This tutorial is about double-dashed hover . It means when you hover your mouse over a link , the link will be dashed up and above . If you didn't get what I said , you can try this tutorial first ;)
1) Dashboard > Template
2) Click CTRL+F. Search for this code :
a:hover {
3) Then, copy this following code :
border-top: 2px dashed #ff0000;
border-bottom: 2px dashed #ff0000;
4) Paste the code in number 3 under a:hover { * You can change the yellow colour into your favourite colour . Click >SINI !< *
Hi everyone ! Today , I'm going to do a tutorial about calendar with entry . It means , when you click on the date , it will show you your entry . Genius right ? I know ;)
Before I begin , KLIK SINI ! He he he :') Alright , today I'm going to do a tutorial of something that I don't know the name of it . However , it's good when you want to hide things ;)
Sorry guys. Aku tak tau what type of tutorial here. korang tau?! komen yee! >TEKAN<
Seen that ? Of course you did . Now , let's really begin the tutorial !
1) First, copy this code :
<div id="spoiler" style="display:none">Write anything in here.</div><button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Click Here</button>
Copied ? Okay , good and excellent everybody !
2) Then, paste it to the post that you want to write . It means when you're writing a post , you suddenly want to put that thing in your post , all you have to do is paste the code when you're writing. Understood ? God , it's hard to explain but you get the idea of it , right ?
3) The 'Write anything in here' part , you can change it with your own words.
4) The one with 'Click Here' , you can change it with words or sentences that can attract people to click that button thingy .
Got it ? Then , publish your post . Preview the post and W. O. W.
Hey there ! Today , I'll be doing a simple tutorial for you guys. I know there are tons of you have already known about this tutorial or ways to do it , BUT , I have some freebies for you guys , soo ... Alright ! Let's begin !
1. First, sign in Blogger > Setting > Post and Comments .
See the box ? Well , now you just have to paste this following code inside the box !
< c e n t e r > < i m g s r c = ' I m a g e U R L ' / > < / c e n t e r > < b r / >
The one with 'image url' , you can change it with some URL that I found online . These are the freebies . Hope you like it :)
Short Biodata
Name: Nurul Bariah Known as: Finn Age: 18 years youngState: LondonCountry: UKFav. Colours: Blue, Black and RedLanguage: Malay and EnglishHobby: blogging, Sleeping, Eating , Singing Fav Quotes: I'm sleepy
Contact Me: Likes
♥ One D♥ Blogging♥ Eating♥ Singing♥ Chocolates♥ Forever Young♥ Spongebob Squarepants♥ Black+Red♥ Sleeping♥ Natural Beauty
Dislikes✖ Anons, Haters✖ Make up✖ High heels✖ The person who hates 1D
Tutorial : Hide Page Source
Hello , vas happening ?! Today, I'll be sharing a quite simple tutorial for all of you . It is a tutorial about hiding your page source from people . It's suitable for all the copydogs and copycats out there *smirk* Anyway , do you know what is page source ? Click CTRL + U together , then all of the sources of your blog will come out . Do you want people to see that ? Or the worst copying them ? No ? Watch out ! So , follow my steps and you shall hide your sources from people ;)
For Blogskin / Classic template :
1. Dashboard > Template
2. Click CTRL + F and search for this code<html>
3. Copy and paste this code underthe code in NUMBER 2 .
5 Seconds of Summer *one of my favourite boybands*
Hey guys ! Now I'm back with tutorial on how to make your header move to its side when you hover the mouse to it . W.O.W. However, this is just for the transparent headers :( Without further ado, let's get started ! xX
Sign in > Dashboard > Template
Press Ctrl+f and search for this code :
.header {
Copy this following code and paste it UNDER header { .
4. Paste it under the code in NUMBER 2 . ** RED : Paste the URL BACKGROUND that you like . ** BLUE : Change it with colour code that you like >SINI ! SINI !< PREVIEW . If there's no ERROE , click SAVE . 5. Go to Settings > Post and Comments .
At comment form placement, tick the pop-up window :)
Hi hi hiiiii ! I got a formula for this tutorial today ! I'm excited so let's begin ! :)
Tutorial for today is link follow and dashboard . Usually , people use the one like tumblr , right ? Now , I'll teach you a different one ;) The result will look like this :
Understood ? Let's get started for real !
1. Dashboard > Design > Add a gadget > HTML Java Script
2. Copy this code :
<a href='http://www.blogger.com/follow-blog.g?blogID=ID BLOG KORANG' target="_blank">+Follow</a> || <a href='http://blogger.com'target="_blank">Dashboard</a>
3. The red ones , change it with the ID of your blog .
1. Dashboard > Design > Add a page element > HTML Javascript
2. Copy ALL the code below :
<script language=JavaScript>
<!--
//edit by unwanted
var message="Masukkan Mesej Anda Disini";
///////////////////////////////////
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;
}
<center style="text-align: center;"><span class="Apple-style-span" style="color: #FF6699; font-family: Verdana, 'Tulisan yang korang minat', serif;"><b>Tajuk status korang</b></span></center><div style="Background-image:url(http://www.glitter-graphics.com/images/empty.gif); repeat; padding -moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;: 5px; border:1px solid #437C17;"><center><marquee>Status terbaekk korang</marquee></center></div>
3) Then , paste it in HTML Java Script .
If you want it to be at sidebar , paste that code in the gadget at sidebar . If you want it to be under the header , then paste it under the header .
Today , I want to teach you how to make your header to be as centered as f*** ! Ops no cursing in here he he he he :P What are you waiting for ? Let's start !
1) Dashboard > Template .
2) Click CTRL + F .
3) Copy this code :
/* Content
4) Paste in the box that appears when you click CTRL + F .
This time , my tutorial is about double-blockquote . Try this and you'll see what it looks like . After all , you can always preview . When you don't like it , you can delete the code again :) Let's begin our tutorial today !
Sometimes you feel you be fine by yourself
Coz a dream is a wish that you make all alone
Its easy to feel
Like you dont need help
But its harder to walk on your own
See my blockquote ? It was supposed to be only ONE but why it's DOUBLE now ? HUWAAAA ! :'( Don't worry people ! This is how to do it :
1) Open new post .
2) Find this thing :
Oh my God , sorry not that thing but this thing : *kikikiki ;)*
3) Highlight sentences or words that you want to blockquote .
4) Then, press the blockquote button TWICE . Yep that's why I called this tutorial as double-blockquote .
5) Finished ? Alright , then publish the post and view it !
P/s : This tutorial is for people who has already put the coding for blockquote in their Template.
Tutorial : Change Font for Blog (Font Selain Template Designer)
Today I'll be doing a tutorial on how to change the font of our blog ! :) The cutest ones okay , not the regular ones ;) Yahoo ~~ (oneclick)
1) Dashboard > Template
2) Click CTRL+F and search for this code :
.main-inner {
3) Found it ? GOOoood .
4) Copy this code :
font-family : TULISAN KEGEMARAN KORANGG;
5) Paste code in NUMBER 4 under the code NUMBER 2 .
6) The one with 'tulisan kegemaran korang' , you can change it with your favourite font . Open your microsoft word , and copy the name ! There are tons of fonts that you can get from there :) (onemore)
Hey guys ! Today , Finn will be releasing a new tutorial for all of you ! It's about scroll bar with background . What is that ? >,< You need to try this first then if you want to know ! He he he :p
1) Dashboard > Template
2) Click CTRL+F and search for this code :
html body $(page.width.selector) {
3) Found it ? Gooood !Under the code in NUMBER 2 , there will be code like this :
min-width: 0;
max-width: 100%;
width: $(page.width);
}
4) Correct ? If it's correct , let's continue ! Then , copy this following code and paste it under the code in NUMBER 3 .
::-webkit-scrollbar {
height: 12px;
width: 12px;
background-color: #ffffff;
}
::-webkit-scrollbar-thumb {
background: url(TUKAR KPD B.GROUND YANG KORANG SUKA);
-moz-border-radius: 10px;
border-radius: 10px;
}
5) Copied ? Alrighty ;) The one that I bold , please change it to the background that you like ;)
Hi , hello ! This tutorial is about double-dashed hover . It means when you hover your mouse over a link , the link will be dashed up and above . If you didn't get what I said , you can try this tutorial first ;)
1) Dashboard > Template
2) Click CTRL+F. Search for this code :
a:hover {
3) Then, copy this following code :
border-top: 2px dashed #ff0000;
border-bottom: 2px dashed #ff0000;
4) Paste the code in number 3 under a:hover { * You can change the yellow colour into your favourite colour . Click >SINI !< *
Hi everyone ! Today , I'm going to do a tutorial about calendar with entry . It means , when you click on the date , it will show you your entry . Genius right ? I know ;)
Tutorial : I don't know ! But you need to try it !
Before I begin , KLIK SINI ! He he he :') Alright , today I'm going to do a tutorial of something that I don't know the name of it . However , it's good when you want to hide things ;)
Sorry guys. Aku tak tau what type of tutorial here. korang tau?! komen yee! >TEKAN<
Seen that ? Of course you did . Now , let's really begin the tutorial !
1) First, copy this code :
<div id="spoiler" style="display:none">Write anything in here.</div><button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Click Here</button>
Copied ? Okay , good and excellent everybody !
2) Then, paste it to the post that you want to write . It means when you're writing a post , you suddenly want to put that thing in your post , all you have to do is paste the code when you're writing. Understood ? God , it's hard to explain but you get the idea of it , right ?
3) The 'Write anything in here' part , you can change it with your own words.
4) The one with 'Click Here' , you can change it with words or sentences that can attract people to click that button thingy .
Got it ? Then , publish your post . Preview the post and W. O. W.
Hey there ! Today , I'll be doing a simple tutorial for you guys. I know there are tons of you have already known about this tutorial or ways to do it , BUT , I have some freebies for you guys , soo ... Alright ! Let's begin !
1. First, sign in Blogger > Setting > Post and Comments .
See the box ? Well , now you just have to paste this following code inside the box !
< c e n t e r > < i m g s r c = ' I m a g e U R L ' / > < / c e n t e r > < b r / >
The one with 'image url' , you can change it with some URL that I found online . These are the freebies . Hope you like it :)
Chat with Finn :)
Credits
This skin is made by : 
Tutorial : Hide Page Source
23 March 2014 
3:51 pm ♥ 
0 Comments
Tutorial : Hide Page Source
Tutorial : 
Tutorial : 
