Scripts & Widgets Collection For Blogger: January 2017

Sunday, January 29, 2017

Saturday, January 28, 2017

ADD Above ]]></b:skin>

video#bgvid {
position: fixed;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
background: url(http://semalt.com/video/semalt.jpg) no-repeat;
background-size: cover;
}

video#bgvid { transition: 1s opacity; }
.stopfade { opacity: .5; }

ADD Below <body>

<video autoplay loop poster="http://semalt.com/video/semalt.jpg" id="bgvid">
<source src="http://semalt.com/video/semalt-v.mp4" type="video/mp4; codecs='H.264'">
<source src="http://semalt.com/video/semalt-v.webm" type="video/webm">
</video>

DEMO : Look Background this Pages

Posts Script widget Code

ADD on Your Post



<pre  style="font-family:arial;font-size:12px;border:1px dashed #CCCCCC;width:99%;height:auto;overflow:auto;background:#f0f0f0;;background-image:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN3Kk1eFNMR_yYlnJ9ffkau28Zfe0tYvwvhA4-biSXi82wrSnp3NWhpeLEk_oOSjqjWanhNiT5evIlYwnypeLF3gp7iLRDP_0ttzXJx_jymhnXQSqqgBhLqru2lIzvWcmjztW1Z8ep85oU/s320/codebg.gif);padding:0px;color:#000000;text-align:left;line-height:20px;"><code style="color:#000000;word-wrap:normal;">



......... code here..............


</code></pre>

DEMO : like this web code post

Recent Posts Ticker Scroll Up Thumbnail

ADD on a Gadget


<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>


<script style='text/javascript'>
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c])}}return p}('(2($){$.G.F=2(e){4 f={g:H,u:I,w:3,q:'',v:k,t:r};4 e=$.K(f,e);x=2(a,b,c){h(c)o;4 d=a.1('9');7=d.1('6:7').E(k);d.L({p:'-='+b+'C'},e.g,2(){$(5).1('6:7').z();$(5).i('p','A')});h(e.q=='B'){d.1('6:7').D(e.g);d.1('6:y').J().M(e.g)}7.U(d)};o 5.j(2(){4 a=$(5);4 b=0;4 c=e.t;a.i({S:'O',s:'T'}).1('9').i({s:'P',n:0,l:0}).1('6').i({n:0,l:0});a.1('9').1('6').j(2(){h($(5).8()>b){b=$(5).8()}});a.1('9').1('6').j(2(){$(5).8(b)});a.8(b*e.w);4 d=V(2(){x(a,b,c)},e.u);h(e.v){a.m("N",2(){c=k}).m("R",2(){c=r})}})}})(Q);',58,58,'|children|function||var|this|li|first|height|ul|||||||speed|if|css|each|true|padding|bind|margin|return|top|animation|false|position|isPaused|pause|mousePause|showItems|moveUp|last|remove|0px|fade|px|fadeOut|clone|vTicker|fn|700|2000|hide|extend|animate|fadeIn|mouseenter|hidden|absolute|jQuery|mouseleave|overflow|relative|appendTo|setInterval'.split('|'),0,{}))
</script>

