Blogger codes
Monday, 16 March 2015
Monday, 9 June 2014
How to add social media buttons at the end of the each post in blogger
social media buttons for blogger blog at the end of the each post
- Log on to layout section
- click on the add gadget at the left side of the layout section
- Select HTML/JAVASCRPIT Option and paste the following code !
- And, click the save button .
<!-- Social media buttons http://Techunveils.com --><div class="addthis_toolbox addthis_default_style "><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_pinterest_pinit" pi:pinit:layout="horizontal"></a><a class="addthis_counter addthis_pill_style"></a></div><script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52dd67736ff16ae6"></script><!-- Social media by http://www.techunveils.com -->
Now, drag the gadget to repsent the social media buttons at the or top of the post !
Labels:
Technology
Saturday, 7 June 2014
Install lazy load image plugin to speedup and faster the website
Lazy load image for blogger bog
- log on to template
- Edit html
- Click cntrl+f and search for </HEAD>
- Now, paste the following code just Above/before the </head> tag
<--Lazy load image by www.techunveils.com--><a href="http://www.techunveils.com>"Techunveils</a><script type='text/javascript'>//<![CDATA[(function(a) {a.fn.lazyload=function(b){var c={threshold: 0,failurelimit:0,event:"scroll",effect:"show",container:window;};if(b) {a.extend(c,b);}var d=this;if("scroll"==c.event) {a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)) {a(this).trigger("appear");}else {if(e++>c.failurelimit){return false;}}});var f=a.grep(d,function(a) {return!a.loaded;});d=a(f);})}this.each(function() {var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"));}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)) {if(c.placeholder){a(b).attr("src",c.placeholder);}else {a(b).removeAttr("src");}b.loaded=false;}else {b.loaded=true;}a(b).one("appear",function() {if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true;}).attr("src",a(b).attr("original"));}});if("scroll"!=c.event) {a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear");}})}});a(c.container).trigger(c.event);return this;};a.belowthefold=function(b,c) {if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop();}else {var d=a(c.container).offset().top+a(c.container).height();}return d<=a(b).offset().top-c.threshold;};a.rightoffold=function(b,c) {if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft();}else {var d=a(c.container).offset().left+a(c.container).width();}return d<=a(b).offset().left-c.threshold;};a.abovethetop=function(b,c) {if(c.container===undefined||c.container===window){var d=a(window).scrollTop();}else {var d=a(c.container).offset().top;}return d>=a(b).offset().top+c.threshold+a(b).height();};a.leftofbegin=function(b,c) {if(c.container===undefined||c.container===window){var d=a(window).scrollLeft();}else {var d=a(c.container).offset().left;}return d>=a(b).offset().left+c.threshold+a(b).width();};a.extend(a.expr[":"], {"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold": "!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})";})})(jQuery);$(function() {$("img").lazyload({placeholder: "http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50";})})//]]></script>- See more at: http://labstrikes.blogspot.in/2013/04/speed-up-blog-with-lazy-image-load-plugin.html#sthash.DxQrIFuy.dpuf<a href="http://www.techunveils.com>"Techunveils</a><--Lazy load image end www.techunveils.com-->
Subscribe to:
Posts (Atom)