Tech Marshal

Sort YouTube Videos by Number of Views (view count) & Upload Date [How To]

Google, just days ago (Dec 6, 2012) rolled out a new YouTube interface yet again. Although this layout is cleaner than the previous one, however some important filters like view count, upload date, relevance and average rating have been dropped.

'View count', especially is one of the filters many would use when watching the most popular videos on a particular topic. If this latest change didn't really sit well with you, here are two ways you can still add the missing filters and sort search results by views, average ratings etc.



Method 1:

Add the following to the end of the URL in the address bar after you have for a topic:

To Search by Relevance (Default)

&search_sort=relevance

To Search by Average Rating

&search_sort=video_avg_rating

To Search by View Count

&search_sort=video_view_count

To Search by Upload Date

&search_sort=video_date_uploaded

Method 2: (For Chrome Browser and Firefox):

Simply Install the "Video Sorter for YouTube" extension on your Chrome Browser. The extension adds it's own filters right above the search results.

While Firefox users can get the "YouTube Legacy Sort Options" script to get the previous filter options back.

Create a Simple Navigation Menu Bar For Your Website/Blog [Beginner]

Creating a basic menu using HTML and CSS is pretty straightforward even for starters. If you're in search for a simple navigation menu bar for your website/blog, here's all the code you need.

The CSS:

#nav {
   padding:0;
   background: black;
   border-bottom: 1px solid #999999;
   height: 36px;
}
#nav li a {
   font-family: Arial;
   font-size:12px;
   text-decoration: none;
   float:left;
   padding:10px;
   color:white;
   font-weight:bold;
}
#nav li a:hover {
   background:white;
   color:black;
   border-radius: 2px;
   border-bottom: 1px solid white;
}
#nav li {
    display:inline;
}

The HTML:

<ul id="nav"> 
 <li><a href="#">Home</a></li> 
 <li><a href="#">About</a></li>
 <li><a href="#">Services</a></li>
 <li><a href="#">Products</a></li> 
 <li><a href="#">Blog</a></li>
 <li><a href="#">Contact Us</a></li>
</ul>

Simply change the URL to your desired location.

The Result:

• Home
• About
• Services
• Products
• Blog
• Contact Us