Wordpress Tips

Showing posts with label Wordpress Tips. Show all posts
Showing posts with label Wordpress Tips. Show all posts

How to add Facebook share button without app id ?


Facebook share button

Facebook share button is very much effective for every webpage as it helps to increase visitors on your webpage. Facebook has 2 billions more users. So, by adding Facebook share button, you will allow visitors to share your article or web page on easy way. 

In this article, I am showing you how you can add Facebook share button in your blog or website without creating app id. Find the code below and add on your website or blog.

HTML

<button type="button" class="btn btn-primary" id="facebookLink" data-url="URL_OF_YOUR_WEBPAGE">
Facebook Share
</button>

Javascript/JQuery

 <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

<script>
(function($){
    "use strict";
    
     //console.log('mounted');
     $("#facebookLink").on("click",function(){
      let url = $(this).data('url');
     var fbpopup = window.open("https://www.facebook.com/sharer/sharer.php?u=" + url, "pop", "width=600, height=400, scrollbars=no");
     return false;
    });

    $("body").append("<div id='fbcredit'><a href='https://www.allblogsolution.com/2021/02/how-to-add-facebook-share-button.html' target='new'>Add FB Share Button</a></div>");
    $("#fbcredit a").css({'font-size':'9px','color':'#f3f3f3'});
 })(jQuery);
</script>

Note: You have to replace URL_OF_YOUR_WEBPAGE by your webpage url. And I have not provided stylesheet code here as you can code whatever style you want to apply on this facebook share button. And you also can remove the credit given to allblogsolution.


How to install wordpress and make a blog post within few minutes


Hello friends, are you looking to start blogging ?
Do you want to express your feelings and experience?
Do you want to provide lessons for people?
Are you looking for making money through blogging ?
Are you getting confuse on choosing CMS ?

Don't get confused. I use wordpress and I like all the features of wordpress. It is flexible and easy to use so I always suggest you to use wordpress.... because it is dynamic content management system specially used for blogging.You can get number of plugins to manage your sites or blogs. In this tutorial, I am using localhost to install wordpress, but you also can use online hosting to install wordpress, where you do not have to download wordpress through wordpress.org because many of the hosting service provide already install wordpress installer there which easily install wordpress in few seconds.

So lets start installation of wordpress easily in a few minutes......
  1. First of all just download wordpress through wordpress.org
  2. Just unzip it into the htdocs folder of xampp if you are using xampp. If you are using wamp as your localhost, just unzip wordpress into www folder.
  3. When you unzip the wordpress. Then you have to create a database for your wordpress. It must be done before installation of your wordpress.
  4. To make new database goto localhost/phpmyadmin and create new database name - such as "testwordpress".
  5. Now go to url bar and type localhost/YOUR-WORDPRESS-FOLDER name, then hit enter.
  6. Now you will be prompted to a requirements listed page where you make remember of 5 things and they are database name, database username, database password, host and prefix.
  7. If you make and know all these 5 things, you go for installation, otherwise you have to find them.
  8. Now in another window, you have to provide site title, username, password etc and click for run install. In a few minutes your wordpress will be installed if you provide all the correct information.
  9. Then login to your dashboard which seems as shown in below figure.
When installation goes completed, you have to login into wordpress dashboard to post where you can get post and page two option to write content. Write a post and click on publish to make a new blog.

Wordpress Admin Panel
Wordpress Admin Panel