Stack of codes.
Please comment below your opinion. We will try to improve and bring more accurate contents for you.

Thursday, 25 October 2018

Add Responsive Facebook Like Box Widget In Blogger

Add Responsive Facebook Like Box Widget In Blogger



There are tons of social sharing site available all over the inter net but Facebook is the most important among them, The like box they provide helps a blogger to reach their readers immediately in free of cost it also helps to provide better support to your user if you are running a client based niche blog. The like box widgets which are available on the internet are based on iframe which doesn't have responsive featyre also loads very slowly making your blog slower than snail, the widget which we are going to share is based on pure script and doesn't requires any iframe which makes it unique and fast loading., This version of the facebook like box is very much customizable and easy to edit. Lets move further and see How to Add Responsive Facebook Like Box Widget In Blogger.


Adding The Widget:

The First thing you need to do is to login into your Blogger account and
 go to >> Layout >> Click add a gadget any where into your 
layout >> Add HTML/JAVASCRIPT widget and paste the below code in the blank space.








<center><div id="fb-root"></div>

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=1760806057479925";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/USERNAME/" data-width="350" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></center>


.

Change the text  USERNAME with your Facebook username.



How to Set up a custom domain for a Blogger?



Set up a custom domain

When you buy a domain, you can personalize your blog’s website address.

Step 1: Buy a domain

See if you can buy a Google Domain or buy a domain from a non-Google provider. To buy a Google domain:
  1. Sign in to Blogger.
  2. Select the blog to update.
  3. On the left, click Settings and then Basic.
  4. Under "Publishing," next to "Blog Address," click Buy a domain.
  5. At the top, search for a domain.
  6. Next to the domain you want, click Buy.
  7. To finish buying your domain, follow the on-screen steps.
Note: If you’re an administrator, learn more about managing domains registered through Blogger.

Step 2: Set up your domain with your blog

Step 3 (optional): Add www. to your domain

To change your domain (example: mydomain.com) to www.mydomain.com, set up a naked redirect.​
  1. Go to your domain provider’s website.
  2. Open your DNS settings.
  3. Enter your domain name in the format example.com.
  4. Add four A-records which point to Google IPs.
    • 216.239.32.21
    • 216.239.34.21
    • 216.239.36.21
    • 216.239.38.21
  5. Sign in to Blogger.
  6. Select the blog you want to update.
  7. On the left, click Settings and then Basic.
  8. Under "Publishing," under "Blog Address," check Redirect [mydomain.com to www.mydomain.com].



Tuesday, 2 October 2018

How to Use Sassy Social Share

How to use Sassy Social Share Shortcode?

Shortcode::

You can use [Sassy_Social_Share] Shortcode in the content of required 
page/post where you want to display Social Sharing interface.

Example:
[Sassy_Social_Share]

You can use following attributes in the Shortcode

Style:
Use style attribute to style the rendered Social Sharing interface

Example:
[Sassy_Social_Share style="background-color:#000;"]

Type::
Use type attribute to specify the type (“standard” or “floating”) of Social Sharing interface. Defaults (if not specified) to standard

Example::
[Sassy_Social_Share type="floating"]


Title (Works with “standard” type interface only):
Use Title attribute to specify title above Social Sharing interface.

Example
[Sassy_Social_Share title="Sharing is Caring"]


Count::
Use count attribute to enable the share counts on Social Sharing interface.
1 is to tell plugin to enable count. It is not the number of shares.

Example::
[Sassy_Social_Share count="1"]


total_shares::
Set total_shares attribute value to ON to enable total shares. Defaults (if not specified) to OFF

Example::
[Sassy_Social_Share total_shares="ON"]


Align (Works with “floating” type interface only):
Use align attribute to specify alignment (left or right) of Social Sharing interface. Defaults (if not specified) to left

Example
[Sassy_Social_Share type="floating"]
(Will align to left, as align is not specified)

[Sassy_Social_Share type="floating" align="right"]
(Will align to right)


Left (Works with “floating” type interface only)::
Use left attribute to specify the left offset (distance form the left side of the screen) of Social Sharing interface. Defaults (if not specified) to 0

Example::
[Sassy_Social_Share type="floating" left="500"]


Right (Works with “floating” type interface only, “align” attribute must be set to “right”)::
Use right attribute to specify the right offset (distance form the right side of the screen) of Social Sharing interface. Defaults (if not specified) to 0

