Skip to main content

Posts

Showing posts with the label html

Divide your blog posts into pages on Blogger in 5 minutes !.

If you are a blogger who uses Blogger as your CMS like me, you must have a question. "How Can I Post On A Separate Page So That Readers Can Easily Find All Posts Related To A Topic??" Then you got to the blogger setting pages and got the pages tab. Then you create a new page with a title and post your first post related to that title. You add pages widget to your blog and think you're all set. But you aren't. You have to face the problem when you are going to post a second post related to the previous topic. You find no way to create a new post inside your page. You try using Iframes or borders blah blah blah... but all of them waste your precious time. But Don't Worry. You are a fan of my blog with 5 minutes to do an experiment and I have the Solution. Here we go... How To Divide Blog Posts Into Pages on Blogger Step 1 When you create new posts on Blogger you can easily add labels to your post   Go to that section and enter labels that related to your post. you c...

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...