Announcement:

  Hello, We Are Now Designing Blogger Awesome Template. Check Out At Netzspot.Blogspot.
Showing posts with label JavaScript Codes. Show all posts
Showing posts with label JavaScript Codes. Show all posts

Sunday, January 5, 2014

How To Change CSS Class Of Multiple DIV Having Same Classes?

How To Change CSS Class Of Multiple DIV Having Same Classes?

Many codes including me was looking for it. This type of code is also availeable on google widley but they arenot like this. This one have some extra features. Its sound to be simple but its not only in working and very simple in coding. The main work of this code is first to pick the desired classes from all the webpage through CSS CLASS not CSS ID that many do, The next step is to convert all of these classes with one click to other classes. So via this you can change full style of a div using its class.

It actually run a loop by finding the same class from a webpage that is not required if we pick the DIVs from there ID but sometime we only have CLASS. One more thing is that you can also switch between two classes or a div using the same code and also some more taht you can get via contacting us. So now check out the live DEMO and see the features of the code and get it from below. Its quite easy to understand and use it.
Read More ...

Friday, June 14, 2013

Stylish JavaScript Testimonials Slider For Blog And Website

Stylish JavaScript Testimonials Slider For Blog And Website

After My Previous Post J-Query Text Slider Without Navigation.Many People Send Me Request To Share A Testimonial Slider Without JQuery Because It Will Increase There Loading Time, So Here I Am Again With The New And Only JavaScript Code.As many people want Testimonial slider for there website and blog to show there visitor that they have good response from there Great User. For this purpose they want text box but if they have more then one testimonial there is a big problem to them how to manage them all without wasting extra space from there site and blog.So i am here with a new article and a awesome JavaScript so that you can user this on your site or blog, it is easy to install and quick to load with navigation menu so that visitor can see how many testimonial you have.
Read More ...

Monday, May 6, 2013

How To Customize Title Tag Of A Link Through CSS-JavaScript?

Customize Title Tag Of A Link Through CSS-JavaScript

Before proceeding further first we have to learn that What Is Title Tag And Why They Are Important. When you're trying to create effective page content that will appeal to both human visitors and search engine spiders, you need to get the most out of every page element. One way to do this is to use ALT TAG for SEO and TITLE TAG for Visitor . They increase your site's usability level and promotion possibilities if you clearly understand where to put them, when to use them, and why.

What Is ALT Tag:-