Example::
[Sassy_Social_Share type="floating" align="right" right="500"]


Top (Works with “floating” type interface only)::
Use top attribute to specify the top offset (distance form the top of the screen) of Social Sharing interface. Defaults (if not specified) to 100

Example::
[Sassy_Social_Share type="floating" top="200"]


Url::
Use Url attribute to specify the url to be shared. Defaults (if not specified) to the webpage where shortcode is placed

Example:
[Sassy_Social_Share type="floating" url="http://website.com/example.php"]


# You can use shortcode in PHP file as following
<?php echo do_shortcode(‘SHORTCODE’) ?>
Replace SHORTCODE in above code with the required shortcode like
[Sassy_Social_Share style=”background-color:#000;”],
so the final code looks like following
<?php echo do_shortcode('[Sassy_Social_Share style="background-color:#000;"]') ?>


 

#Widget

You can navigate to the Appearance > Widgets section in the left sidebar and enable Sassy Social Share – Standard Widget and Sassy Social Share – Floating Widget widgets in the required area


source:
http://support.heateor.com/sassy-social-share-shortcode-and-widget/


Friday, 21 September 2018

How to Update the Current Browser URL

How to Update the Current Browser URL

# UPDATE THE CURRENT URL IN BROWSER::

<script>

ChangeUrl = function(page, url) {

    if (typeof (history.pushState) != "undefined") {

        var obj = { Page: page, Url: url };

        history.pushState(obj, obj.Page, obj.Url);

        $('.breadcrumb-get-a-pro').attr('href', url);

    } else {

        alert("Browser does not support HTML5.");

    }

}

</script>

Popular Posts

Stack Of Codes, stackofcodes, Stack your codes here, Open your coding for all, Php coding, Codeigniter, blogger, Stack of codes Developers, Php Framework, stackofcodes.in, best coding site, Stack the codes, place the code in stack, Stack of codes is the largest, most trusted online community for developers to learn and share their programming knowledge and build their carrers.

Labels

PHP CodeIgniter SQL Facebook HTML Connect mysqli Constructor Destructor Stack Of Codes Update SQL codeignitre delete files from folder Aadhaar Agent Align center image Alternative Control Structure Back Slash Browser Browser version CSS Calculate Date Difference in php Cannot modify header information Check image exists CodeIgniter get_where CodeIgniter-HMVC-3.1.6 Codeigniter 3.1.7 Connect and select database Constants Constructor and Destructor Convert stdClass object to array in PHP Copy Image from URL Date Calculator]php Date Difference Disable Window Update Documents exists Enable Window Update File exists Gas Linking with Aadhaar Get TinyMCE to use full image url instead of relative one Get all files from folder How to delete a file in php Image Corrupted Image Exists in php Ip address Jquery Checkbox check all Make slug in Javascript or Jquery Multiple Submit Buttons in a form Mysqli connect Only variable references should be returned by reference Open and Close html ul tag and close the ul on evry third block Phar Php Version For Codeigniter 3.0 Platform Read All files in Directory Reduce the image file size using PHP Rename Table Robots.txt Generator Robots.txt Generator - SEO Tools - SEObook Scraping Data Scraping Data From Website Scrollbar Design Select Checkbox Server Requirements For Codeigniter 3.1.6 Simple Carousel demo Slug Sub string in Php Substring TinyMCE URL Conversion Example TinyMCE settings to get image path correct UAC Warning in windows pro Unique Check Unique Check in Codeigniter Virtual hosts WSDL cache Win 8.1 with UAC Warning XAMPP to send mail from localhost Xampp apache - XAMPP installation best frameworks best javascript frameworks check if contains http:// in php clean url clear cache codeigniter $this->db->like is case sensitive data containing apostrophes deselect Checkbox all duplicate field entry escape_str every third block ul tag will close facebook Share facebook server foreach etc front Slash get_where in codeigniter hash_hmac headers already sent how to make robot.txt file for my website? htaccess http:// or https:// iS mobile if-else iv size for all mobile / tablet display javascript json_decode in array php looking for a job make url with hyphen media queries. mysql_real_escape_string mysqli real escapr string server down slug in Javascript some function of xamp is possible disabled sql - How to split a single column values to multiple column values tinymce image path showing as ../../ unlink File url contains http:// or https:// while window update