Full width home advertisement

How To

Science

Post Page Advertisement [Top]


There are so many features and functions we can add and customize to our blog in order to make it look more perfect and professional. We also tend to make our site have many views in order to encourage you to post more. There are so many tricks, tweaks, methods and ways we can use to increase our page views. One of the best methods is by socializing it, which means by sharing to social media whereby people will be able to see it while doing things in social media. Socializing increase a blog page views and make people to know more about your blog. There are many social media but there are some that will increase your page views drastically examples are StumbleUpon, Facebook, Google+, Twitter, and so many more. So in this article I explained how you can actually add a floating social media share buttons widget on blogger easily. Follow the steps

1. Log in to blogger, then navigate to layout.

2. Then click on add widget and copy the below code in it

<style type="text/css">
    #floating_bar { background-color:#fff;position:fixed; padding:3px 0 3px 0;
 
 bottom: 10%;margin-left: -900px;

 float:left; border: 1px solid #000000;
    border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; z-index:10; }
    #floating_bar { clear:both; }
    </style>
    <div id="floating_bar">
<div id="fb-root">
<div id="fb-root" style="margin: 3px 3px 3px 10px;">
<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/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <br />
<div class="fb-like" data-layout="box_count" data-send="false" data-show-faces="false" data-width="40">
</div>
</div>
</div>
<div id="gplusone" style="margin: 0px 0 0 10px;">
<script async="async" src="https://apis.google.com/js/platform.js"></script>
    <g:plusone size="tall"></g:plusone>
    </div>
<!-- ********************* Change Twitter User ID*********************** -->
   
<div style="margin: 5px 5px 5px 6px;">
<a class="twitter-share-button" data-count="vertical" data-lang="en" data-via="ScholarsGlobe" href="https://twitter.com/share">Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js,fjs);}}(document, 'script',
'twitter-wjs');</script>
    </div>
<!-- *************** Change Twitter User ID Ends ****************** -->
    <!-- start linkedin -->
    <br />
