Advertisement

Reasons For Horror Dreams

Now it’s a very common problem i.e boogeyman out of the closet and grabs you and then wwoosshh, you wake up and start thinking of it the whole day. It really irritates when you are tired and having a good sleep and suddenly boogeyman wakes you up, this isn’t a co-incidence, there are reasons behind these horror dreams.

Excess Consumption Of Alcohol:

Helps you sleep in the short term, but excess consumption of Alcohol can cause you to wake up prematurely, and may lead to bad dreams and nightmares.

Sickness:

Includes fewer, such as Flu, may lead to boogeyman dream, and other sleeping disorders such as apnea and narcolepsy etc.

Spicy Food:

International Journal Of Psychology, published a small study of the group of healthy men and gave them spicy food to eat before bedtime and compared their quality of sleep of nights where they had non-spiced meals. On the spicy nights, the subjects spent more time awake and had a poorer quality sleep. The explanation is that spicy food can elevate body temperatures and thus disrupt sleep.

Junk Foods/Food Containing High Amount Of Fats:

Our sleeping depends more upon the quality of food we eat, junk foods and fat food causes disruption in sleep. A small study published in 2007 in Psychological Psychological Reports found that the dreams of people who ate a high amount of organic food differed from those who ate “junk foods.

Depression/Stress:

This thing won’t be ignored that our society has become complex and people have to strive in order to overcome problems. In tough situations, normally people take so much stress that they are unable to take proper sleep. According to the International Association for the Study of Dreams (IASD), a major surgery or illness, grieving over the loss of a loved one, and suffering or witnessing an assault or major accident can trigger bad dreams and nightmares.

Drugs:

Some drugs, including antidepressants, barbiturates, and narcotics, can cause nightmares as a side effect.

Stay Beautiful.

Blogger Tricks

Clock Moving With the Cursor

Introduction

Its just a another way to make some changes and make your website different from other. Mostly people like default cursor and scroll bars. But some are wants make their Blog different from every aspect. This post is for those who wants to change their Blog Cursor.

Tutorial

