Create Paste
Top Pastes
Recent Pastes
Settings
Account
Babiato Plus UI Category Post
Anonymous
Views
10
Visibility
Private
Expires
Never
Created
February 2023
View Raw
Download
<!-- FOCUS ON HTMLxx -- YOURLABELxx -- CtgryLbxx --> <!-- The widget id HTML2 should contains full function script --> <b:widget cond='data:view.isHomepage and !data:view.isPreview' id='HTML2' locked='true' title='WordPress Themes' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>YOURLABEL1</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!--[ Categorised Posts - 1 (Uses Feeds JSON) ]--> <b:if cond='data:title != ""'> <h2 class='title dt'><data:title/></h2> </b:if> <div class='ctgry'> <div class='note'>Loading Posts...</div> <script>/*<![CDATA[*/ /* Category Post */ function ctgryPst(f,y,e,T,x,Z){var a=blogUrl.replace(/.*?:\/\//g,"//"),t=0<f.length?"/-/"+f:"",e=a+"feeds/posts/default"+encodeURI(t)+"?alt=json&orderby=published&max-results="+e;Pu.gAj({url:e,async:!0,success:function(e,a){e=JSON.parse(e);var t,l,s,r,i,c,J,X,U,n="";if(qSel(y)!=null){a=e.feed;if(a.entry&&0!==a.entry.length){n+='<div class="blogPts cPst">';for(var d=a.entry,o=0;o<d.length;++o){for(var g=d[o],p=!1,a=0,m=g.media$thumbnail?g.media$thumbnail.url:"",b=g.title.$t,j=g.id.$t.split('post-')[1],w=g.link[1].title.split(' Comments')[0],h=("content"in g&&0<x?g.content.$t.split("<a name='more'>")[0].replace(/<\!--.*?-->/g,"").replace(/(<([^>]+)>)/gi,"").substring(0,x):""),v=g.link.length;a<v;++a)"alternate"==(t=g.link[a]).rel&&(p=t.href);s=m.includes("-rw")?"":"-rw-e30",m=(m=g.content&&""==m?(u=/<img +(.*?)src=(['"])([^'"]+?)(['"])(.*?) *\/?>/i.exec(g.content.$t))&&u[3]?u[3]:"":m).replace(/.*?:\/\//g,"//").replace(/\/s[0-9]+(\-c)?/,"/s"+T+s).replace(/\=s[0-9]+(\-c)?/,"=s"+T+s).replace(/\=.*w[0-9].*h[0-9].*-c+(\-c)?/,"=s"+T+s),j="<div class='iFxd'>"+(null!=w.match(/^[0-9]+$/)&&"0"!=w?"<a aria-label='Comments' class='cmnt' data-text='"+w+"' href='"+p+"#comment' role='button'><svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><path d='M17.0710351,17.0698449 C14.0159481,20.1263505 9.48959549,20.7867004 5.78630747,19.074012 C5.23960769,18.8538953 1.70113357,19.8338667 0.933341969,19.0669763 C0.165550368,18.2990808 1.14639409,14.7601278 0.926307229,14.213354 C-0.787154393,10.5105699 -0.125888852,5.98259958 2.93020311,2.9270991 C6.83146881,-0.9756997 13.1697694,-0.9756997 17.0710351,2.9270991 C20.9803405,6.8359285 20.9723008,13.1680512 17.0710351,17.0698449 Z'/></g></svg></a>":"")+"<span class='pV pu-views hidden' data-id='"+j+"'><svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 4.000000)'><path class='svgC' d='M13.1643,8.0521 C13.1643,9.7981 11.7483,11.2141 10.0023,11.2141 C8.2563,11.2141 6.8403,9.7981 6.8403,8.0521 C6.8403,6.3051 8.2563,4.8901 10.0023,4.8901 C11.7483,4.8901 13.1643,6.3051 13.1643,8.0521 Z'/><path d='M0.7503,8.0521 C0.7503,11.3321 4.8923,15.3541 10.0023,15.3541 C15.1113,15.3541 19.2543,11.3351 19.2543,8.0521 C19.2543,4.7691 15.1113,0.7501 10.0023,0.7501 C4.8923,0.7501 0.7503,4.7721 0.7503,8.0521 Z'/></g></svg></span><span class='bM bmPs' aria-label='Read later' data-added='Remove' bm-id='"+j+"' bm-img='"+(m.replace("/s"+T,"/s240").replace("=s"+T,"=s240"))+"' bm-ttl='"+b+"' bm-url='"+p+"' role='button'><svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'/><line class='svgC v' transform='translate(-4.500000, -2.500000)' x1='12' x2='12' y1='6' y2='12'/><line class='svgC h' transform='translate(-4.500000, -2.500000)' x1='15' x2='9' y1='9' y2='9'/></g></svg></span></div><div class='blog-admin'><div class='iFxd l'><a arial-label='Edit this Post' class='edit' data-text='Edit' href='https://www.blogger.com/blog/post/edit/"+blogID+"/"+j+"' role='button' target='_blank'><svg class='line' viewBox='0 0 24 24'><g transform='translate(3.500000, 3.500000)'><line class='svgC' x1='9.8352' x2='16.2122' y1='16.0078' y2='16.0078'/><path d='M12.5578,1.3589 L12.5578,1.3589 C11.2138,0.3509 9.3078,0.6229 8.2998,1.9659 C8.2998,1.9659 3.2868,8.6439 1.5478,10.9609 C-0.1912,13.2789 1.4538,16.1509 1.4538,16.1509 C1.4538,16.1509 4.6978,16.8969 6.4118,14.6119 C8.1268,12.3279 13.1638,5.6169 13.1638,5.6169 C14.1718,4.2739 13.9008,2.3669 12.5578,1.3589 Z'/><line x1='7.0041' x2='11.8681' y1='3.7114' y2='7.3624'/></g></svg></a></div></div>",l=g.category[0]?"<a aria-label='"+g.category[0].term+"' data-text='"+g.category[0].term+"' href='"+blogUrl+"search/label/"+encodeURI(g.category[0].term)+"' rel='tag'></a>":"",s=g.category[1]?"<a aria-label='"+g.category[0].term+"' data-text='"+g.category[1].term+"' href='"+blogUrl+"search/label/"+encodeURI(g.category[1].term)+"' rel='tag'></a>":"",0,i=(r=(r=g.published.$t).substring(0,10)).substring(0,4),c=r.substring(5,7),r=r.substring(8,10),J=g.author?g.author[0].gd$image.src.replace(/\/s[0-9]+(\-c)?/,"/s20-rw").replace(/\=s[0-9]+(\-c)?/,"=s20-rw"):'',X=g.author?g.author[0].name.$t:'',U=X?"<div class='iFxd bl'><div class='aNm t'>"+(J?"<div class='im' style='background-image:url("+J+")'></div>":"")+"<bdi class='nm' data-text=\""+X+"\"></bdi><svg viewBox='0 0 24 24'><path d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z'></path></svg></div></div>":"";n+=""!=m?'<article class="ntry">':"<article class='ntry noThmb'>",n+=(""!=m?"<div class='pThmb'><a class='thmb' href='"+p+"'><img alt='"+b+"' class='imgThm' src='"+m+"'/></a>"+j+U+"</div>":"<div class='pThmb nul'><div class='thmb'><span class='imgThm' data-text='No image'</span></div>"+j+U+"</div>")+"<div class='pCntn'>"+(l?"<div class='pHdr pSml'><div class='pLbls' data-text='in'>"+l+s+"</div></div>":"")+"<h2 class='pTtl aTtl sml'><a data-text='"+b+"' href='"+p+"' rel='bookmark'>"+b+"</a></h2>"+(h?"<div class='pSnpt'>"+h+"</div>":"")+"<div class='pInf pSml'><time class='aTtmp pTtmp pbl' data-type='Published' data-text='"+(h=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][parseInt(c-1)]+" "+r+", "+i)+"' title='Published: "+h+"'></time><a aria-label='Read more' class='pJmp' data-text='Keep reading' href='"+p+"'></a></div></div>",n+="</article>"}n+="</div>",n+=true==Z?"<div class='blogPg'><a aria-label='View More' data-text='"+(""!=f?f+" - View More":"View More")+"' href='"+(""!=f?blogUrl+"search/label/"+encodeURI(f):blogUrl+"search")+"'></a></div>":"",addCt(qSel(y),'loaded'),qSel(y).innerHTML=n;if(typeof puViews=='function'){puViews()};if(typeof scrlRvl=='function'){scrlRvl()};if(typeof bkMrk=='function'){bkMrk()}}else qSel(y).innerHTML="<div class='note'>No Post was found with label '"+f+"'.</div>";}else{console.log("Sorry, Container was not found!")}},error:function(e){qSel(y).innerHTML="<div class='note wr'>Failed to load Posts :(</div>"}})}; /*]]>*/ const ctgryLb1 = '<data:content/>';</script> </div> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage and !data:view.isPreview' id='HTML3' locked='true' title='WordPress Plugins' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>YOURLABEL2</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!--[ Categorised Posts - 2 (Uses Feeds JSON) ]--> <b:if cond='data:title != ""'> <h2 class='title dt'><data:title/></h2> </b:if> <div class='ctgry'> <div class='note'>Loading Posts...</div> <script>const ctgryLb2 = '<data:content/>';</script> </div> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage and !data:view.isPreview' id='HTML4' locked='true' title='Video Editors' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>YOURLABEL3</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!--[ Categorised Posts - 2 (Uses Feeds JSON) ]--> <b:if cond='data:title != ""'> <h2 class='title dt'><data:title/></h2> </b:if> <div class='ctgry'> <div class='note'>Loading Posts...</div> <script>const ctgryLb3 = '<data:content/>';</script> </div> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage and !data:view.isPreview' id='HTML5' locked='true' title='Lounge' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>YOURLABEL4</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!--[ Categorised Posts - 2 (Uses Feeds JSON) ]--> <b:if cond='data:title != ""'> <h2 class='title dt'><data:title/></h2> </b:if> <div class='ctgry'> <div class='note'>Loading Posts...</div> <script>const ctgryLb4 = '<data:content/>';</script> </div> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage and !data:view.isPreview' id='HTML6' locked='true' title='How to' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>YOURLABEL5</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!--[ Categorised Posts - 2 (Uses Feeds JSON) ]--> <b:if cond='data:title != ""'> <h2 class='title dt'><data:title/></h2> </b:if> <div class='ctgry'> <div class='note'>Loading Posts...</div> <script>const ctgryLb5 = '<data:content/>';</script> </div> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage and !data:view.isPreview' id='HTML7' locked='true' title='Free Software' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>YOURLABEL6</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!--[ Categorised Posts - 1 (Uses Feeds JSON) ]--> <b:if cond='data:title != ""'> <h2 class='title dt'><data:title/></h2> </b:if> <div class='ctgry'> <div class='note'>Loading Posts...</div> <script>const ctgryLb6 = '<data:content/>';</script> </div> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage and !data:view.isPreview' id='HTML8' locked='true' title='Mobile' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>YOURLABEL7</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!--[ Categorised Posts - 2 (Uses Feeds JSON) ]--> <b:if cond='data:title != ""'> <h2 class='title dt'><data:title/></h2> </b:if> <div class='ctgry'> <div class='note'>Loading Posts...</div> <script>const ctgryLb7 = '<data:content/>';</script> </div> </b:includable> </b:widget> <!-- Scroll to bottom, you should see 2 lines already HTML2 and HTML3. Just add the rest. --> <!-- Remember the last line, remove the ; and follo } depend on total line. function lazyCustomJs(){ /* lazy category post */ if(getid('HTML2')!=null){ctgryPst(ctgryLb1, '#HTML2 .ctgry', 3, 600, 200, true); if(getid('HTML3')!=null){ctgryPst(ctgryLb2, '#HTML3 .ctgry', 3, 600, 200, true); if(getid('HTML4')!=null){ctgryPst(ctgryLb3, '#HTML4 .ctgry', 3, 600, 200, true); if(getid('HTML5')!=null){ctgryPst(ctgryLb4, '#HTML5 .ctgry', 3, 600, 200, true); if(getid('HTML6')!=null){ctgryPst(ctgryLb5, '#HTML6 .ctgry', 3, 600, 200, true); if(getid('HTML7')!=null){ctgryPst(ctgryLb6, '#HTML7 .ctgry', 3, 600, 200, true); if(getid('HTML8')!=null){ctgryPst(ctgryLb7, '#HTML8 .ctgry', 3, 600, 200, true) }}}}}}}; /* Count this for 7 lines */ /* YOUR CUSTOM JS */ };