Simple And Stylish 3d Button For Blogger

Friends, This is a simple post to make a simple 3D button in blogger. It shows blue color outline and white rectangle space inside. You can change or edit inside text with your own . It is mainly used for some special notification in your post OR for live demo OR for new kind of special text OR also can use it for intention. It is very easy to install into your blogger. Keep follow below instruction and install it.

LIVE DEMO

Thank You

Login to Blogger dashboard

• Go to Posting option.

• Click on Edit HTML.

• Paste below codes in Edit HTML area where you write your post.

<div style="background-color: white" align="center"><b><span style="background-color: white"><span style="font-family: verdana,sans-serif"><span style="border-bottom: rgb(11,83,148) 10px solid; border-left: rgb(72,161,250) 10px solid; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; border-top: rgb(11,83,148) 10px solid; border-right: rgb(72,161,250) 10px solid; padding-top: 6px"><b><span style="font-family: verdana,sans-serif"><span style="font-size: large"><span style="color: blue"><span style="font-size: small"> YOUR-TEXT-HERE</span> </span></span></span></b></span></span></span></b></div>

Change RED color with your text. Also you can change text size ,family, alignment etc.

• Publish your post or Preview .

Leave a comment below about this button…………………………

Read More

3D Cube Popular Post Widget With Rotating Effect

Hi, Everyone now i share a beautiful popular post cube widget with 3D rotating effect.  This widget work with all blogger template. You can add this on your blogger. Just follow below instruction.. Then try it to add your template…


Login to Blogger Dashboard

• Select Layout option from dashboard side menu.

• Click “Add Gadget” .

• Choose “Popular Posts” from given list (If you already have this gadget skip this step).

• After that hit again on “Add Gadget” and select “HTML/Javascript” option from list.

• Copy below code and paste it on HTML/Javascript  box.

<style type="text/css"> .cube { width: 200px; height: 200px;} a img { border: none; } #linksCube img { width: 100%; height: 100%; } </style><br /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script><br /> <script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script><br /> <script type="text/javascript" charset="utf-8"> $(function () {     $('.popular-posts ul').abupopularcube(); });  </script><br /> <script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/popularcube.js"></script>

• Save it and preview.

Leave a comment…… below…………………. If this widget is not working………..

Read More

Mouse Hover Zoom Effect For Your Blogger Images - jQuery

Friends, This post contain a trick to zoom your blogger images with out clarity loss. If you want to insert this effect to your blogger, Follow this post.

• Log in your Blogger account.

• Click on Templates.

• Hit on Edit Html button and proceed.

• Find (Ctrl+F)   ]]></b:skin> tag.

• Copy and paste below code before  ]]></b:skin> tag.