1. Go to Blogger.com and Login with your ID
2. Go to Layout >> Add a Gadget >> HTML/JavaScript, and paste the below Coding and Click on Save button. OR You can go to Template >> Edit HTML and find </head> by pressing Ctrl + F and paste the below Code before it.
<style type="text/css">
<!--
/*Do not Alter these. Set for alignment*/
.css1{
position:absolute;top:0px;left:0px;
width:16px;height:16px;
font-family:Arial,sans-serif;
font-size:16px;
text-align:center;
font-weight:bold;
}
.css2{
position:absolute;top:0px;left:0px;
width:10px;height:10px;
font-family:Arial,sans-serif;
font-size:10px;
text-align:center;
}
//-->
</style>
<script language="JavaScript">
<!-- Mouse Follow Clock from Rainbow Arch -->
<!-- This script and many more from : -->
<!-- http://rainbow.arch.scriptmania.com -->
<!-- Mouse Follow Clock from www.rainbow.arch.scriptmania.com
//Hide from older browsers
if (document.getElementById&&!document.layers){
// *** Clock colours
dCol='#00ff00';   //date colour.
fCol='#ffffff';   //face colour.
sCol='#ffffff';   //seconds colour.
mCol='#00ff00';   //minutes colour.
hCol='#00ff00';   //hours colour.
// *** Controls
del=0.6;  //Follow mouse speed.
ref=40;   //Run speed (timeout).
//  Alter nothing below!  Alignments will be lost!
var ieType=(typeof window.innerWidth != 'number');
var docComp=(document.compatMode);
var docMod=(docComp && docComp.indexOf("CSS") != -1);
var ieRef=(ieType && docMod)
?document.documentElement:document.body;
theDays=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
theMonths=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year;
D=tmpdate.split("");
N='3 4 5 6 7 8 9 10 11 12 1 2';
N=N.split(" ");
F=N.length;
H='...';
H=H.split("");
M='....';
M=M.split("");
S='.....';
S=S.split("");
siz=40;
eqf=360/F;
eqd=360/D.length;
han=siz/5.5;
ofy=-7;
ofx=-3;
ofst=70;
tmr=null;
vis=true;
mouseY=0;
mouseX=0;
dy=new Array();
dx=new Array();
zy=new Array();
zx=new Array();
tmps=new Array();
tmpm=new Array();
tmph=new Array();
tmpf=new Array();
tmpd=new Array();
var sum=parseInt(D.length+F+H.length+M.length+S.length)+1;
for (i=0; i < sum; i++){
dy[i]=0;
dx[i]=0;
zy[i]=0;
zx[i]=0;
}
algn=new Array();
for (i=0; i < D.length; i++){
algn[i]=(parseInt(D[i]) || D[i]==0)?10:9;
document.write('<div id="_date'+i+'" class="css2" style="font-size:'+algn[i]+'px;color:'+dCol+'">'+D[i]+'<\/div>');
tmpd[i]=document.getElementById("_date"+i).style;
}
for (i=0; i < F; i++){
document.write('<div id="_face'+i+'" class="css2" style="color:'+fCol+'">'+N[i]+'<\/div>');
tmpf[i]=document.getElementById("_face"+i).style;
}
for (i=0; i < H.length; i++){
document.write('<div id="_hours'+i+'" class="css1" style="color:'+hCol+'">'+H[i]+'<\/div>');
tmph[i]=document.getElementById("_hours"+i).style;
}
for (i=0; i < M.length; i++){
document.write('<div id="_minutes'+i+'" class="css1" style="color:'+mCol+'">'+M[i]+'<\/div>');
tmpm[i]=document.getElementById("_minutes"+i).style;
}
for (i=0; i < S.length; i++){
document.write('<div id="_seconds'+i+'" class="css1" style="color:'+sCol+'">'+S[i]+'<\/div>');
tmps[i]=document.getElementById("_seconds"+i).style;      
}
function onoff(){
if (vis){
 vis=false;
 document.getElementById("control").value="Clock On";
 }
else{
 vis=true;
 document.getElementById("control").value="Clock Off";
 Delay();
 }
kill();
}
function kill(){
if (vis)
 document.onmousemove=mouse;
else
 document.onmousemove=null;
}
function mouse(e){
var msy = (!ieType)?window.pageYOffset:0;
if (!e) e = window.event;  
 if (typeof e.pageY == 'number'){
  mouseY = e.pageY + ofst - msy;
  mouseX = e.pageX + ofst;
 }
 else{
  mouseY = e.clientY + ofst - msy;
  mouseX = e.clientX + ofst;
 }
if (!vis) kill();
}
document.onmousemove=mouse;
function winDims(){
winH=(ieType)?ieRef.clientHeight:window.innerHeight;
winW=(ieType)?ieRef.clientWidth:window.innerWidth;
}
winDims();
window.onresize=new Function("winDims()");
function ClockAndAssign(){
time = new Date();
secs = time.getSeconds();
sec = Math.PI * (secs-15) / 30;
mins = time.getMinutes();
min = Math.PI * (mins-15) / 30;
hrs = time.getHours();
hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;
for (i=0; i < S.length; i++){
 tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px";
 tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px";
 }
for (i=0; i < M.length; i++){
 tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px";
 tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px";
 }
for (i=0; i < H.length; i++){
 tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px";
 tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px";
 }
for (i=0; i < F; i++){
 tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px";
 tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px";
 }
for (i=0; i < D.length; i++){
 tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px";
 tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px";
 }
if (!vis)clearTimeout(tmr);
}
buffW=(ieType)?80:90;
function Delay(){
scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset;
if (!vis){
 dy[0]=-100;
 dx[0]=-100;
}
else{
 zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del);
 zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del);
}
for (i=1; i < sum; i++){
 if (!vis){
  dy[i]=-100;
  dx[i]=-100;
 }
 else{
  zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del);
  zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del);
 }
if (dy[i-1] >= winH-80) dy[i-1]=winH-80;
if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW;
}
tmr=setTimeout('Delay()',ref);
ClockAndAssign();
}
window.onload=Delay;
}
//-->
</script>
And you are done. Enjoy

How to Delete Facebook Account Permanently

Introduction


If you don't like your Facebook Account or you made another one and now you want to delete your previous one, then you are at right place. Today we will discuss it and solve your problem. But before quitting Facebook, I suggest you to do something Before Quitting Facebook. Well, if you make your mind and wants to delete everything, so that nobody can access your profile in future.

