Nice jQuery Tab Menu for your blog

Hi guys, I have brought you a killer gadget for your blog. Add this gadget and make your blog more interesting. Lets start.

First go to Layout >> Edit HTML. Remember to tick on Expand Widget Templates. Now press CTRL+F. Then you can see a search bar. Type </head>   on the search bar. You can see in the HTML box the code </head> is highlighted. Now paste this code below the </head> code.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>$(document).ready(function() { //Get all the LI from the #tabMenu UL$(&#39;#tabMenu &gt; li&#39;).click(function(){//perform the actions when it&#39;s not selectedif (!$(this).hasClass(&#39;selected&#39;)) { //remove the selected class from all LI $(&#39;#tabMenu &gt; li&#39;).removeClass(&#39;selected&#39;);//Reassign the LI$(this).addClass(&#39;selected&#39;);//Hide all the DIV in .boxBody$(&#39;.boxBody div&#39;).slideUp(&#39;1500&#39;);//Look for the right DIV in boxBody according to the Navigation UL index, therefore, the arrangement is very important.$(&#39;.boxBody div:eq(&#39; + $(&#39;#tabMenu &gt; li&#39;).index(this) + &#39;)&#39;).slideDown(&#39;1500&#39;);}}).mouseover(function() {//Add and remove class, Personally I dont think this is the right way to do it, anyone please suggest $(this).addClass(&#39;mouseover&#39;);$(this).removeClass(&#39;mouseout&#39;);}).mouseout(function() {//Add and remove class$(this).addClass(&#39;mouseout&#39;);$(this).removeClass(&#39;mouseover&#39;); });//Mouseover with animate Effect for Category menu list$(&#39;.boxBody #category li&#39;).click(function(){//Get the Anchor tag href under the LIwindow.location = $(this).children().attr(&#39;href&#39;);}).mouseover(function() {//Change background color and animate the padding$(this).css(&#39;backgroundColor&#39;,&#39;#888&#39;);$(this).children().animate({paddingLeft:&quot;20px&quot;}, {queue:false, duration:300});}).mouseout(function() {//Change background color and animate the padding$(this).css(&#39;backgroundColor&#39;,&#39;&#39;);$(this).children().animate({paddingLeft:&quot;0&quot;}, {queue:false, duration:300});});//Mouseover effect for Posts, Comments, Famous Posts and Random Posts menu list.$(&#39;#.boxBody li&#39;).click(function(){window.location = $(this).children().attr(&#39;href&#39;);}).mouseover(function() {$(this).css(&#39;backgroundColor&#39;,&#39;#888&#39;);}).mouseout(function() {$(this).css(&#39;backgroundColor&#39;,&#39;&#39;);}); });</script>

Now find the code ]]></b:skin> by pressing CTRL+F. Now paste this code before the code ]]></b:skin>.

#tabMenu {margin:0; padding:0 0 0 15px;list-style:none;}#tabMenu li {float:left;height:32px;width:39px;cursor:pointer;cursor:hand}/* this is the button images http://amatullah83.blogspot.com*/li.comments {background:url(http://sites.google.com/site/amatullah83/bg/tabComment.png) no-repeat 0 -32px;}li.posts {background:url(http://sites.google.com/site/amatullah83/bg/tabstar.png) no-repeat 0 -32px;}li.category {background:url(http://sites.google.com/site/amatullah83/bg/tabFolder.png) no-repeat 0 -32px;}li.famous {background:url(http://sites.google.com/site/amatullah83/bg/tabHeart.png) no-repeat 0 -32px;}li.random {background:url(http://sites.google.com/site/amatullah83/bg/tabRandom.png) no-repeat 0 -32px;}li.mouseover {background-position:0 0;}li.mouseout {background-position:0 -32px;}li.selected {background-position:0 0;}.box {width:227px}.boxTop {background:url(http://sites.google.com/site/amatullah83/bg/boxTop.png)no-repeat;height:11px;clear:both}.boxBody {background-color:#282828;}.boxBottom {background:url(http://sites.google.com/site/amatullah83/bg/boxBottom.png) no-repeat;height:11px;}.boxBody div {display:none;}.boxBody div.show {display:block;}.boxBody #category a {display:block}/* styling for the content*/.boxBody div ul { margin:0 10px 0 25px;padding:0;width:190px;list-style-image:url(http://sites.google.com/site/amatullah83/bg/arrow.gif)}.boxBody div li {border-bottom:1px dotted #8e8e8e; padding:4px 0;cursor:hand;cursor:pointer;font-size:10px; color:#DDDDDD;text-decoration: none;}.boxBody div ul li.last {border-bottom:none}.boxBody div li a{font-size:10px; color:#DDDDDD;text-decoration: none;}.boxBody div li span { font-size:8px;color:#9F9F9F;}/* IE Hacks */*html .boxTop {margin-bottom:-2px;}*html .boxBody div ul {margin-left:10px;padding-left:15px;}

Now save the template.

Then go to Layout >> Page Element >> Add a gadget >> "Html/java script" and paste this code on the java script.