/*------- Master Hacks ZOOM-OUT ZOOM-IN -------*/
.mbtzoom {
padding:5px;
position:fixed;
bottom: 35px;
right:10px;
cursor: pointer;
text-decoration: none;
border: 0px solid transparent;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mbtzoom:hover  {
  zoom: 2;
  text-enlarge: 2;
  -moz-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
}

You wish to apply the zoom effect to any image you want simply use this code.

<a href="URL OF PAGE" class="mbtzoom"><img  width="60px" height="60px" src="IMAGE LINK" alt="back to top"  /></a>

• Change Red color with your Page link and Image link.

*Make sure to Keep width and height equal to half the size of original image. For example if the image size is 100px by 100px then set width="50px" and height="50px".
















……………………………..END…………………………………….

Read More

Convert Text into Voice With Notepad

This is really awesome trick with simple notepad,  How to convert a text into voice? I know, first you search for converting software on internet. You don’t need any software, This is a trick from Notepad. Notepad is not a simple letter writing program,It much more.  You can make html,Java scripts and other file with Notepad.  Now i share how to make a text-voice converter with Notepad. Follow this post and enjoy…

• First open Notepad.

• Copy below code and Paste it on Notepad.

Dim Message, Speak
                          Message=InputBox("Enter Text to Talk - TechToones","Speak")
                         Set Speak=CreateObject("sapi.spvoice")
                         Speak.Speak Message

• Save it with .vbs extension ( Example: converter.vbs)

Leave a comment ……………………… below………………………..

Read More

Your All Application(.exe) Open With Other Application OR You Can’t Open Your Applications(.exe) In Windows 7

           This is a solution to backup your exe file open program. Yesterday i was in a big problem.. I accidently changed my default application running program to notepad. Because .exe files not working properly. I tried to change default program backup, but i don’t know how to fix this problem. Selected other program to default, exe files not working. After that i try to search about this problem on internet. just click on Chrome application, no hope.Chrome already in damage. I think  .. this is not only my problem.  Someone want need a help to fix this problem. Now i share a way to fix this problem…enjoy…



Download following ZIP file and run Registry file. Then system ask a conformation accept it Click here  (Alternative Link) OR Click here

After install above file. Follow below steps

• Open RUN by clicking Windows Key + R.   

 

• Now you will get  a new box Registry Editor. Open HKEY_CLASSES_ROOT folder.

• Select  exefile folder from drop down folder list .

• Open shell folder from list.

• Click on Open folder

• Then hit on command  and  In right-side pane, change value of Default key(Double Click on Default) to

"%1" %*

 Root is HKEY_CLASSES_ROOT\exefile\shell\open\command

• That's all. Now restart your Windows. Now you should be able to open EXE files without any problem.

Comment below………………………….

Read More

How To Add jQuery Popup Boxes To Blogger

Friends now i share a simple trick to make a jQuery popup box in your blogger. After add this code to your  Blogger, button appear. When we hit on that button, a box will popup in your site .Try it now..

• Login to you Blogger dashboard.

• Go to templates, click on Edit HTML option and Proceed.

• Find (Ctrl+F) </head> tag.

• Paste the below  code before </head> tag and save the template.

<span id="preserve822ccda38c6941ad85c68878a85f603b" class="wlWriterPreserve"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ /***************************/ //@Author: Adrian "yEnS" Mato Gondelle //@website: www.yensdesign.com //@email: yensamg@gmail.com //@license: Feel free to use it, but keep this credits please! /***************************/ //SETTING UP OUR POPUP //0 means disabled; 1 means enabled; var popupStatus = 0; //loading popup with jQuery magic! function loadPopup(){ //loads popup only if it is disabled if(popupStatus==0){ $("#backgroundPopup").css({ "opacity": "0.7" }); $("#backgroundPopup").fadeIn("slow"); $("#popupContact").fadeIn("slow"); popupStatus = 1; } } //disabling popup with jQuery magic! function disablePopup(){ //disables popup only if it is enabled if(popupStatus==1){ $("#backgroundPopup").fadeOut("slow"); $("#popupContact").fadeOut("slow"); popupStatus = 0; } } //centering popup function centerPopup(){ //request data for centering var windowWidth = document.documentElement.clientWidth; var windowHeight = document.documentElement.clientHeight; var popupHeight = $("#popupContact").height(); var popupWidth = $("#popupContact").width(); //centering $("#popupContact").css({ "position": "absolute", "top": windowHeight/2-popupHeight/2, "left": windowWidth/2-popupWidth/2 }); //only need force for IE6 $("#backgroundPopup").css({ "height": windowHeight }); } //CONTROLLING EVENTS IN jQuery $(document).ready(function(){ //LOADING POPUP //Click the button event! $("#button").click(function(){ //centering with css centerPopup(); //load popup loadPopup(); }); //CLOSING POPUP //Click the x event! $("#popupContactClose").click(function(){ disablePopup(); }); //Click out event! $("#backgroundPopup").click(function(){ disablePopup(); }); //Press Escape event! $(document).keypress(function(e){ if(e.keyCode==27 && popupStatus==1){ disablePopup(); } }); }); //]]> </script></span> <style type='text/css'> #backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1; } #popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:200px; width:350px; background:#FFFFFF; border:2px solid #cecece; z-index:2; padding:12px; font-size:13px; } #popupContact h1{ text-align:left; color:#6FA5FD; font-size:22px; font-weight:700; border-bottom:1px dotted #D3D3D3; padding-bottom:2px; margin-bottom:20px; } #popupContactClose{ font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block; } #button{ text-align:center; margin:100px; } </style>

 Find (CTRL+F) height:200px; width:350px;  Change box width and height.

• Save template.

• After that go to Layout.

• click on “ADD A GAGDET".

• Select HTML/Java Scripts.

• Copy and paste below code.

<div id="button"><input type="submit" value="Your-Popup-Button-Name" /></div><div id="popupContact"> <a id="popupContactClose">x</a> <h1>Enter-Popup-Title-Here</h1><p id="contactArea">Enter-Your-Popup-Content-Here </p></div><div id="backgroundPopup"></div>

Replace Your-Popup-Button-Name, Enter-Popup-Title-Here, Enter-Your-Popup-Content-Here with your data.

• Save It and click preview.

Leave a comment…………………….

Read More