How To Do It

Click the below link and follow the steps...


Say Good bye to Facebook and Save your precious time.

Cool Hover Effects On Circular Images

Introduction

Another cool hover effect is reveal by Kownleg for you. You can use it instead of slider show, b'cos its too heavy as compare to this. Everyone show Slider on their website, you can use it if you want to show something different, lighter and attractive. Let's have a look, we hope you like it.


Live Preview


Tutorial

1. Go to Blogger.com and Login with your ID
2. Go to Layout >> Add a Gadget >> HTML/JavaScript, and paste the below Coding and Click on Save button. OR You can go to Template >> Edit HTML and find </head> by pressing Ctrl + F and paste the below Code before it.


<link rel="stylesheet" type="text/css" href="http://bell96.com/circle-hover.css" />
<style>
.ch-img-1 {
background-image: url('http://1.bp.blogspot.com/-TyODsppItiQ/UUSwRKE0fmI/AAAAAAAAAKI/KY4Owny-Vs0/s1600/11.jpg');
z-index: 12;
}
.ch-img-2 {
background-image: url('http://2.bp.blogspot.com/-ptATQHhiPcA/UUSwRE9y81I/AAAAAAAAAKM/0egSojDJPDI/s1600/12.jpg');
z-index: 11;
}
.ch-img-3 {
background-image: url('http://4.bp.blogspot.com/-QSVZX2boAUA/UUSwQmB-uCI/AAAAAAAAAKA/TRlOYPd3Z0A/s1600/13.jpg');
z-index: 10;
}
</style>


Replace these image links with yours.

Now, Paste the below coding, on where you want to show it.


<section class="main">
<ul class="ch-grid">
<li>
<div class="ch-item">
<div class="ch-info">
<h3>Kownleg poster</h3>
<p>by Kownleg.com <a href="http://www.kownleg.com">View on Link</a></p>
</div>
<div class="ch-thumb ch-img-1"></div>
</div>
</li>
<li>
<div class="ch-item">
<div class="ch-info">
<h3>Wisler's Poster</h3>
<p>by RJ Wisler<a href="http://www.kownleg.com">View on Link</a></p>
</div>
<div class="ch-thumb ch-img-2"></div>
</div>
</li>
<li>
<div class="ch-item">
<div class="ch-info">
<h3>Andrew's Poster</h3>
<p>by Andrew Steveburg<a href="http://www.kownleg.com">View on Link</a></p>
</div>
<div class="ch-thumb ch-img-3"></div>
</div>
</li>
</ul>
</section>


If your website have default main section or you want to design your own, then simply, remove it
Replace it with your wordings if you want, check the Demo Preview, and I'm sure you will surely understand that what is it and you will get the idea, how to change it.
Replace it with your suitable Link.

You can add Images as many as you want, by using same pattern of coding, ask me if you have any query.
You are done after completing all, cheers!

Open Your Links In Popup Window JavaScript

Introduction


Sometime we don't want to share the whole Website Link on our Websites/Blogs. So, we don't want to let the viewers open in new tabs or on the same window. Sometimes we want to share some small stuffs. Its not cool to show a page which filled with some portion and rest of the page is blank, and then we start filling this page to make it attractive. It takes our too much time and efforts. As promised, Kownleg will provide you every guidance of your problems. Opening that page is Popup Window is really cool idea and time saving. Now, you don't need to fill it and wasting your time. It will looks like fill, if we show the portion which has important part.

Awesome Subscribe Now Widget

Introduction

We always want that our Viewers stick with us. They view and like our stuff, irrespective of whatever we post and whenever we post. Subscribe them, using different famous social sites is the solution of our problem. We use social sites daily and maintain it. Well, nothing new about, we all know that. So, our priority is to chose the attractive Widget, which attract the traffic and they Subscribe and stick with us. So many different attractive Subscribe Widget are available on different websites. Today Kownleg is going to add another Awesome Widget in that list.

Change The Default Color of Text Selection On Your Blog

Introduction

