Apna Hai - W3 HTML CSS Courses Tutorials: Social Share

Results for Social Share

How to Remove a Facebook Fan Page

W3 HTML CSS Courses Tutorials December 02, 2020

How to Remove a Facebook Page

First of all let's make sure we are on the same page - no intention! Before deleting your Facebook page, quickly see the difference between Facebook pages and a profile, and if deletion is the best choice for you.

Delete Facebook fan page with one click : Do remember, it will take 14 days to delete the page once you click on delete page. Go to your Facebook page and click
Deleted a Facebook profile versus a Facebook page
A Facebook page is different from your Facebook profile, also called your Facebook account.
Your Facebook profile page is your personal account. This is where you see your news feed, containing pictures of friends and family, and creating posts about your life and feelings. Your profile is all about you, and connect with friends and family.
Facebook pages are created for marketing: Businesses, groups and individuals can promote themselves and communicate with customers or fans.
There are two types of Facebook pages that you want to delete.
The first is a Facebook business page, and for the second community and population.
This community and public image pages can be used for teams and clubs, or, when used for celebrity, they are known as "Facebook fan pages".

Step by Step.

Step 1.

Step 2.

Step 3.

Step 4.

Step 5.

Step 6.

If you look at any page, you can use these instructions to delete your page on Facebook.

Now that you are clear about the difference between a page and a profile, consider the right thing to delete your page before the process goes too far.
Is your Facebook page deleted right?

Some people would like to delete a page if it is outdated or incorrect. You may delete an old event, project, or enterprise which is no longer relevant to a Facebook fan page. For example, in this tutorial, I will show how to delete a Facebook page created for theater production two years ago. Permanent deletion is not right for your Facebook page because:

How to Create Custom Social Share Buttons

W3 HTML CSS Courses Tutorials December 02, 2020

Social media sharing is mostly needed for any web project.

Customizing your buttons can help them stand out and be a bit more eye-catching than the standard social buttons, Create Social Sharing Buttons, Custom Sharing Buttons for Social Media. These files contain a basic template for creating customized social media share buttons on a web page, Step by step guide on how to add social share buttons in WordPress with total ... In this article, we'll show you how to easily add social share buttons

Some advantages of social media sharing
Less marketing costs
Increase sales.
Increase traffic to your website.
Search engine optimization ranking.

There are many free and easy-to-use services. But all social sharing plugins use a lot of JavaScript, which increases page load time. So, using a social sharing button with custom links is a good idea if you want to customize the social sharing button according to your project theme and fast load page.

Share This

<center><h8 class='share-title'>Share This:</h8>               <div class='share-art'>  <a class='fac-art' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGZ1y1q0vdBeaa_eFMwWxCCyVcSeWJIuYFVzbA_BmAufYWa5vKituerjs3at96_RuYBwkzmRzlsq4bouIaB5hRGCa-ygX-0bRwWLk5MaadbBiDAuQ98yuO4fPUAqnLyJ1tijipPWGchlV/s1600/fb.png'/></a> <a class='twi-art' expr:href='"http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPgXrQICkPUX31MusO-vucOES59zGTUsCkIQQxW67CELETAS5bFiQwanlZyAdmf9Ui0CqVwIxAhrFiLTOwgoLQw0RAMzskdQRMbzq7UxzjEHw1eAZlyLhNI8eyf5GxCDANjcnWeIMxhc4P/s1600/t.png'/></a> <a class='goo-art' expr:href='"https://plus.google.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikdZjbb8BcZ1Vgp1miIVe_nv9mfV6sUxUzPlObhL6PU_FNU6mDTyswJPWf3mCOE5XWTN-f11csCAYZisnnXbkVLeD1S-lZQTUWjW0uZfOaugG40B7y_NfJGPlapIsXvgGc8yWf5X3gjlWI/s1600/g.png'/></a> <a class='pin-art' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.firstImageUrl + "&description=" + data:post.snippet' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi6chVf5YUHLq7WzK0T4YqcKafS-AAS4mRA-HOG-kLeEb14P-F8Aw8sQLWAZOUfqz_ikiCOFoUQLBN08dopYO7Dlx3UDb6qkmaK7-UdAH_BpMZZ_Ah60JcbsmsBmp3HL98KMNPiMvU-GMA/s1600/p.png'/></a>    <a class='lin-art' expr:href='"http://www.linkedin.com/shareArticle?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5SxwpbnS_P0WmA3ruc2h9pYJHIK7AwGwKyUdxCN1kIKeVvc6ZuzlrpdZSqQEqN6UNniDVK5eDSON8tsDq_o3B6dqMrWa4BD7yCbsIHvFCYIoNfxQ3_-QOeReiEDZqwEX7pCmfnzAF5sh/s1600/l.png'/></a> </div></center>

