Skip to main content

Posts

Showing posts with the label web design

Dynamic Facebook Share Button for Your website and web pages | No configuration is required !!

Dynamic Facebook Share Button for Your website and web pages | No configuration is required! 😮😮😮😮 I was wondering how to let people share my webpage through Facebook. Even though Facebook Developer Tools let you create a Facebook button with ease you have to go to the developer's page and paste your URL into a box generate code, copy it, and paste wherever you want. but it is not the problem, The real problem is you have to repeat this process whenever you write a new blogpost/ post for your website. Then you have to use this javascript code for your webpage. It gets your web pages' address with javascript code  document . location . href ;   and passes it to the Facebook share gadget. here is the code and let the hack begin!! < div   id = "fb-root" ></ div > < script > ( function ( d ,  s ,  id ) { var   js ,  fjs  =  d . getElementsByTagName ( s )[ 0 ]; if  ( d . getElementById ( id ))  return ; js ...

Display web traffic by location with an Earth on your website | Without coding in 3 minutes

  Add a world map that shows your visitors' countries without coding in 3 minutes. Do you want to show your web traffic by location on your website? and you don't have time or knowledge to code. Then this article is born for you!!!  Just follow the four steps to make your site stunning 👇 Step 1 go to the site :   https://clustrmaps.com/add Step 2 type your websites address in the text box and hit NEXT button. and select the Globe Widget Step 3 You will be redirected to a site with a code  Last Step Copy the code shown inside the textbox and paste it wherever you want to show that globe inside your websites' source code You can also view the analytics of your site for free by visiting:  https://clustrmaps.com/profile/

Create a simple Digital Clock for Your website with Javascript.

Create a Unordered list in HTML You have to create a unordered list using <ul> and</ul> tags in your HTML file. And inside it include 3 <li> elements for Hours, Minutes and Seconds . ul > < li id = 'hours' ></ li > < li id = 'minutes' ></ li > < li id = 'seconds' ></ li > </ ul > Write The Script With Javascript Then you can place your script inside head tags. < script > function newfunc () { a = new Date (); day = "AM" hours = a . getHours (); if ( hours > 12 ){ hours = hours - 12 ; day = 'PM' } else { } document . getElementById ( "hours" ). innerHTML = ( "0" + hours ). slice (- 2 )+ ':' ; document . getElementById ( "minutes" ). innerHTML = ( "0" + a . getMinutes ()). sli...