<script style='text/javascript'>
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c])}}return p}('1N 1D(H){l.j('<Q y="1C">');L(e i=0;i<13;i++){e f=H.N.f[i];e V=f.K.$t;e A;h(i==H.N.f.D)U;L(e k=0;k<f.q.D;k++){h(f.q[k].O=='23'&&f.q[k].1Y=='1T/1B'){e p=f.q[k].K;e 16=f.q[k].x}h(f.q[k].O=='1g'){A=f.q[k].x;U}}e w;1m{w=f.1W$1q.17}1r(1p){s=f.E.$t;a=s.G("<X");b=s.G("R=\"",a);c=s.G("\"",b+5);d=s.1n(b+5,c-b-5);h((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){w=d}z w='1s://1.1t.1y.1z/1x/1w/1l/1v/1A/1j.1a'}e B=f.1b.$t;e Y=B.v(0,4);e 18=B.v(5,7);e 15=B.v(8,10);e m=1c 1k();m[1]="1i";m[2]="1d";m[3]="1h";m[4]="1e";m[5]="1f";m[6]="1u";m[7]="1V";m[8]="1U";m[9]="1R";m[10]="1S";m[11]="22";m[12]="1Z";l.j('<14 y="20">');h(21==u)l.j('<X y="1X" R="'+w+'"/>');l.j('<b><a x="'+A+'" I ="F">'+V+'</a></b><Z>');h("E"T f){e n=f.E.$t}z h("P"T f){e n=f.P.$t}z e n="";e W=/<\S[^>]*>/g;n=n.1I(W,"");h(1O==u){h(n.D<J){l.j('<i>');l.j(n);l.j('</i>')}z{l.j('<i>');n=n.v(0,J);e M=n.1M(" ");n=n.v(0,M);l.j(n+'...');l.j('</i>')}}e o='';e r=0;l.j('<Z><19>');h(1L==u){o=o+m[1K(18,10)]+'-'+15+' - '+Y;r=1}h(1J==u){h(r==1){o=o+' | '}h(p=='1 C')p='1 1E';h(p=='0 C')p='1F C';p='<a x="'+16+'" I ="F">'+p+'</a>';o=o+p;r=1}h(1H==u){h(r==1)o=o+' | ';o=o+'<a x="'+A+'" y="17" I ="F">1Q -></a>';r=1}l.j(o);l.j('</19></14>');h(1o==u)h(i!=(13-1))l.j('<1G 1P=0.5>')}l.j('</Q>')}',62,128,'||||||||||||||var|entry||if||write||document|monthnames|postcontent|towrite|commenttext|link|flag|||true|substring|thumburl|href|class|else|posturl|postdate|Comments|length|content|_top|indexOf|json|target|numchars|title|for|quoteEnd|feed|rel|summary|ul|src||in|break|posttitle|re|img|cdyear|br||||numposts|li|cdday|commenturl|url|cdmonth|strong|png|published|new|Feb|Apr|May|alternate|Mar|Jan|noimage|Array|AAAAAAAAArk|try|substr|displayseparator|error|thumbnail|catch|http|bp|Jun|yL95WlyTqr0|SosvnavWq0I|_u4gySN2ZgqE|blogspot|com|s400|html|recent_posts_with_thumbs|showrecentpostswiththumbs|Comment|No|hr|displaymore|replace|showcommentnum|parseInt|showpostdate|lastIndexOf|function|showpostsummary|size|More|Sep|Oct|text|Aug|Jul|media|recent_thumb|type|Dec|clearfix|showpostthumbnails|Nov|replies'.split('|'),0,{}))
</script>


<script style='text/javascript'>  var numposts = 20;  var showpostthumbnails = true;  var displaymore = false;  var displayseparator = false;  var showcommentnum = false;  var showpostdate = false;  var showpostsummary = true;  var numchars = 100;  $(document).ready(function () {$('#sai').vTicker({  speed: 1000,  pause: 2000,  showItems: 11,  animation: 'fade',  mousePause: true,  height: 0,  direction: 'up'  });});  </script>  <div id="sai">  <script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>  </div>

DEMO : look right Sidebar

Related Posts Thumbnail V 3

ADD above </HEAD>


<!-- Related posts for blogger blogs javascript code www.talkofweb.com #blogger -->
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiND2jxbfAcYCLiNR87ZGwEwQv_4Z3xr1TyfXHt1OAk0GcYd4OVA03JQZQFe2m-zNOIiXssYqUl3poEjsG7t5uZG32PZnESAXnVOuB9fqrz_X73o4qX2PS1JW2X9KYMSvjSjIffrerPRBjG/s1600/No+imag.jpg&quot;;
var maxresults=18;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();
function related_results_labels_thumbs(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
try
{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}
catch (error){
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src="",a);c=s.indexOf(""",b+5);d=s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))
{thumburl[relatedTitlesNum]=d;} else {if(typeof(defaultnoimage) !== 'undefined') thumburl[relatedTitlesNum]=defaultnoimage; else thumburl[relatedTitlesNum]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiND2jxbfAcYCLiNR87ZGwEwQv_4Z3xr1TyfXHt1OAk0GcYd4OVA03JQZQFe2m-zNOIiXssYqUl3poEjsG7t5uZG32PZnESAXnVOuB9fqrz_X73o4qX2PS1JW2X9KYMSvjSjIffrerPRBjG/s1600/No+imag.jpg";}}
if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+"...";
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
}}}}
function removeRelatedDuplicates_thumbs() {
var tmp = new Array(0);var tmp2 = new Array(0);var tmp3 = new Array(0);for(var i = 0; i < relatedUrls.length; i++) {
if(!contains_thumbs(tmp, relatedUrls[i])){
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp3.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
tmp3[tmp3.length - 1] = thumburl[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl=tmp3;}
function contains_thumbs(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels_thumbs(current) {
var splitbarcolor;
if(typeof(splittercolor) !== 'undefined') splitbarcolor=splittercolor; else splitbarcolor="#DDDDDD";
for(var i = 0; i < relatedUrls.length; i++){
if((relatedUrls[i]==current)||(!relatedTitles[i])){
relatedUrls.splice(i,1);
relatedTitles.splice(i,1);
thumburl.splice(i,1);
i--;
}}
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
if(relatedTitles.length>0) document.write('<h2>'+relatedpoststitle+'</h2>');
document.write('<div style="clear: both;"/>');
while (i < relatedTitles.length && i < 20 && i<maxresults) {
document.write('<a style="text-decoration:none;padding:5px;float:left;');
if(i!=0) document.write('border-left:solid 0px '+splitbarcolor+';"');
else document.write('"');
document.write(' href="' + relatedUrls[r] + '"><img src="'+thumburl[r]+'"/><br/><div style="width:72px;padding-left:3px;height:65px;border: 0pt none ; margin: 3px 0pt 0pt; padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal;">'+relatedTitles[r]+'</div></a>');
i++;
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}}
document.write('</div>');
relatedUrls.splice(0,relatedUrls.length);
thumburl.splice(0,thumburl.length);
relatedTitles.splice(0,relatedTitles.length);}
//]]>
</script>
<!-- Related posts for blogger blogs javascript code www.talkofweb.com #blogger -->

ADD below <data:post.body/>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <style type='text/css'>
  #related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px;}
  #related-posts a{color:#5D5D5D;-webkit-transition: all 0.5s ;-moz-transition: all 0.5s ;-ms-transition: all 0.5s ;-o-transition: all 0.5s;transition: all 0.5s ;}
  #related-posts a:hover img {opacity:0.5;-moz-box-shadow: 0px 0px 7px #000000;-webkit-box-shadow: 0px 0px 7px #000000;box-shadow: 0px 0px 7px #000000;-webkit-transition: all 0.5s ;-moz-transition: all 0.5s ;-ms-transition: all 0.5s ;-o-transition: all 0.5s ;transition: all 0.5s ;}
  #related-posts img {width:100px;height:100px;border:0px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-webkit-transition: all 0.5s ;-moz-transition: all 0.5s ;-ms-transition: all 0.5s ;-o-transition: all 0.5s ;transition: all 0.5s ;}
  #related-posts a:hover{color:black;-webkit-transition: all 0.5s ;-moz-transition: all 0.5s ;-ms-transition: all 0.5s ;-o-transition: all 0.5s ;transition: all 0.5s ;background-color:#EDEDEF;}
  </style>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
<a style="display: block; float: right;" href="http://www.talkofweb.com/how-to-show-related-posts-for-blogger-blogs-hover-transition/" rel="nofollow">Grab this related post Widget!</a>
</div>
</b:if>

Scripts & Widgets Collection For Blogger

Sunday, January 29, 2017

Coloring Cloud Label

Recent Post Thubmnail GRID Horizontal

Saturday, January 28, 2017

Background Video

Posts Script widget Code

Recent Posts Ticker Scroll Up Thumbnail

Related Posts Thumbnail V 3

Archive

Recent Posts