Mostly people don't like the default color selection (Blue) of the Browser on their Websites/Blogs, b'cos Blue is not every time suite on our theme. Like if our theme color is Pinkish, and it will looks really odd that the text selection will be in Blue. If we make it Pinkish or something, then it will looks really cool and make our Website/Blog attractive. So, today Kownleg decided to help you regarding this problem. So, let's Begin it.

Live Preview

Select any thing on this web page.

Tutorial


1. Go to Blogger.com and Login with your ID.
2. Click on Template >> Edit HTML.
3. Now, find ]]></b:skin> by pressing Ctrl + F, and Paste the Below Coding, "Before It".
::-moz-selection{
background:#FDBFCA;
}
// Powered By Kownleg.com
::selection{
background:#FDBFCA;
}
Change the color with which suites on your theme. For this change, just replace the Hex Color Code of the above coding with yours. To get the Hex Color Codes of different colors, Click Here.

4. You are done, Save your Template and Cheers!

Important Note

Internet Explorer is not yet support this feature, but may be they upgrade and add this feature in the next version. Well, I'm not too sure that they will add this feature or not, may be the version is also not support it.

How to Create Custom Permalink On Blogger

Introduction

Permalinks give an attractive look to your posts, specially when you share it with your friends and others or when someone like your post and share it with his/her friends. I will suggest everyone to give the Permalink to your posts. The reason is spams and fake links around the social websites. If you don't give Permalink, then it will automatically generates random unattractive link for your post, sometimes its too long that its look like spam or fake link which is not a good sign for your posts. So, make it good, attractive and sensible that people attracts towards it. Same thing with the title of your posts, if the Title and Permalink is attractive, then everyone will fall down on it and it will be the cause of increasing your viewers on to your Website/Blog.

How To Do It

1. Go to Blogger.com and Login with your ID.
2. Click on New Post Button and you will it on Right side of the Blogger Editor.

3. Start typing suitable Permalink to your post. click on 'Done' and you are done :)

Opacity of Image Changes On Mouseover (Hover)

Introduction

Its really interesting to change the Opacity of the Image on Mouseover (hover). It will give the image a new attractive look, specially when the viewer notice that the image smoothing blinding when Mouseover. Let's try it. I hope you will like it.

Live Preview

Mouseover on the Below for Preview
Simple Opacity Example

Tutorial

Go to Blogger.com and Login with your ID
Go to Layout >> Add a Gadget >> HTML/JavaScript, and paste the below Coding and Click on Save button. OR You can go to Template >> Edit HTML and find </head> by pressing Ctrl + F and paste the below Code before it.
<style type='text/css'>
img.opacity {
opacity: 1;
filter: alpha(opacity=100);
  -webkit-transition: opacity 1s linear;
}
// Powered by Kownleg.com
img.opacity:hover {
opacity: 0.5;
filter: alpha(opacity=200);
  -webkit-transition: opacity 1s linear;
}
</style>
Now, Copy and Paste the Code below where you want to show the Opacity Image.
<img alt="Simple Opacity Example" class="opacity" height="76" width="400" src="YourImageURL"/>
Replace it with Your Image URL
Change the Height, Width and Label of the Image

Reverse Opacity

Live Preview

Mouseover on the Below for Preview
Simple Opacity Example

Tutorial

Go to Blogger.com and Login with your ID
Go to Layout >> Add a Gadget >> HTML/JavaScript, and paste the below Coding and Click on Save button. OR You can go to Template >> Edit HTML and find </head> by pressing Ctrl + F and paste the below Code before it.
<style type='text/css'>
img.opacity2 {
opacity: 1;
filter: alpha(opacity=100);
  -webkit-transition: opacity 1s linear;
}
// Powered by Kownleg.com
img.opacity:hover {
opacity: 0.5;
filter: alpha(opacity=200);
  -webkit-transition: opacity 1s linear;
}
</style>
Now, Copy and Paste the Code below where you want to show the Opacity Image.
<img alt="Simple Opacity Example" class="opacity2" height="76" width="400" src="YourImageURL"/>
Replace it with Your Image URL
Change the Height, Width and Label of the Image

I don't want to make things complicated, that's why I didn't explain the rest of the coding. You can see I make the this Tutorial twice, instead of this I can tell you to change the Opacity value of 0.5 with 1 or any other value that you want. I explain it twice b'cos I don't want to mix up everything and it will confuse the beginners.