<div class="box">
<ul id="tabMenu"><li class="posts selected"></li> <!-- default button--><li class="comments"></li><li class="category"></li><li class="famous"></li><li class="random"></li></ul>
<div class="boxTop"></div>
<div class="boxBody"><!-- default page--><div id="posts" class="show"><ul><li>Post 1</li><li>Post 2</li><li class="last">Post 3</li></ul></div><div id="comments"><ul><li>Comment 1</li><li>Comment 2</li><li class="last">Comment 3</li></ul></div><div id="category"><ul><li>Category 1</li><li>Category 2</li><li class="last">Category 3</li></ul></div><div id="famous"><ul><li>Famous post 1</li><li>Famous post 2</li><li class="last">Famous post 3</li></ul></div><div id="random"><ul><li>Random post 1</li><li>Random post 2</li><li class="last">Random post 3</li></ul> </div> 
</div>
<div class="boxBottom"></div>
</div>

Now save the java script. Its over. Enjoy.

Read more »

Install and activate Office Pro Plus 2013

This document covers installation and activation of Office 2013 RTM and VL (Volume License) versions.

Important: Please note that this activator activates for 180 days and you have to run the server again (no need to find keys or anything. that is the way of KMS activation. But you can extend the time using parameters of the server. I did not include those due to complexity). You need to boot up the server either weekly or just when you are at 1 day remaining. Use path 1 or 2. But you could directly use path 3. If one is successful, skip all the rest.

1. Open Word > Open a Blank Document > Click on File menu > Account. This does not show the dates remaining. I have listed how to check the remaining dates
2. This activator can be used to activate Windows 8 as well. But you need to run it in a different machine for better results.
3. Search Google for this torrent: BDE6DA39CACBD68EE87BE0F6F20EE4183D09C83F (to download torrents, use uTorrent or BitTorrent client software).
4. Download the torrent and download either 32 bit or 64 bit version with the kmsmicro activator 
5. Dvd image is an ISO image file. Download and install Daemon Tools lite and install. Mount the image. Select "Customize" option to customize the installation.
6. Install Office by running "SETUP.EXE". "SETUP.EXE"
7. After installation, do not open any office related software
8. Extract "Office 2013 KMSmicro Activator v3.10"
9. Right click on the registry files (i.e. Office2013-Win7-Localhost.reg) and select "Merge". This is to avoid any issues.
10. Now, run "0-0-KMSmicro-normal.cmd". Make sure to right click and select "Run as Administrator" (with elevated privilages). Let the virtual machine boot up. For the ease of use I will avoid additional KMS Server configuration. Note that the IP Address of the server is 127.0.0.2 (not 127.0.0.1) and host name is KMS. Make sure your firewall allows port 1688 (or you could configure one but for the ease, use the default). Important! Now Press T and synchronize the server's time from Internet. Click "Fix now" if asked to. Now, you need to check the status of activation. No automatic activation can be examined usually. "0-0-KMSmicro-normal.cmd"
11. Check Office Activation Status Follow this path -  (for x86 - 32bit, Program Files x86 is the program )> %ProgramFiles%\Microsoft Office\Office15. Now open a command prompt by typing cmd and right clicking and selecting "Run as Administrator", in Start menu search bar.
12. Type cscript ospp.vbs /dstatus and press enter. You will see "29 days greace period" as the result.
13. Another method: Or else, go to: "MDL-forum" and then "Activation Helpers". From here, right click and run the appropriate activator as administrator. Click on "Check Status".

Activation methods

1. Path1 (you could use path 2 as well): To activate Office 2013 x86 on Windows, run "Office 2013 (w64-o32) Activate.bat" and for 64bit versions, run "Office 2013 Activate.bat". It will automatically activate the Office. If you encounter an error with COUNTERS (read the error message) jump to: "Path 3".
2. To use the GRAPHICS utility to activate Office. If command prompt is difficult. If path 1 is successful, you DO NOT need to follow these steps
3. Path 2 : Open "MDL-forum" and then "Activation Helpers". In "Emulator KMS" folder, run "KMS ZWT.exe" and then right click it and select "Run as Administrator" (NOT IMPORTANT). Then run the Office 201x Activation xxx.exe (proper one. x is for the version number and xxx = x86/x64). Then provide these properties:
4. Server: 127.0.0.2
5. Port: 1688
6. Click "Activate Office 2013". This will activate your product. You will see the success message. To verify, click "Check Status".
7. Path 3 (this path will help you activate the product easily.) If you choose path 1 or 2 do not follow step 11.
8. Download - Activation Helpers v1.5
9. Extract and run the 32 or 64 bit one as required. Run as Administrator
10. Now provide above server and port (port number is already filled).
11. Go to "Charger" tab and then click on "Charge Office 2013". This will take some time.
12. Now, go back to "Office" tab and click on "Activate Office 2013" and then you will see the success message. Click "Check Status" button to check the status button and verify. You should see 180 days.

Enjoy :D

Read more »