In order to configure on your computer, please follow below step:
- Open Network and Sharing Center by right clicking on network icon of your right hand side of Task Bar
- Click on "Local Area Connection" (will appeared connection status dialog box)
- Click on "Properties"
- Select "Internet Protocol Version 4 (TCP/IPv4)
- Click on "Properties" (will appeared Internet Protocol Version 4 dialog box)
- Choose "Use the following DNS server address and key in the following google DNS server numbers
~ Preferred DNS Server: 8.8.8.8
~ Alternate DNS Server: 8.8.4.4
Then click "OK" to save the setting and now you are using Google DNS server with faster DNS lookups and improve security and read more here -> https://developers.google.com/speed/public-dns/
Friday, February 17, 2017
Wednesday, February 15, 2017
Page Jumps with Anchor Links #
If you want to create page jumps with anchor link code, you will need these two elements:
- The link
- The target
Example:
- Create the Link:
<a name="youlinktext">yourlinktext</a>
and link to the Target:
<a href="#yourlinktext">go to your link text</a>
- Link to div tag with id:
<div id="#yourlinkname">
- Linking to the Top of the Page:
Add the “target code” at the very top of your page:
<a name="toppage"></a>
And then put the following link code at the bottom of the page with "#"
<a href="#toppage">Top</a>
- Link to different page
<a href="../yourURL/#yourlinkname">Go To Next Page</a>
To get Smooth Page Scroll Effect, you may put the following jquery code right before body tag:
<!-- Start SMOOTH PAGE SCROLL -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
<!-- End SMOOTH PAGE SCROLL -->
Credit: Jquery code snippets by Chris Coyier and here is example on codepen: http://codepen.io/chriscoyier/pen/dpBMVP
- The link
- The target
Example:
- Create the Link:
<a name="youlinktext">yourlinktext</a>
and link to the Target:
<a href="#yourlinktext">go to your link text</a>
- Link to div tag with id:
<div id="#yourlinkname">
- Linking to the Top of the Page:
Add the “target code” at the very top of your page:
<a name="toppage"></a>
And then put the following link code at the bottom of the page with "#"
<a href="#toppage">Top</a>
- Link to different page
<a href="../yourURL/#yourlinkname">Go To Next Page</a>
To get Smooth Page Scroll Effect, you may put the following jquery code right before body tag:
<!-- Start SMOOTH PAGE SCROLL -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
<!-- End SMOOTH PAGE SCROLL -->
Credit: Jquery code snippets by Chris Coyier and here is example on codepen: http://codepen.io/chriscoyier/pen/dpBMVP
Subscribe to:
Posts (Atom)
Restricted Access to the website with http basic authentication for additional security layer
Restricted Access to the website with http basic authentication for additional security layer ############## #For Nginx Server #########...