<div id="linkedin" style="margin: 5px 5px 5px 5px;">
<script>
    if(!window.console){window.console={}
    }if(typeof window.console.log!=="function"){window.console.log=function(){}
    }if(typeof window.console.warn!=="function"){window.console.warn=function(){}
    }(function(){var S={"bootstrapInit":+new Date()},p=document,m=(/^https?:\/\/.
*?linkedin.*?\/in\.js.*?$/),b=(/async=true/),D=(/^https:\/\//),J=(/\/\*((?:.|[\s])
*?)\*\//m),F=(/\r/g),j=(/[\s]/g),g=(/^[\s]*(.*?)[\s]*:[\s]*(.*)[\s]*$/),x=(/_([a-z])
/gi),A=(/^[\s]+|[\s]+$/g),u=(/^[a-z]{2}(_)[A-Z]{2}$/),C=(/suppress(Warnings|_warnings):true/gi),d=(/^api(Key|_key)$/gi),k="\n",G=",",n="",I="@",o="extensions",Z="on",w="onDOMReady",
ac="onOnce",aa="script",
L="https://www.linkedin.com/uas/js/userspace?v=0.0.2000-RC8.40280-1420",h="https://platform.linkedin.com/js/secureAnonymousFramework?v=0.0.2000-RC8.40280-1420",H="http://platform.linkedin.com/js/nonSecureAnonymousFramework?v=0.0.2000-RC8.40280-1420",P="http://platform.linkedin.com/js/frameworkV2?v=0.0.2000-RC8.40280-1420",B=p.getElementsByTagName("head")[0],t=p.getElementsByTagName(aa),X=[],a=[],O=["lang"],R={},c=false,ad,l,W,r,K,E,ab;
 if(window.IN&&IN.ENV&&IN.ENV.js){if(!IN.ENV.js.suppressWarnings){console.warn("duplicate in.js loaded, any parameters will be ignored")
    }return
    }window.IN=window.IN||{};
    IN.ENV={};
    IN.ENV.js={};
    IN.ENV.js.extensions={};
    statsQueue=IN.ENV.statsQueue=[];
    statsQueue.push(S);
    ad=IN.ENV.evtQueue=[];
    IN.Event={on:function(){ad.push({type:Z,args:arguments})
    },onDOMReady:function(){ad.push({type:w,args:arguments})
    },onOnce:function(){ad.push({type:ac,args:arguments})
    }};
    IN.$extensions=function(ag){var aj,i,af,ai,ah=IN.ENV.js.extensions;
    aj=ag.split(G);
    for(var ae=0,e=aj.length;
    ae<e;
    ae++){i=V(aj[ae],I,2);
    af=i[0].replace(A,n);
    ai=i[1];
    if(!ah[af]){ah[af]={src:(ai)?ai.replace(A,n):n,loaded:false}
    }}};
    function V(ag,ae,e){var ah=ag.split(ae);
    if(!e){return ah
    }if(ah.length<e){return ah
    }var af=ah.splice(0,e-1);
    var i=ah.join(ae);
    af.push(i);
    return af
    }function v(e,i){if(e===o){IN.$extensions(i);
    return null
    }if(d.test(e)){i=i.replace(j,n)
    }if(i===""){return null
    }return i
    }function N(af,ag){ag=v(af,ag);
    if(ag){af=af.replace(x,function(){return arguments[1].toUpperCase()
    });
    if(af==="lang"&&!u.test(ag)){try{var ae=ag.replace("-","_").split("_");
    ae=[ae[0].substr(0,2).toLowerCase(),ae[1].substr(0,2).toUpperCase()].join("_");
    if(!u.test(ae)){throw new Error()
    }else{ag=ae
    }}catch(ah){if(!(ab||IN.ENV.js.suppressWarnings)&&ag){console.warn("'"+ag+"' is not a supported language, defaulting to 'en_US'")
    }ag="en_US"
    }}else{if(af==="noAuth"||af==="noApi"){ag=/^(?:true|yes|1)$/i.test(ag)
    }}IN.ENV.js[af]=ag;
    var ai=[encodeURIComponent(af),encodeURIComponent(ag)].join("=");
    for(var i in O){if(O.hasOwnProperty(i)&&O[i]===af){a.push(ai);
    return
    }}X.push(ai)
    }}l="";
    for(U=0,q=t.length;
    U<q;
    U++){var f=t[U];
    if(!m.test(f.src)){continue
    }if(b.test(f.src)){c=true
    }try{l=f.innerHTML.replace(A,n)
    }catch(z){try{l=f.text.replace(A,n)
    }catch(y){}}}l=l.replace(J,"$1").replace(A,n).replace(F,n);
    ab=C.test(l.replace(j,n));
    for(var U=0,T=l.split(k),q=T.length;
    U<q;
    U++){var s=T[U];
    if(!s||s.replace(j,n).length<=0){continue
    }try{W=s.match(g);
    r=W[1].replace(A,n);
    K=W[2].replace(A,n)
    }catch(Y){if(!ab){console.warn("script tag contents must be key/value pairs separated by a colon. Source: "+Y)
    }continue
    }N(r,K)
    }N("secure",1);
    function M(e,i){return e+((/\?/.test(e))?"&":"?")+i.join("&")
    }IN.init=function Q(i){var e=IN.ENV.js,ae,af;
    i=i||{};
    for(ae in i){if(i.hasOwnProperty(ae)){N(ae,i[ae])
    }}E=p.createElement(aa);
    if(e.v2){af=M(P,X)
    }else{if(e.apiKey&&!e.noAuth){af=M(L,X)
    }else{af=e.secure?h:H
    }}E.src=M(af,a);
    B.appendChild(E);
    statsQueue.push({"userspaceRequested":+new Date()});
    IN.init=function(){}
    };
    statsQueue.push({"bootstrapLoaded":+new Date()});
    if(!c){IN.init()
    }})();
    </script>
    <script data-counter="top" type="IN/Share"></script>
    </div>
<!-- End linkedin -->
    <br />
<div style="margin: 0 0 10px 11px;" su="">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
    </div>
</div>


3. Now then under the comment "Twitter Id", change the twitter id "ScholarsGlobe" with your twitter id.

4. To make it stay at the right or left side of your page, you have to locate "#floating_bar" then change the "margin-left" to a positive number. The "-" sign means it should be at the left by removing the minus sign place it at the right. Then you can actually change the figures in order to place it well.

5. Then click on save. Then it looks like the below screenshot.


No comments:

Post a Comment

Bottom Ad [Post Page]

| Designed by Colorlib