The ALT attribute is designed to be an alternative text description for images. ALT text displays before the image is loaded (if it's loaded at all) in the major browsers and instead of the image in text-based browsers. ALT is a required element for images and can only be used for image tags because its specific purpose is to describe images.

What Is TITLE Tag:-

The Title attribute is designed to be a description for images and links that if a visitor want to open a link, they should be known of what they are going to open through hover description.

***BUT***

There is a problem that in default title tag you can not edit it or customize it like if you want to see a breif description of link like heading and paragraph with tables and image, That is something that can attract your visitor,Don't be afraid it's so easy. I am going to show how you can do it as you have seen in the above screen shoot.Just have a look on live demo throught the given link.
Read More ...

Wednesday, April 24, 2013

Simple Float DIV Stick To Top After Scroll With Changing It's CSS

Simple Float DIV Stick To Top After Scroll With Changing It's CSS

There are times when you would want to display a bar at the top of the page when user scrolls on the page and it should go back to its original position when the user scrolls back up. This is particularly useful when you want to add say a share bar, a search bar, etc and make it always visible even when the user is at the bottom of the page.
Read More ...

Monday, April 1, 2013

How To Open/Show Close/Hide DIV After Some Desired Time?

How To Open/Show Close/Hide DIV After Some Desired Time?

Today after many previous post like "How To Open DIV On Click" or "How To Close DIV On Click", I am here to show an awesome code that is "How To Open/Close DIV OnClick/OnLoad After Some Desired Time". This is absolutly an awesome code and I think that you must need it if you are providing data on your sites or links to them. First of all I describe this code in front of you.
Read More ...

Tuesday, March 26, 2013

How To Open A DIV Content/Data Into A POPUP Window?

How To Open A DIV Content/Data Into A POPUP Window?

ToDay The Question Is "How To Open A DIV Content Or Data Into A New Browser POPUP Window With Close And Print Option To Make It Easy For Your Visitors With JavaScript Code".
Some of my friends were asking about something like it so i am here again to fullfill there desire, This is a special and simple popup window shoer code that will get your DIV data and automatically creat a popup at that time and make it visible to the viewer, This is also used for removing formats like if you have style up you DIV with extra css and you allow visitor to copy the code from that DIV, When the user copy your code or data, There will automatically CSS will be copied on his clipbord, But through this all formats will be removed and only simple text with better vision will be displayed in new popup window that will make your user also happ to be easy.
Read More ...

Wednesday, January 23, 2013

How To Add Simple Floating DIV Using J-Query In Blog/Site

How To Add Simple Floating DIV Using J-Query In Blog/Site

Now I Am Here With A New JQuery Code With A Hope That You Will Surely Like It. Today I Will Share You My Code That How To Add Simple And Stylish Floating DIVs To Left Or Right In Your Blog And WebSite Using J-Query And Having A Working Close Button To Add Any Data Into The DIV Easily? Actually Many Friends Were Asking About Something Like This So Here It Is.
Read More ...

Thursday, January 10, 2013

How To Copy Text From A Div And Paste It Into A TextArea Using JavaScript?

How To Copy All Text From A DIV And Paste It Into A TextArea Via Single, Double Click On Text Or HTML Button On DIV Using JavaScript With Full Customization On A Web-Page Easily?

ToDay The Question Is That How To Copy All Text From A DIV And Paste It Into A TextArea Via Single, Double Click On Text Or HTML Button On DIV Using JavaScript With Full Customization On A Web-Page Easily? You Have Ever Experienced Some Code Like This On Any Other Blog/Site And Want It To Your Blog/Site But They Are Not Sharing, Don't Be Down Because Here It Is.
Read More ...

Saturday, December 22, 2012

How To Highlight/Select All DIV/Span Content Using JavaScript?

How To Highlight/Select All DIV/Span Content Using JavaScript?

The question is that "How To Highlight All Or Select All DIV Or Span Text Or Content On Mouse Click On Button Using JavaScript?" Many blogger, coder want this awesome code to give his visitor a relax to his finger by giving him button to highlight all content using one click instead of pressing the mouse button and scrolling right to left or left to right.By this code you can also provide visitor hardware(Mouse0 to a relax. It is also best for Coding Providing Site/Blog to make it awesome and stylish. It has also unlimited features, First see the features and DEMO on this page before proceeding, Just scroll down and see the DEMO.
Read More ...

Saturday, September 29, 2012

How To Highlight All TextArea Content Using JavaScript Button?


ToDay The Question Is That "How To Highlight Or Select-All Entire TextArea Content Or Text Using Simple Button By Single Line JavaScript Awesome Code?"
Many websites use this little Javascript functionality. It enables you to give a user the option of selecting or highlighting all text within a textarea element of an HTML form, just by clicking on something as opposed to dragging their mouse over the text to highlight it. It is primarily used in the event where people are expected to copy and paste code off of your website. It uses JavaScript methods to bring focus to the field, then select it.We can select the text inside a textarea by clicking the 3D HTML button. This is required when we want to give a piece of code to the visitors can copy. We will use onClick event to trigger a function and we will keep the code.
Read More ...

Wednesday, September 5, 2012

How To Disable Highlighting The Text From DIV, Blog And Website?

How To Disable Highlighting The Text From DIV, Blog And Website?

If you've spent time writing online articles or lengthy blog entries, the last thing you want to see are passages of your original work reproduced without your consent. It's fairly easy, though, for unscrupulous Internet users to steal your work. Text selection refers to being able to highlight segments of text in order to copy and save the words elsewhere. If you want to disable text selection for areas of your website, there's a short line of code that can be added to do this. It's not a foolproof strategy, but it might help.
Read More ...

Wednesday, August 29, 2012

How To Disable Right Click Menu In Blog And Website?

How To Disable Right Click Menu In Blog And Website?

The Main Question Is How To Disable Right Click Menu In Blog And Website Using Single Line Short JavaScript Code In <body> Tag To Secure Your Blog And Website?
Well here's a really simple script that you can use to block all access to the context menu (not just from the right mouse button but from the keyboard as well) and really annoy your visitors. The script is even simpler than most of the ones that only block the mouse button and works in about as many browsers as those scripts do. Here's the entire script for you. Adding just that small piece of code to the body tag of your web page is more effective at blocking your visitor's access to the context menu than the many no right click scripts that you can find elsewhere on the web because it blocks access from both the mouse button and the keyboard options described above. If you want to show a message when visitor clicks "Right Click" then read this How To Disable Right Click In Blogspot And Website With A Custom Message?
 I want my readers to know how to protect your hard work put on creating and writing new articles on your website or blog from being copied by others. Please bear in mind that this is no guarantee that your content will not be copied. Someone with a little bit of experience may be able to bypass this JavaScript. But at least you are not making it so easy for them.
Please find below the HTML code that you need to instert in your blogger template or website in order to disable the copy paste function.
Read More ...

Wednesday, July 18, 2012

How To Disable Copying Text From Blog And Website?

How To Disable Copying Text From Blog And Website?

Today, I want my readers to know how to protect your hard work put on creating and writing new articles on your website or blog from being copied by others. Copying the text from your site and blog and posting it elsewhere is common on the Internet. There are sites which doesn't allow us to copy the text from the web pages. The copy function is disabled in the site by the site admin in order to protect the site. We will see how to implement the same methodology for Blogger and website. This trick is valid for any sites. This trick is going to disable (Ctrl+A) function for your site.
How To Disable Copying Text From Blog And Website? 
Please bear in mind that this is no guarantee that your content will not be copied. Someone with a little bit of experience may be able to bypass this JavaScript. But at least you are not making it so easy for them.
Please find below the HTML code that you need to instert in your blogger template or website in order to disable the copy paste function.
Read More ...

Tuesday, June 19, 2012

Show And Hide DIV Layers On Click Over Text With JavaScript Code

Show And Hide DIV Layers On Click Over Text With JavaScript Code

As i share earlier three awesome, stylish and cool design with simple JavaScript widget code with you same type of widget but many people ask me to share the update in which the div will open on the click over text and close on the same text from where the div will open so i am here with fulfilling there wish and add a new stylish JavaScript code here to make it clear that we will works for you. So here is the new code first see the screen shoot or the live demo and then if you like it then use it.I got messed with lot of code including JQuery but from there i learned and just make my own simple and shortest JavaScript code for Multi-division because many other coders providing only one but user want unlimited.
Now here’s a simple tutorial on Show And Hide DIV Layers On Click Over Text With JavaScript Code. This is very simple code and only contain JavaScript so it is quick ti load and works with every browsers and every system.. Many people want this widget so that they can save there space on website or blog to show there widget on user demand because many visitor did not want everything so if some one needs any thing they just read the title and open if he desire. So without any more preface here we proceed to that widget code.

Read More ...

Friday, June 8, 2012

Simple JavaScript Text + Image Slider For Blog And Website

Simple JavaScript Text + Image Slider For Blog And Website

As we have seen many of awesome and stylish sliders that are really coll while working but they have a lengthy code with heavy JQuery that often disturb your template and also increase your blog and website loading time so high so that visitor ger anger and leave your site or blog. Here I am not telling you to banned the use of slider but it is now important to show your hot post or article to your visitor with saving your space. Here I am telling you to use simple coded and easy sliders that can be customizable according to your template or are not heavy to increases your loading time. I see that many slider contain HTML, CSS, JavaScript And HTMl. As you know that the heaviest language code is JQuery so here is my slider in which Only JavaScript is available with short CSS as you want. It Did Not contain even HTML so you can imaging that how simple is this but first have a look on slider screenshot before proceeding. It didn't contain as function as other heavy slider contains but it is unique.
The original code is provided by Dynamic Drive i just updated this with some extra code and your slider is ready to rock.


Read More ...

Sunday, June 3, 2012

How To Make All External Links NoFollow Automatically

How To Make All External Links NoFollow Automatically

Now a days after Google Panda Update there is a lot of importance of no-follow tag in links because it is the final hope to secure your PageRanks juice. One of the useful way for best Search Engine optimization for your blog is making all external links nofollow. NoFollow tag helps your blog to have a stable ranking in search engines. Actually, Search Engine robots come on your blog and they visit all links placed in your blog post. Its an intelligent to keep those robots on your blog and let them index only your blog posts. By using nofollow, your link juice is not shared with others which cause a stable Google pagerank.
Read More ...

How To Make All External Links DoFollow Automatically?

How To Make All External Links DoFollow Automatically

DoFollow backlinks are simply put, hyperlinks (url's to another website), that do not have the "rel= nofollow" tag in the html code. When a spider crawls the html code and does not find the "nofollow" tag, it then regards this link as more important and passes on Page Rank to the website that the backlink is pointing at.
I am not saying that nofollow backlinks are useless, they simply carry less weight than DoFollow Backlinks when it comes to Search Engine Rankings and Page Rank.
Read More ...

Friday, June 1, 2012

Where To Link/Embed JavaScript File/Code In Blogger And Website?

Where To Link/Embed JavaScript File/Code In Blogger And Website?
This post explains how to host javascript(.js) files in blogger itself, so you don't need to worry about bandwidth limitations,etc:-
"How to host Javascript files for Free with unlimited bandwidth ?" is one of the most frequently asked questions in the blogger community. There are tons of hosting providers out there who can help you host your .js files for Free, but all have some bandwidth limitations and also they are not very reliable.
Did you ask yourself why in blogspot posts some javascript code works but in some cases don't. In this article you will find answer.
In HTML\Jscript gadgets jscript code work well. But this is not a case in posts.
Somewhere I founded tip to make jscript file with jscript code and put this file on the web. After that call jscript function addressing that file.
I think that this method have too many steps and that is too complicated (you must upload you jscript file somewhere on the web and later call this file from your blogspot post).

Benefits Of This Trick:
» No file size limitations
» No bandwith limitations
» Super fast page loading (coz files are stored in blogger itself)
There Are 5 Type Of Embedding Or Linking, Please Read That All.
Read More ...

Wednesday, May 16, 2012

Awesome JavaScript News Slider Widget For Blog And Website

Awesome JavaScript Latest News Slider Widget For Blog And Website

This is not only a Latest News Slider but you can use it as Text Slider And Testimonial Slider Also
Many people want News slider for there website and blog to show there visitor that what they are going to do. For this purpose they want text box but if they have more then one news there is a big problem to them how to manage them all without wasting extra space from there site and blog.So i am here with a new article and an awesome JavaScript  code so that you can usre this on your site or blog, it is easy to install and quick to load so that visitor can see what is the latest news you have.
Now it is also called JavaScript Text Slider. You cancustomize the fill code easily through the given step, The news will scroll up one by one after the time which you will give to him, News box container also with your CSS, In this slider you can also add author name with there caption.Text style, size color, format, font any thing you can easily customize, If you don't know How To Customize Feel Free To Ask.I Will Help You.
One more thing before proceeding further that this code is originally given by  © Dynamic Drive (www.dynamicdrive.com) I Just Up-Date It With Some Extra Codes.
Read More ...

Tuesday, May 15, 2012

Simple And Awesome Testimonials J-Query Slider For Blog And Website

Simple And Awesome Testimonials J-Query Slider For Blog And Website

Many people want Testimonial slider for there website and blog to show there visitor that they have good response from there Great User. For this purpose they want text box but if they have more then one testimonial there is a big problem to them how to manage them all without wasting extra space from there site and blog.So i am here with a new article and a awesome JavaScript or j query code so that you can usre this on your site or blog, it is easy to install and quick to load with navigation menu so that visitor can see how many testimonial you have.
Now it is also called JavaScript Text Slider With Navigation Or J-Query Text Slider Without Navigation. You can customize the fill code easily through the given step, This slide have 4 Awesome style of changing one to next testimonial, You can customize navigation button also and testimonial box container also with your CSS, In this slider you can also add author name with there caption.Text style, size color, format, font any thing you can easily customize, If you don't know How To Customize Feel Free To Ask.I Will Help You.
Read More ...