How to Create Custom Social Share Buttons

Share This

<center><h8 class='share-title'>Share This:</h8>               <div class='share-art'>  <a class='fac-art' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img height='38' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvpX-DBlMFIFkvE6X7yy1eZrDy2eleTNH0VkUiGmUYcOaJLOC44SxBN2JenDJ_dmtM1V4UG_DfU3DIF8P1BobXZIqTj-MYayQnX5sAJGXFQK_v0iW8glmsXEUYR11-lN5erie8_V9wWpE/s1600/fb.png' width='42'/></a> <a class='twi-art' expr:href='"http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img height='38' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwIhCEwgcYPCJ_x7QeCKnbyIbpl7ljN_queLtjXU-eTLsLT4HPhlzr4l4iYJhRWigH47DyQqX2zAwQExU7E9E84630GS1h_1stg37J8RZa-cSiz5gkdt8rRgHDIKQH_HKMkag9XPm21Ag/s1600/t.png' width='42'/></a> <a class='goo-art' expr:href='"https://plus.google.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img height='38' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy4IhNba4GJwWTeVGpd0Q2-qPwOcWO5ApVlK-QIKtxdIfl58SYb74GSu6OdC_hbeD9nhXLLcpOmtakKdaICEe3m-UgNEMuJn7woNojYRyULE0xzPBpMnh0RdzI-toqabkdemTd4u9DobQ/s1600/G.png' width='42'/></a> <a class='pin-art' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.firstImageUrl + "&description=" + data:post.snippet' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img height='38' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4ckoAyyW4B3tdtJ_8YXwFCwKh3uMNfcr06LfIeNrKuF0yHijLrap04GklLkncDSWMYUP2SbHszDeMB1Kk8buFMxb7r2ZNTsiiIj1WJDlsir12u-nMcW1edy3x0g7p7hHP2xCBPWITSAU/s1600/p.png' width='42'/></a>    <a class='lin-art' expr:href='"http://www.linkedin.com/shareArticle?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><img height='38' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdo-D2wYZhmDc2z-47Ggd6xcO0_jiInD7J3dRMke-l6V45XIh2jaOrn7YvGJhOzMTlvcqOUrPdAUSxpzUNLf-beqjhB40kKQxovPgR2ymMleIyVDYfue-dcZTMctgtEi5fJSuz32GOgWs/s1600/in.png' width='42'/></a> </div></center>

In this short article, we will provide custom social sharing links for some popular social media. Using those links you can create social sharing buttons for sharing webpage URLs without javascript.
Or Manuali Link Share
Use This Code

Facebook Custom Share Link:
http://www.facebook.com/sharer.php?u=[EncodedURL]
Twitter Custom Share Link:
http://twitter.com/share?text=[TITLE]&url=[URL]
Google+ Custom Share Link:
https://plus.google.com/share?url=[EncodedURL]
LinkedIn Custom Share Link:
http://www.linkedin.com/shareArticle?mini=true&url=[EncodedURL]
Pinterest Custom Share Link:
http://pinterest.com/pin/create/button/?url=[EncodedURL]&media=[MEDIA]
StumbleUpon Custom Share Link:
http://www.stumbleupon.com/badge/?url=[URL]
Reddit Custom Share Link:
http://www.reddit.com/submit?url=[EncodedURL]
E-Mail Custom Share Link:
mailto:?subject=[SUBJECT]&body=Check out this site [URL]

How TO - Login Form Web Page

