Saturday, January 28, 2017

  •    Background Video
  • 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>
    

    Sunday, November 13, 2016

  •    Simple Blank Page
  • replace your template with the template below

    <?xml version="1.0" encoding="UTF-8" ?>
    <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
    <head>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
    <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
    <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[
    /*
    body {
    font: $(body.font);
    color: $(body.text.color);
    background: $(body.background);
    padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
    $(body.background.override) margin: 0;
    padding: 0;
    }

    ]]></b:skin>
    </head>
    <body>

    <!-- CONTENT -->
    <center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg55OTPaKygHka9sxSW7Daa6mXG7pN2EFz2v1gTGltW_tjkZZOBE0-qCcEj76z-qeLBDGQA1b4uTPbzV6hvqqs4eofE6iZUFCoqEwX2Pfd0QItnFTA3HvYw_3WU6CFlsWZsJcRkaWC-nh4/s1600/tu.png'/><br/><br/>
    NOMBOK TERUSS.....!!!!</center>



    </body>
    </html>

    If you want to display a post, Paste this code below <body>

    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>


    Example :

    <body>
    <b:section class='main' id='main' showaddelement='yes'>
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
    </b:section>
    </body>


     Demo :