Kowts #1

Posted on

I have nothing to say here..HAHA :3

Comments

Post a Comment

Feel free to ask, suggest and comment regarding this post/blog. You can also contact me through e-mail, just always use the contact page. Thank you for visiting this blog.

Popular posts from this blog

A Better Archive Page for Blogger

Posted on
Image
This is for me, the better Archive Page. Let's see the how it looks. or you can just click my ARCHIVE PAGE in the navigation bar on top. This has cool feature also: Sort by title (ascending or descending) - by clicking the "POST TITLE" table header. Sort by date (older first or newer first) -  by clicking the "POST DATE" table header. Option to show all post by Label When you hover the post title a snippet of the post will display. Things that it doesn't have, which is acceptable: You can't change the date format You can't change table header unless you edit the script. Here's how to implement it. 1. Create a Page           For New Blogger Interface: Dashboard > Pages > New Page > Blank Page           Put a title, of course, like "Archive". :D 2. HTML Tab > Paste the code below <div id="bp_toc"> Loading TOC. Please wait....</div> <script src="http:/...
Read more

Make Some Parts of the Image Clickable

Posted on
Here's the demo showing it: Click Me The trick is create a separate image  for hover effect (in this case, glow). The hard part is getting the position right. We used, absolute positioning and here's the code below. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Clickable Parts of Image</title> <style type="text/css"> .bg { position: relative; margin: 20px 0 20px 40px; padding: 5px 0; height: 766px; width: 900px; background-image: url(kon.png); background-repeat: no-repeat; } #box-link1 { position: absolute; top: 0px; left: 0px; width: 384px; height: 575px; background-image: transparent; } #box-link1:hover{ background-ima...
Read more

Let Your Reader Change Your Blog Body Background

Posted on 2 comments
Well, I don't advise doing this , but it's quite FUN ! This script will enable your blog reader to choose the color of your blog/template body background. Here is the DEMO . (Scroll down at the bottom of the page.) How to implement it JavaScript:  Paste the code below above the </head>. <script style='text/javascript' type='text/javascript'> var backColour = new Array(); backColour[ 0 ] = &#39; #FFFFFF &#39;; backColour[ 1 ] = &#39; #000000 &#39;; function changeBG(whichColour){ document.body.style.backgroundColor = backColour[whichColour]; }  </script> The RED text is the hexadecimal color value. You can change it whatever you want. Get color values here . The BLUE serves as the "holder" of the color. HTML: <h4 style='text-align:center'>Change background to:    <a href='#' onclick='javascript:changeBG( 0 );'> //WHITE </a>    <a href=...
Read more