W3 HTML CSS Courses Tutorials November 29, 2020

How TO - Login Form Web Page

CSS can make responsive web pages and is used for styling and its ... <div class="login">, The beginning of the journey in (front-end) web development can be ... As you can see, the page contains a title, a login form (for username and passward) Free HTML5 and CSS3 Login Forms for your website. Every Login Form has been hand-picked and tested by Colorlib to ensure the highest

Modal Login Form

<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>body {font-family: Arial, Helvetica, sans-serif;}  /* Full-width input fields */ input[type=text], input[type=password] {   width: 100%;   padding: 12px 20px;   margin: 8px 0;   display: inline-block;   border: 1px solid #ccc;   box-sizing: border-box; }  /* Set a style for all buttons */ button {   background-color: #4CAF50;   color: white;   padding: 14px 20px;   margin: 8px 0;   border: none;   cursor: pointer;   width: 100%; }  button:hover {   opacity: 0.8; }  /* Extra styles for the cancel button */ .cancelbtn {   width: auto;   padding: 10px 18px;   background-color: #f44336; }  /* Center the image and position the close button */ .imgcontainer {   text-align: center;   margin: 24px 0 12px 0;   position: relative; }  img.avatar {   width: 40%;   border-radius: 50%; }  .container {   padding: 16px; }  span.psw {   float: right;   padding-top: 16px; }  /* The Modal (background) */ .modal {   display: none; /* Hidden by default */   position: fixed; /* Stay in place */   z-index: 1; /* Sit on top */   left: 0;   top: 0;   width: 100%; /* Full width */   height: 100%; /* Full height */   overflow: auto; /* Enable scroll if needed */   background-color: rgb(0,0,0); /* Fallback color */   background-color: rgba(0,0,0,0.4); /* Black w/ opacity */   padding-top: 60px; }  /* Modal Content/Box */ .modal-content {   background-color: #fefefe;   margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */   border: 1px solid #888;   width: 80%; /* Could be more or less, depending on screen size */ }  /* The Close Button (x) */ .close {   position: absolute;   right: 25px;   top: 0;   color: #000;   font-size: 35px;   font-weight: bold; }  .close:hover, .close:focus {   color: red;   cursor: pointer; }  /* Add Zoom Animation */ .animate {   -webkit-animation: animatezoom 0.6s;   animation: animatezoom 0.6s }  @-webkit-keyframes animatezoom {   from {-webkit-transform: scale(0)}    to {-webkit-transform: scale(1)} }    @keyframes animatezoom {   from {transform: scale(0)}    to {transform: scale(1)} }  /* Change styles for span and cancel button on extra small screens */ @media screen and (max-width: 300px) {   span.psw {      display: block;      float: none;   }   .cancelbtn {      width: 100%;   } } </style></head><body> <h2>Modal Login Form</h2><button onclick="document.getElementById('id01').style.display='block'" style="width:auto;">Login</button> <div id="id01" class="modal">     <form class="modal-content animate" action="/action_page.php" method="post">    <div class="imgcontainer">      <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">×</span>      <img src="img_avatar2.png" alt="Avatar" class="avatar">    </div><div class="container">      <label for="uname"><b>Username</b></label>      <input type="text" placeholder="Enter Username" name="uname" required>       <label for="psw"><b>Password</b></label>      <input type="password" placeholder="Enter Password" name="psw" required>               <button type="submit">Login</button>      <label>        <input type="checkbox" checked="checked" name="remember"> Remember me       </label>    </div><div class="container" style="background-color:#f1f1f1">      <button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>      <span class="psw">Forgot <a href="#">password?</a></span>    </div></form></div><script>// Get the modal var modal = document.getElementById('id01');  // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) {     if (event.target == modal) {         modal.style.display = "none";     } } </script> </body></html>

Subscribe to: Posts ( Atom )

How to Remove a Facebook Fan Page

How to Remove a Facebook Page

Step by Step.

How to Create Custom Social Share Buttons

Social media sharing is mostly needed for any web project.

How TO - Login Form Web Page

Modal Login Form

Labels

Popular Posts

Facebook

Blog Archive

Subscribe Us