*

*
<p/> <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/> <p/> <div style='text-align: center; max-width: 222px; width: 100%'> <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/> <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/> </div> </form> </div> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> </div> <div class='container-fluid mb-5 parallax p-4 d-flex justify-content-center align-items-center' id='bt-videos'> <div class='container'> <b:section name="Latest video" id='latestVideo'> <b:widget id='Image89' locked='false' title='Section Background' type='Image' version='1'> <b:widget-settings> <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ-oKN6EMtmMLzIbW3nb2WDPonydlLz6_7ZLOSjysWHIMX5XfZ9yqwyiozdsb2guEb7xireye8rMuQoShK3V8awCMmlSWNTiCaU8FDTyPfNE5124HS1UA3eEw337Nh7Y7sZzNBwP_L5W0/s1600/media-learning.jpg</b:widget-setting> <b:widget-setting name='displayHeight'>1065</b:widget-setting> <b:widget-setting name='sectionWidth'>150</b:widget-setting> <b:widget-setting name='shrinkToFit'>false</b:widget-setting> <b:widget-setting name='displayWidth'>1600</b:widget-setting> <b:widget-setting name='link'/> <b:widget-setting name='caption'/> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <b:tag cond='data:link' expr:href='data:link' name='a'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/> </b:tag> <br/> <b:if cond='data:caption'> <span class='caption'><data:caption/></span> </b:if> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML96' locked='false' title='Latest video-course' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>1-tag:Videos-800px-video</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> </div> </b:if> <div class='container-fluid'> <div class='container' id='btemplates-main-content'> <!-- Content-wrapper --> <b:if cond='data:blog.pageType != "item"'> <div id='btemplates-first-post'> <b:section id='ContentAfterFirstPost'> <b:widget id='HTML88' locked='false' title='Ads block' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="d-flex justify-content-center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZD7Uoe_SENN_LLXnYsEqvETss8gpVIJdtV9k_iTGA6yK-tW1ox4cS1i5LeQe-9aFmmrusXzixN8-lOLRICZmbg-03zfr4CTJLqFAxVx7frFLFtDR8vmWsSvcb5AVgqBPfrQ0EJ-RdGtU/s0/728x90.jpg" alt="Banner 728x90px" width="728" height="auto" style="max-width: 100%"/></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> </b:if> <div class='row'> <b:if cond='data:view.isLayoutMode || data:blog.url != data:blog.homepageUrl'> <div class='col-lg-9' id='content-wrapper'> <!-- Main content --> <div id='main-wrapper'> <b:if cond='data:blog.pageType == "error_page"'> <style type='text/css'> .status-msg-wrap {display: none;} </style> <div class='text-center' id='btemplates-404'> <h4>Error 404<br/>Not Found</h4> <img alt='Error 404' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7_R3iCTQ-F-rbVV1D5Y7UYSQNN9ZxSsLIj28lj4-oJgFIJBSE_UBiVruveLxDDGfawnvbxLQTIP5D86Mw3sEKzeaGOtKZ0SIuyr_9m3PJzY_uFhc2ivijwum0w-wtlei6dDqwma6WA8w/s1600/404.png'/> <p>Sorry! The content you were looking for does not exist or changed its url.</p> <p>Please check if the url is written correctly or try using our search form.</p> </div> </b:if> <b:section name="Main" class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'> <b:widget-settings> <b:widget-setting name='showDateHeader'>true</b:widget-setting> <b:widget-setting name='style.textcolor'>#212529</b:widget-setting> <b:widget-setting name='showShareButtons'>true</b:widget-setting> <b:widget-setting name='authorLabel'>By</b:widget-setting> <b:widget-setting name='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#212529</b:widget-setting> <b:widget-setting name='showAuthor'>true</b:widget-setting> <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting> <b:widget-setting name='style.linkcolor'>#343a40</b:widget-setting> <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showAuthorProfile'>true</b:widget-setting> <b:widget-setting name='style.layout'>1x1</b:widget-setting> <b:widget-setting name='showLabels'>true</b:widget-setting> <b:widget-setting name='showLocation'>false</b:widget-setting> <b:widget-setting name='showTimestamp'>true</b:widget-setting> <b:widget-setting name='postsPerAd'>1</b:widget-setting> <b:widget-setting name='showBacklinks'>false</b:widget-setting> <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting> <b:widget-setting name='showInlineAds'>false</b:widget-setting> <b:widget-setting name='showReactions'>false</b:widget-setting> </b:widget-settings> <b:includable id='main' var='top'> <b:if cond='!data:mobile'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.isDateStart and not data:post.isFirstPost'> </div></div> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-outer"> </b:if> <b:if cond='data:post.dateHeader'> <!--<h2 class='date-header'><span><data:post.dateHeader/></span></h2>--> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-posts"> </b:if> <div class='post-outer'> <b:include data='post' name='post'/> <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/> </div> <!-- Ad --> <b:if cond='data:post.includeAd'> <div class='inline-ad'> <data:adCode/> </div> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> </div></div> </b:if> </div> <!-- navigation --> <b:include name='nextprev'/> <b:else/> <b:include name='mobile-main'/> </b:if> <b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='https://resources.blogblog.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'> </span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'> <data:backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </p> </b:includable> <b:includable id='btemplates-breadcrumbs' var='post'> <b:if cond='data:blog.pageType == "item"'> <nav aria-label='breadcrumb' role='navigation'> <ol class='breadcrumb'> <li aria-current='page' class='breadcrumb-item'> <a expr:href='data:blog.homepageUrl' rel='tag'><data:messages.home/></a> </li> <b:if cond='data:post.labels'> <li aria-current='page' class='breadcrumb-item'> <a class='b-label' expr:href='data:post.labels.first.url'> <data:post.labels.first.name/> </a> </li> </b:if> <li aria-current='page' class='breadcrumb-item active'> <data:post.title/> </li> </ol> </nav> </b:if> </b:includable> <b:includable id='btemplates-post-content' var='post'> <b:if cond='data:post.body'> <b:if cond='data:blog.pageType == "item" || data:blog.pageType == "static_page"'> <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. --> <div class='post-body entry-content mb-4 pb-4' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <b:else/> <b:if cond='data:post.firstImageUrl'> <div class='post-thumb mb-4 text-center'> <a expr:href='data:post.link ? data:post.link : data:post.url'> <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl resizeImage 850' expr:srcset='sourceSet(data:post.firstImageUrl, [200,400,600,800])'/> </a> </div> </b:if> <div class='post-summary entry-content mb-4 pb-4 border-bottom' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'> <b:eval expr='snippet(data:post.longSnippet, {length: 160, links: true, linebreaks: false})'/> <div style='clear: both;'/> <!-- clear for photos floats --> <b:if cond='data:post.longSnippet != ""'> <a class='read-more float-right' expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </b:if> <div style='clear: both;'/> </div> </b:if> </b:if> </b:includable> <b:includable id='btemplates-seo-title' var='post'> <b:if cond='data:post.title'> <b:if cond='data:blog.pageType == "item"'> <h1 class='post-title entry-title text-center' itemprop='name'> <data:post.title/> </h1> <b:else/> <h2 class='post-title entry-title text-center' itemprop='name'> <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a> </h2> </b:if> </b:if> </b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <h4 id='comment-post-message'> <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>'); </script> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <b:if cond='data:showCmtPopup'> <div class='goog-toggle-button'> <div class='goog-inline-block comment-action-icon'/> </div> <b:else/> <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='https://resources.blogblog.com/img/icon_delete13.gif'/> </a> </b:if> </span> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'> </span> <b:else/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <i aria-hidden='true' class='fa fa-comment-o fa-flip-horizontal'/> <data:post.commentLabelFull/>. </a> </b:if> </b:includable> <b:includable id='comment_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:elseif cond='data:post.showThreadedComments'/> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4><data:post.commentLabelFull/>:</h4> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <b:if cond='data:post.hasOlderLinks'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>   </b:if> <data:post.commentRangeText/> <b:if cond='data:post.hasNewerLinks'>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </b:if> </span> </b:if> <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> </div> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:elseif cond='data:post.allowComments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/> </div> </div> </div> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/> <!--Post feed links --> <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/> </b:loop> </div> </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable> <b:includable id='iframe_comments' var='post'> <b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/> <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/> <b:if cond='data:post.embedCommentForm == "false"'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable> <b:includable id='mobile-index-post' var='post'> <div class='mobile-date-outer date-outer'> <b:if cond='data:post.dateHeader'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </b:if> <div class='mobile-post-outer'> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title' itemprop='name'> <data:post.title/> </h3> <div class='mobile-index-arrow'>&rsaquo;</div> <div class='mobile-index-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> </b:if> <div class='post-body'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> </div> <div style='clear: both;'/> </a> <div class='mobile-index-comment'> <b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/> </div> </div> </div> </b:includable> <b:includable id='mobile-main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:if cond='data:blog.pageType == "index"'> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-index-post'/> </b:loop> <b:else/> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-post'/> </b:loop> </b:if> </div> <b:include name='mobile-nextprev'/> </b:includable> <b:includable id='mobile-nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='mobile-link-button' id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a> </div> </b:if> <b:if cond='data:olderPageUrl'> <div class='mobile-link-button' id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.thumbnailUrl'> <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:elseif cond='data:post.url and data:blog.url != data:post.url'/> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <meta expr:content='data:post.url.canonical' itemprop='url'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/> </span> </div> <div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'> <div class='mobile-link-button goog-inline-block' id='mobile-share-button'> <a href='javascript:void(0);'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> </b:if> </div> </div> </div> <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/> </div> </div> </div> </b:includable> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> </span> </b:if> <b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> </span> </b:if> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'> <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a> </div> </b:if> </div> <div class='clear'/> </b:includable> <b:includable id='post' var='post'> <div class='post hentry uncustomized-post-template mb-5' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <b:include cond='data:view.isPost' data='post' name='btemplates-breadcrumbs'/> <a expr:name='data:post.id'/> <b:include data='post' name='btemplates-seo-title'/> <hr class='title-separator mb-4'/> <div class='post-header mb-4'> <div class='post-header-line-1 text-center mb-4'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <span class='rounded-circle border border-secondary text-center'> <i aria-hidden='true' class='fa fa-user-o'/> </span> <data:top.authorLabel/> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span> <span class='post-labels'> <span class='rounded-circle border border-secondary text-center'> <i aria-hidden='true' class='fa fa-bookmark-o'/> </span> <b:if cond='data:top.showPostLabels and data:post.labels'> <!--<data:postLabelsLabel/>--> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'> <data:label.name/> </a> <b:if cond='not data:label.isLast'> &middot; </b:if> </b:loop> </b:if> </span> </div> </div> <b:include data='post' name='btemplates-post-content'/> <div class='container mb-4'> <div class='post-footer text-center'> <div class='post-footer-line post-footer-line-1'> <!-- share buttons --> <b:if cond='data:post.sharePostUrl'> <div class='bt-post-share-buttons'> <b:if cond='data:top.showEmailButton'> <a class='' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'> <i aria-hidden='true' class='fa fa-envelope-open-o'/> </a> </b:if> <b:if cond='data:top.showTwitterButton'> <a class='' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'> <i aria-hidden='true' class='fa fa-twitter'/> </a> </b:if> <b:if cond='data:top.showFacebookButton'> <a class='' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'> <i aria-hidden='true' class='fa fa-facebook'/> </a> </b:if> <b:if cond='data:top.showPinterestButton'> <a class='' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'> <i aria-hidden='true' class='fa fa-pinterest-p'/> </a> </b:if> <a class='' expr:href='"https://api.whatsapp.com/send?text=" + data:post.title + ": " + data:post.url' target='_blank'> <i aria-hidden='true' class='fa fa-whatsapp'/> </a> </div> </b:if> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <!--data:top.timestampLabel/--> <b:if cond='data:post.url'> <meta expr:content='data:post.url.canonical' itemprop='url'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span> <span class='reaction-buttons'> <b:if cond='data:top.showReactions'> <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr> <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'> <span class='reactions-label'> <data:top.reactionsLabel/></span> </td> <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> </tr></table> </b:if> </span> <!-- backlinks --> <span class='post-backlinks post-comment-link'> <b:if cond='data:blog.pageType not in {"item","static_page"} and data:post.showBacklinks'> <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a> </b:if> </span> <span class='post-icons'> <!-- email post links --> <b:if cond='data:post.emailPostUrl'> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/> </a> </span> </b:if> <!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-comment-link'> <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/> </span> <span class='post-location'> <b:if cond='data:top.showLocation and data:post.location'> <data:postLocationLabel/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </b:if> </span> </div> </div> </div> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.authorAboutMe'> <div class='container' id='btemplates-author-box'> <div class='row'> <div class='author-profile col-12' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <b:if cond='data:post.authorPhoto.url'> <img class='rounded-circle' expr:src='data:post.authorPhoto.url resizeImage 150' itemprop='image'/> </b:if> <div> <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </div> <span itemprop='description'><data:post.authorAboutMe/></span> </div> </div> </div> </b:if> </b:if> </div> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </b:includable> <b:includable id='shareButtons' var='post'> <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if> </b:includable> <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> </b:includable> <b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>'); </script> </div> </b:includable> <b:includable id='threaded_comment_js' var='post'> <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/> <script type='text/javascript'> (function() { var items = <data:post.commentJso/>; var msgs = <data:post.commentMsgs/>; var config = <data:post.commentConfig/>; // <![CDATA[ var cursor = null; if (items && items.length > 0) { cursor = parseInt(items[items.length - 1].timestamp) + 1; } var bodyFromEntry = function(entry) { var text = (entry && ((entry.content && entry.content.$t) || (entry.summary && entry.summary.$t))) || ''; if (entry && entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { return '<span class="deleted-comment">' + text + '</span>'; } } } return text; } var parse = function(data) { cursor = null; var comments = []; if (data && data.feed && data.feed.entry) { for (var i = 0, entry; entry = data.feed.entry[i]; i++) { var comment = {}; // comment ID, parsed out of the original id format var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); comment.id = id ? id[2] : null; comment.body = bodyFromEntry(entry); comment.timestamp = Date.parse(entry.published.$t) + ''; if (entry.author && entry.author.constructor === Array) { var auth = entry.author[0]; if (auth) { comment.author = { name: (auth.name ? auth.name.$t : undefined), profileUrl: (auth.uri ? auth.uri.$t : undefined), avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) }; } } if (entry.link) { if (entry.link[2]) { comment.link = comment.permalink = entry.link[2].href; } if (entry.link[3]) { var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href); if (pid && pid[1]) { comment.parentId = pid[1]; } } } comment.deleteclass = 'item-control blog-admin'; if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') { comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value; } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') { comment.displayTime = entry.gd$extendedProperty[k].value; } } } comments.push(comment); } } return comments; }; var paginator = function(callback) { if (hasMore()) { var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50'; if (cursor) { url += '&published-min=' + new Date(cursor).toISOString(); } window.bloggercomments = function(data) { var parsed = parse(data); cursor = parsed.length < 50 ? null : parseInt(parsed[parsed.length - 1].timestamp) + 1 callback(parsed); window.bloggercomments = null; } url += '&callback=bloggercomments'; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } }; var hasMore = function() { return !!cursor; }; var getMeta = function(key, comment) { if ('iswriter' == key) { var matches = !!comment.author && comment.author.name == config.authorName && comment.author.profileUrl == config.authorUrl; return matches ? 'true' : ''; } else if ('deletelink' == key) { return config.baseUri + '/delete-comment.g?blogID=' + config.blogId + '&postID=' + comment.id; } else if ('deleteclass' == key) { return comment.deleteclass; } return ''; }; var replybox = null; var replyUrlParts = null; var replyParent = undefined; var onReply = function(commentId, domId) { if (replybox == null) { // lazily cache replybox, and adjust to suit this style: replybox = document.getElementById('comment-editor'); if (replybox != null) { replybox.height = '250px'; replybox.style.display = 'block'; replyUrlParts = replybox.src.split('#'); } } if (replybox && (commentId !== replyParent)) { replybox.src = ''; document.getElementById(domId).insertBefore(replybox, null); replybox.src = replyUrlParts[0] + (commentId ? '&parentID=' + commentId : '') + '#' + replyUrlParts[1]; replyParent = commentId; } }; var hash = (window.location.hash || '#').substring(1); var startThread, targetComment; if (/^comment-form_/.test(hash)) { startThread = hash.substring('comment-form_'.length); } else if (/^c[0-9]+$/.test(hash)) { targetComment = hash.substring(1); } // Configure commenting API: var configJso = { 'maxDepth': config.maxThreadDepth }; var provider = { 'id': config.postId, 'data': items, 'loadNext': paginator, 'hasMore': hasMore, 'getMeta': getMeta, 'onReply': onReply, 'rendered': true, 'initComment': targetComment, 'initReplyThread': startThread, 'config': configJso, 'messages': msgs }; var render = function() { if (window.goog && window.goog.comments) { var holder = document.getElementById('comment-holder'); window.goog.comments.render(holder, provider); } }; // render now, or queue to render when library loads: if (window.goog && window.goog.comments) { render(); } else { window.goog = window.goog || {}; window.goog.comments = window.goog.comments || {}; window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; window.goog.comments.loadQueue.push(render); } })(); // ]]> </script> </b:includable> <b:includable id='threaded_comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <h4><data:post.commentLabelFull/>:</h4> <div class='comments-content'> <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/> </div> </div> </div> </b:includable> </b:widget> </b:section> </div> <!-- /Main content --> </div> <div class='col-lg-3' id='sidebar-wrapper'> <b:section name="Sidebar" class='sidebar' id='sidebar' preferred='yes'> <b:widget id='BlogSearch43' locked='false' title='SEARCH' type='BlogSearch' version='1'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <div expr:id='data:widget.instanceId + "_form"'> <form class='gsc-search-box' expr:action='data:blog.searchUrl'> <b:attr cond='not data:view.isPreview' name='target' value='_top'/> <div class='input-group'> <input autocomplete='off' class='gsc-input form-control' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' size='10' title='search' type='text'/> <div class='input-group-append'> <input class='gsc-search-button btn btn-info' expr:value='data:messages.search' title='search' type='submit'/> </div> </div> </form> </div> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML67' locked='false' title='LATEST' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>3-latest-65px</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='FollowByEmail35' locked='false' title='SUBSCRIBE-desc:Subscribe for Free!' type='FollowByEmail' version='1'> <b:includable id='main'> <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if> <div class='widget-content'> <div class='follow-by-email-inner'> <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'> <table width='100%'> <tr> <td> <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/> </td> <td width='64px'> <input class='follow-by-email-submit' type='submit' value='Submit'/> </td> </tr> </table> <input expr:value='data:feedPath' name='uri' type='hidden'/> <input name='loc' type='hidden' value='en_US'/> </form> </div> </div> <span class='item-control blog-admin'> <b:include name='quickedit'/> </span> </b:includable> </b:widget> <b:widget id='HTML66' locked='false' title='FOLLOW ME' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'><ul> <a href="https://www.youtube.com/c/USER_NAME"><i class="fa fa-youtube d-flex justify-content-center align-items-center" aria-hidden="true"></i></a> <a href="https://facebook.com/USER_NAME"><i class="fa fa-facebook d-flex justify-content-center align-items-center" aria-hidden="true"></i></a> <a href="https://twitter.com/USER_NAME"><i class="fa fa-twitter d-flex justify-content-center align-items-center" aria-hidden="true"></i></a> <a href="https://instagram.com/USER_NAME"><i class="fa fa-instagram d-flex justify-content-center align-items-center" aria-hidden="true"></i></a> </ul></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Label1' locked='false' title='SECCIONS' type='Label' version='1'> <b:widget-settings> <b:widget-setting name='sorting'>ALPHA</b:widget-setting> <b:widget-setting name='display'>LIST</b:widget-setting> <b:widget-setting name='selectedLabelsList'/> <b:widget-setting name='showType'>ALL</b:widget-setting> <b:widget-setting name='showFreqNumbers'>true</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'> <h2><data:title/></h2> </b:if> <div expr:class='"widget-content " + data:display + "-label-widget-content"'> <b:if cond='data:display == "list"'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='"label-size label-size-" + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='Profile1' locked='false' title='ABOUT' type='Profile' version='1'> <b:widget-settings> <b:widget-setting name='showaboutme'>true</b:widget-setting> <b:widget-setting name='showlocation'>false</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <b:if cond='data:team'> <!-- team blog profile --> <ul> <b:loop values='data:authors' var='i'> <li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><data:i.display-name/></a></li> </b:loop> </ul> <b:else/> <!-- normal blog profile --> <b:if cond='data:photo.url != ""'> <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a> </b:if> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'> <data:displayname/> </a> <b:if cond='data:hasgoogleprofile'> <br/> <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/> </b:if> </dt> <b:if cond='data:showlocation'> <dd class='profile-data'><data:location/></dd> </b:if> <b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if> </dl> <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </div> </b:if> <!-- clear floats--> <div class='clear'> </div> </div> </div> <!-- /Content-wrapper --> </div> <b:if cond='data:blog.url == data:blog.homepageUrl'> <div class='container-fluid'> <div class='row'> <b:section name="Campus gallery" class='' id='portfolio-footer' showaddelement='yes'> <b:widget id='HTML98' locked='false' title='Campus' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>4-tag:Campus-500px-mosaic</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> </div> </b:if> <!-- Footer --> <div class='container-fluid' id='footers'> <div class='container'> <div class='row py-4'> <b:section name="Footer 1" class='col-md-6 col-lg-4' id='footer-1' showaddelement='yes'> <b:widget id='PopularPosts2' locked='false' title='Popular' type='PopularPosts' version='1'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>3</b:widget-setting> <b:widget-setting name='showThumbnails'>true</b:widget-setting> <b:widget-setting name='showSnippets'>true</b:widget-setting> <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='!data:showThumbnails'> <b:if cond='!data:showSnippets'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. --> <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'> <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail' var='image'> <img alt='' border='0' expr:src='data:image'/> </b:with> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <b:if cond='data:showSnippets'> <div class='item-snippet'><data:post.snippet/></div> </b:if> </div> <div style='clear: both;'/> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='BlogArchive2' locked='false' title='Archive' type='BlogArchive' version='1'> <b:widget-settings> <b:widget-setting name='showStyle'>FLAT</b:widget-setting> <b:widget-setting name='yearPattern'>yyyy</b:widget-setting> <b:widget-setting name='showWeekEnd'>true</b:widget-setting> <b:widget-setting name='monthPattern'>MMMM</b:widget-setting> <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting> <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting> <b:widget-setting name='chronological'>false</b:widget-setting> <b:widget-setting name='showPosts'>false</b:widget-setting> <b:widget-setting name='frequency'>MONTHLY</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/> <b:include cond='data:style == "FLAT"' data='data' name='flat'/> <b:include cond='data:style == "MENU"' data='data' name='menu'/> </div> </div> <b:include name='quickedit'/> </div> </b:includable> <b:includable id='flat' var='data'> <ul class='flat'> <b:loop values='data:data' var='i'> <li class='archivedate'> <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>) </li> </b:loop> </ul> </b:includable> <b:includable id='interval' var='intervalData'> <b:loop values='data:intervalData' var='interval'> <ul class='hierarchy'> <li expr:class='"archivedate " + data:interval.expclass'> <b:include cond='data:interval.toggleId' data='interval' name='toggle'/> <a class='post-count-link' expr:href='data:interval.url'> <data:interval.name/> </a> <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span> <b:include cond='data:interval.data' data='interval.data' name='interval'/> <b:include cond='data:interval.posts' data='interval.posts' name='posts'/> </li> </ul> </b:loop> </b:includable> <b:includable id='menu' var='data'> <select expr:id='data:widget.instanceId + "_ArchiveMenu"'> <option value=''><data:title/></option> <b:loop values='data:data' var='i'> <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option> </b:loop> </select> </b:includable> <b:includable id='posts' var='posts'> <ul class='posts'> <b:loop values='data:posts' var='post'> <li><a expr:href='data:post.url'><data:post.title/></a></li> </b:loop> </ul> </b:includable> <b:includable id='toggle' var='interval'> <a class='toggle' href='javascript:void(0)'> <span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'> <b:if cond='data:interval.expclass == "expanded"'> ▼  <b:elseif cond='data:blog.languageDirection == "rtl"'/> ◄  <b:else/> ►  </b:if> </span> </a> </b:includable> </b:widget> </b:section> <b:section name="Footer 2" class='col-md-6 col-lg-4' id='footer-2' showaddelement='yes'> <b:widget id='HTML1' locked='false' title='Latest courses' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>3-tag:Courses-65px</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Label2' locked='false' title='Categories' type='Label' version='1'> <b:widget-settings> <b:widget-setting name='sorting'>ALPHA</b:widget-setting> <b:widget-setting name='display'>CLOUD</b:widget-setting> <b:widget-setting name='selectedLabelsList'/> <b:widget-setting name='showType'>ALL</b:widget-setting> <b:widget-setting name='showFreqNumbers'>false</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'> <h2><data:title/></h2> </b:if> <div expr:class='"widget-content " + data:display + "-label-widget-content"'> <b:if cond='data:display == "list"'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='"label-size label-size-" + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> <b:section name="Footer 3" class='col-md-6 col-lg-4' id='footer-3' showaddelement='yes'> <b:widget id='HTML63' locked='false' title='Comments' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>3-comments</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Text19' locked='false' title='About' type='Text' version='1'> <b:widget-settings> <b:widget-setting name='content'>This just a demo text widget, you can use it to create an about text, for example.</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Image19' locked='false' title='' type='Image' version='1'> <b:widget-settings> <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0JF5YSBp2vt8qTtmgoZ-pu-htPVZlC1BioAejmVFz5WF_muVXE2mYaQ60zH6ZQ6me9wvAQJADeynWPT-LCsMrhO1nmKIdXwURp3EVLj_qloeT4vm4MXVF3V6vmNudj4Qofn-rRQ0Cd8Y/s1600/logo.png</b:widget-setting> <b:widget-setting name='displayHeight'>36</b:widget-setting> <b:widget-setting name='sectionWidth'>150</b:widget-setting> <b:widget-setting name='shrinkToFit'>false</b:widget-setting> <b:widget-setting name='displayWidth'>253</b:widget-setting> <b:widget-setting name='link'>https://btemplates.com/2020/blogger-template-lms-education/</b:widget-setting> <b:widget-setting name='caption'/> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <b:tag cond='data:link' expr:href='data:link' name='a'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/> </b:tag> <br/> <b:if cond='data:caption'> <span class='caption'><data:caption/></span> </b:if> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> </div> </div> <!-- I hope you are enjoying blogging and using this template. You got this template for free, please keep the credits/links, this allow us to keep bringing you free, quality Blogger templates. Thank you! :) --> <div class='container-fluid bg-dark text-white'> <div class='container'> <div class='row py-2' id='footer-wrapper'> <div class='col-12 col-md-5 mb-3 mb-md-0' id='you-can-modify-this-as-you-want'> <span class='links'> Copyright © <span id='this-year'>2020</span> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>.</span> </div> <div class='col-12 col-md-7 text-md-right' id='thanks-for-keeping-this'><span class='text-danger'><i aria-hidden='true' class='fa fa-heart'/></span> Designed by <a href='https://btemplates.com/' rel='nofollow' title='Blogger templates'>Blogger Templates</a>, <a href='https://rivieramaya.mx/' rel='nofollow'>Riviera Maya</a> & <a href='https://ixibanyayu.com' rel='nofollow'>爱西班牙语</a></div> </div> </div> </div> <!-- Footer --> </div></div> <!-- /Outer-wrapper --> <a href='javascript:void(0)' id='back-top' style='display: block;'> <i class='fa fa-angle-up'/> </a> <link href='//stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/> <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'/> <script crossorigin='anonymous' integrity='sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy' src='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js'/> <script type='text/javascript'> var blogurl = '<data:blog.homepageUrl/>'; //<![CDATA[ $j = jQuery.noConflict(); $j(document).ready(function () { $j('#topMenu li a').each(function (i) { var lt = $j(this).text().toLowerCase(); var la = $j(this).attr('href').toLowerCase(); var emailr = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/i; var email2r = /^mailto:.*$/i; var telr = /[\d\s+-]{5,}/; var telr2 = /^tel:.*$/; if (emailr.test(lt) || email2r.test(la)) { $j(this).prepend('<i class="fa fa-envelope-o" aria-hidden="true"></i> '); } else if (telr.test(lt) || telr2.test(la)) { $j(this).prepend('<i class="fa fa-phone" aria-hidden="true"></i> '); } else if (la.indexOf('map') !== -1 || lt.indexOf('map') !== -1) { $j(this).prepend('<i class="fa fa-map-marker" aria-hidden="true"></i> '); } }); var headerBackground = $j('#header-wrapper .Image img'); var header = $j('#bt-header'); if (headerBackground.length > 0) { var headerImage = headerBackground.attr('src'); header.css({'background-image': 'url("' + headerImage + '")'}); } var blogTitle = $j('h1.title'); var index = blogTitle.text().indexOf(' '); if( index !== -1 ) blogTitle.html( '<a href="'+blogurl+'"><span class="first-word">' + blogTitle.text().substring(0, index) + '</span>' + blogTitle.text().substring(index, blogTitle.text().lenght) )+'</a>'; var stickyNavigation = $j('#btemplates-main-menu'); var header = $j('#btemplates-dropdown-2').height(); $j(window).scroll(function() { if( $j(this).scrollTop() > header ) { stickyNavigation.addClass('sticky'); } else { stickyNavigation.removeClass('sticky'); } }); var btBlocks = $j('#blocksMainMenu'); var blocksMenuElements = $j('#blocksMainMenu .LinkList li'); var blocksMenuUl = $j('#blocksMainMenu .LinkList ul'); var defaultColors = [ '#114669', '#42CBDB', '#B84030', '#BD4E3F', '#E6A10E', '#F0BC0D', '#F0BC0D', '#E6A10E', '#BD4E3F', '#B84030', '#42CBDB', '#114669']; var re = new RegExp('^.*#(\w{6})$', 'i'); blocksMenuElements.each(function(i){ var la = $j(this).attr('href'); var currentL = $j(this); currentL.replaceWith( '<div id="block-'+i+ '" class="bt-block d-flex justify-content-center align-items-center col-6 col-sm-4 col-lg-2" style="background-color: '+ defaultColors[i]+';">'+currentL.html()+'</div>'); $j('#block-'+i).height( $j('#block-'+i).width() ); if( i == blocksMenuElements.length-1 ) blocksMenuUl.replaceWith('<div class="row justify-content-center">'+blocksMenuUl.html()+'</div>'); }); $j('body').on('click', '.bt-block', function(){ window.location.href = $j(this).find('a').attr('href'); }); $j('#content-1').css('background-image', 'url('+$j('#sectionsLabels .Image img').attr('src')+')'); $j('#bt-subscription').css('background-image', 'url('+$j('#emailSubscription .Image img').attr('src')+')'); $j('#bt-videos').css('background-image', 'url('+$j('#latestVideo .Image img').attr('src')+')'); $j('#bt-contact h2, #portfolio-footer h2').after('<hr class="title-separator mb-4">'); $j('#bt-contact input, #bt-contact textarea, #emailSubscription .follow-by-email-address').addClass('form-control').wrap('<div class="input-group"></div>'); $j('#bt-contact .contact-form-name').before('<div class="input-group-prepend"><div class="input-group-text"><i class="fa fa-user-o" aria-hidden="true"></i></div></div>'); $j('#bt-contact .contact-form-email, #emailSubscription .follow-by-email-address').before('<div class="input-group-prepend"><div class="input-group-text"><i class="fa fa-envelope-open-o" aria-hidden="true"></i></div></div>'); var popularPosts = $j('#btemplates-popular-posts .PopularPosts ul li .item-content, #btemplates-icons-menu .PopularPosts ul li .item-thumbnail-only'); if (popularPosts.length) { var postHTML = ''; popularPosts.each(function () { var pThumb = $j(this).find('.item-thumbnail img'); var pThumbSize = '285'; if (pThumb.length > 0) { pThumb = pThumb.attr('src'); pThumb = pThumb.replace('w72-h72-p-k-no-nu', 'w' + pThumbSize + '-h' + pThumbSize + '-p-k-no-nu').replace('w72-h72-n-k-no-nu', 'w' + pThumbSize + '-h' + pThumbSize + '-n-k-no-nu'); } else { pThumb = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZO4c-1fA9zrTqlnVcIG2oDEOIMgj5bsxWyzkZRRzPZxs-o4ian_m6OWHL5kq5oeirV1HQ1ofPi6ZWf6BjbQ2aZNoeL2lUaEg_N1-R1VdmNFp2kF03x3oNw5sE_DJkHXOi1faBOCapMjM/w285-h285-p-k-no-nu/post-image.png'; } var pTitle = $j(this).find('.item-title a').text(); var pLink = $j(this).find('.item-title a').attr('href'); postHTML += '<div class="col-6 col-md-3">' + '<div class="item">' + '<a href="' + pLink + '">' + '<img src="' + pThumb + '" width="' + pThumbSize + 'px" alt="' + pTitle + ' image"/>' + '</a>' + '<div class="item-title">' + '<a href="' + pLink + '">' + '<h3>' + pTitle + '</h3>' + '</a>' + '</div>' + '</div>' + '</div>'; }); postHTML = '<div class="btemplates-portfolio"><div class="row no-gutters">' + postHTML + '</div></div>'; $j('#btemplates-popular-posts .PopularPosts .widget-content ul').replaceWith(postHTML); $j('#btemplates-popular-posts .PopularPosts').show(); } var firstPostContent = $j('#btemplates-first-post .widget'); if (firstPostContent.length) { var firstPostContent = $j('#btemplates-first-post').html(); var firstPost = $j('#main-wrapper .post:first'); firstPost.after('<div id="btemplates-first-post-c">' + firstPostContent + '</div>'); } var ProfileImage = $j('.Profile > div:nth-child(2) > a:nth-child(1) img'); if (ProfileImage.length) { ProfileImage.attr('src', $j('.Profile > div:nth-child(2) > a:nth-child(1) img').attr('src').replace('s80', 's125')).attr('width', '125').attr('height', '125'); ProfileImage.addClass('rounded-circle border border-secondary'); } if ($j('.widget').length) { $j('.widget').each(function (index) { var widgetTitle = $j(this).children('h2').text(); var regDescription = /(.*?)-desc:(.*?)$/i; if (regDescription.exec(widgetTitle)) { var widgetSettings = widgetTitle.match(regDescription); var title = widgetSettings[1]; var description = widgetSettings[2]; $j(this).children('h2').text(title); $j(this).children('h2').after('<p class="bt-widget-description">' + description + '</p>'); } }); } if ($j('.avatar-image-container').length) { $j('.avatar-image-container img').each(function () { $j(this).addClass('rounded-circle border border-secondary'); if ($j(this).attr('src').indexOf('blogblog.com/img/blank.gif') !== -1) { $j(this).attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieqJ5xPmrgK57C5egmrXthZ-jFWvQ1rV-8WdVoHXVvPrOg32OXJhnmv2GewrdB7nFHNvRfod04Py7A9IX0b1X07ZLFVxVJ0ot6mntk57RlxNgfPGm90CVBcAafh8wp0sk-cMFZB2au927j/s35/user.png'); } }) } if ($j('.comment-reply').length) $j('.comment-reply').addClass('btn text-white mr-2 p-1'); $j('span.blog-author').html('<i class="fa fa-user-o" aria-hidden="true" title="Author"></i>'); $j('.post-body iframe, .post-body embed, .post-body object').wrap('<div class="video-container"></div>'); $j('.Label li span').each(function (i) { $j(this).text($j(this).text().replace('(', '').replace(')', '')); if ($j.isNumeric($j(this).text()) && $j(this).parent().children().length > 1) { $j(this).addClass('rounded-circle border border-secondary text-center float-right'); var link = $j(this).prev().attr('href'); if (link !== undefined) $j(this).wrap('<a href="' + link + '"></a>'); } });var _0xae99=["\x3A\x76\x69\x73\x69\x62\x6C\x65","\x69\x73","\x23\x74\x68\x61\x6E\x6B\x73\x2D\x66\x6F\x72\x2D\x6B\x65\x65\x70\x69\x6E\x67\x2D\x74\x68\x69\x73","\x6F\x70\x61\x63\x69\x74\x79","\x63\x73\x73","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x62\x74\x65\x6D\x70\x6C\x61\x74\x65\x73\x2E\x63\x6F\x6D","\x69\x6E\x64\x65\x78\x4F\x66","\x68\x74\x6D\x6C","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x72\x69\x76\x69\x65\x72\x61\x6D\x61\x79\x61\x2E\x6D\x78","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x69\x78\x69\x62\x61\x6E\x79\x61\x79\x75\x2E\x63\x6F\x6D","\x52\x69\x76\x69\x65\x72\x61\x20\x4D\x61\x79\x61","\x74\x65\x78\x74","\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x65\x6D\x70\x6C\x61\x74\x65\x73","\x23\x74\x68\x61\x6E\x6B\x73\x2D\x66\x6F\x72\x2D\x6B\x65\x65\x70\x69\x6E\x67\x2D\x74\x68\x69\x73\x20\x61\x3A\x66\x69\x72\x73\x74","\x70\x6F\x73\x69\x74\x69\x6F\x6E","\x61\x62\x73\x6F\x6C\x75\x74\x65","\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x2D\x63\x6F\x6C\x6F\x72","\x63\x6F\x6C\x6F\x72","\x23\x74\x68\x61\x6E\x6B\x73\x2D\x66\x6F\x72\x2D\x6B\x65\x65\x70\x69\x6E\x67\x2D\x74\x68\x69\x73\x20\x61","\x30","\x74\x65\x78\x74\x2D\x69\x6E\x64\x65\x6E\x74","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x65\x78\x74\x2D\x64\x61\x6E\x67\x65\x72\x20\x74\x65\x78\x74\x2D\x63\x65\x6E\x74\x65\x72\x20\x6D\x79\x2D\x34\x22\x3E\x50\x6C\x65\x61\x73\x65\x20\x64\x6F\x6E\x27\x74\x20\x64\x65\x6C\x65\x74\x65\x20\x74\x68\x65\x20\x63\x72\x65\x64\x69\x74\x73\x20\x6F\x6E\x20\x74\x68\x69\x73\x20\x74\x65\x6D\x70\x6C\x61\x74\x65\x2E\x20\x49\x74\x20\x74\x6F\x6F\x6B\x20\x6D\x6F\x72\x65\x20\x74\x68\x61\x6E\x20\x35\x20\x77\x65\x65\x6B\x73\x20\x6F\x66\x20\x77\x6F\x72\x6B\x20\x74\x6F\x20\x6D\x61\x6B\x65\x2E\x20\x59\x6F\x75\x20\x63\x61\x6E\x20\x63\x6F\x6E\x73\x69\x64\x65\x72\x20\x62\x75\x79\x69\x6E\x67\x20\x61\x20\x6C\x69\x63\x65\x6E\x73\x65\x20\x74\x6F\x20\x62\x65\x20\x61\x62\x6C\x65\x20\x74\x6F\x20\x64\x65\x6C\x65\x74\x65\x20\x74\x68\x65\x6D\x20\x61\x6E\x64\x20\x73\x75\x70\x70\x6F\x72\x74\x20\x75\x73\x2E\x20\x54\x68\x61\x6E\x6B\x20\x79\x6F\x75\x21\x20\x3A\x29\x3C\x2F\x64\x69\x76\x3E","\x61\x66\x74\x65\x72","\x23\x62\x74\x65\x6D\x70\x6C\x61\x74\x65\x73\x2D\x64\x72\x6F\x70\x64\x6F\x77\x6E\x2D\x32"];var _0x6f19=[_0xae99[0],_0xae99[1],_0xae99[2],_0xae99[3],_0xae99[4],_0xae99[5],_0xae99[6],_0xae99[7],_0xae99[8],_0xae99[9],_0xae99[10],_0xae99[11],_0xae99[12],_0xae99[13],_0xae99[14],_0xae99[15],_0xae99[16],_0xae99[17],_0xae99[18],_0xae99[19],_0xae99[20],_0xae99[21],_0xae99[22],_0xae99[23]];if(!$j(_0x6f19[2])[_0x6f19[1]](_0x6f19[0])|| $j(_0x6f19[2])[_0x6f19[4]](_0x6f19[3])!= 1 || $j(_0x6f19[2])[_0x6f19[7]]()[_0x6f19[6]](_0x6f19[5])=== -1 || $j(_0x6f19[2])[_0x6f19[7]]()[_0x6f19[6]](_0x6f19[8])=== -1 || $j(_0x6f19[2])[_0x6f19[7]]()[_0x6f19[6]](_0x6f19[9])=== -1 || $j(_0x6f19[2])[_0x6f19[11]]()[_0x6f19[6]](_0x6f19[10])=== -1 || $j(_0x6f19[2])[_0x6f19[11]]()[_0x6f19[6]](_0x6f19[12])=== -1 || !$j(_0x6f19[13])[_0x6f19[1]](_0x6f19[0]) || $j(_0x6f19[2])[_0x6f19[4]](_0x6f19[14])== _0x6f19[15] || $j(_0x6f19[2])[_0x6f19[4]](_0x6f19[16])== $j(_0x6f19[18])[_0x6f19[4]](_0x6f19[17]) || $j(_0x6f19[18])[_0x6f19[4]](_0x6f19[20])[_0x6f19[6]](_0x6f19[19])=== -1){$j(_0x6f19[23])[_0x6f19[22]](_0x6f19[21]);var ajaxSupport=![]}else {var ajaxSupport=!![]} $j('#btemplates-social li a').each(function () { var la = $j(this).attr('href').toLowerCase(); var socialNetworks = ['500px', 'amazon', 'android', 'angellist', 'apple', 'bandcamp', 'behance', 'bitbucket', 'bitcoin', 'bluetooth', 'buysellads', 'chrome', 'codepen', 'deviantart', 'digg', 'dribbble', 'dropbox', 'drupal', 'etsy', 'facebook', 'firefox', 'flickr', 'foursquare', 'github', 'gitlab', 'google', 'imdb', 'instagram', 'joomla', 'linkedin', 'linode', 'linux', 'medium', 'meetup', 'opencart', 'openid', 'opera', 'paypal', 'pinterest', 'qq', 'quora', 'reddit', 'renren', 'scribd', 'skype', 'slideshare', 'snapchat', 'soundcloud', 'spotify', 'steam', 'telegram', 'tripadvisor', 'tumblr', 'twitch', 'twitter', 'vimeo', 'wechat', 'weibo', 'weixin', 'whatsapp', 'wikipedia', 'windows', 'wordpress', 'yahoo', 'yelp', 'youtube']; var currentLink = $j(this); $j.each(socialNetworks, function (i, sn) { if (la.indexOf(sn) !== -1 && ajaxSupport) { currentLink.html('<i class="fa fa-' + sn + '" aria-hidden="true"></i>'); return false; } }); }); $j('#sidebar .LinkList li a, #footers .LinkList li a').each(function () { var la = $j(this).attr('href').toLowerCase(); var socialNetworks = ['500px', 'amazon', 'android', 'angellist', 'apple', 'bandcamp', 'behance', 'bitbucket', 'bitcoin', 'bluetooth', 'buysellads', 'chrome', 'codepen', 'deviantart', 'digg', 'dribbble', 'dropbox', 'drupal', 'etsy', 'facebook', 'firefox', 'flickr', 'foursquare', 'github', 'gitlab', 'google', 'imdb', 'instagram', 'joomla', 'linkedin', 'linode', 'linux', 'medium', 'meetup', 'opencart', 'openid', 'opera', 'paypal', 'pinterest', 'qq', 'quora', 'reddit', 'renren', 'scribd', 'skype', 'slideshare', 'snapchat', 'soundcloud', 'spotify', 'steam', 'telegram', 'tripadvisor', 'tumblr', 'twitch', 'twitter', 'vimeo', 'wechat', 'weibo', 'weixin', 'whatsapp', 'wikipedia', 'windows', 'wordpress', 'yahoo', 'yelp', 'youtube']; var currentLink = $j(this); $j.each(socialNetworks, function (i, sn) { if (la.indexOf(sn) !== -1 && ajaxSupport) { currentLink.html('<i class="fa fa-' + sn + ' d-flex justify-content-center align-items-center" aria-hidden="true"></i>'); currentLink.parent().replaceWith(currentLink); return false; } }); }); $j('.LinkList a, .Text a, .Image a, .post-body a').each(function () { var hashlink = $j(this).attr('href'); if( typeof hashlink !== typeof undefined && hashlink !== false ) { if (hashlink.indexOf('#bt-tags') !== -1) { $j(this).attr({'data-toggle': 'modal', 'data-target': '#bt-labels'}); } else if(hashlink.indexOf('#bt-home') !== -1){ $j(this).attr('href', blogurl); } } }); $j('.widget.Label').each(function () { var re = /^.*-BTLabels$/i; var widgetTitle = $j(this).find('h2'); if (re.test(widgetTitle.text())) { widgetTitle.text(widgetTitle.text().replace('-BTLabels', '')); var list = $j(this).find('ul'); list.replaceWith('<hr class="title-separator"/><div class="btemplates-tags">' + list.html() + '</div>'); $j(this).find('li').each(function () { var link = $j(this).find('a'); if (link.length) var tag = link.eq(0).text(); else if ($j(this).find('span').length) var tag = $j(this).find('span').eq(0).text(); btemplatesGetTagThumbJquery($j(this), tag); }); } }); function btemplatesJqueryGetPosts(el, postsToDisplay, postsType, postsThumbnailSize, postsStyle, exclude) { postsToDisplay = parseInt(postsToDisplay); postsStyle = typeof postsStyle !== 'undefined' ? postsStyle : 'list'; exclude = typeof exclude !== 'undefined' ? exclude : false; postsToDisplay = exclude ? postsToDisplay + 1 : postsToDisplay; var tag = tagName = ''; regex = /tag\:(.*?)$/i; if (regex.exec(postsType)) { var tagName = postsType.match(regex); postsType = tagName[1]; tag = '/-/' + encodeURI(tagName[1]); } $j.get( blogurl + '/feeds/posts/default' + tag, { 'alt': 'json', 'max-results': postsToDisplay }, function(data){ if( typeof data === 'undefined' ){ console.log(data); return data; } var code = btemplatesProcessPosts(data, postsToDisplay, postsThumbnailSize, postsStyle, postsType, exclude); el.html(code); if( postsStyle === 'video' ) $j('.post-body iframe, .post-body embed, .post-body object').wrap('<div class="video-container"></div>'); }) } function btemplatesJqueryNextPosts(el, newerPostUrl, olderPostUrl, postsThumbnailSize) { postsThumbnailSize = parseInt(postsThumbnailSize); var startIndex = 1; var foundPosts = 0; $j.get(blogurl + '/feeds/posts/summary/', { 'alt':'json', 'max-results':'500', 'start-index':startIndex }, function(data){ for (var i = 0; i < data.feed.entry.length; i++) { post = data.feed.entry[i]; for (var j = 0; j < post.link.length; j++) { if (post.link[j].rel === 'alternate') { if (post.link[j].href !== newerPostUrl && post.link[j].href !== olderPostUrl) delete data.feed.entry[i]; else foundPosts++; } } } if (foundPosts > 0) { var code = btemplatesProcessPosts(data, 500, postsThumbnailSize); el.html(code); } }) } function btemplatesProcessPosts(json, postsToDisplay, postsThumbnailSize, postsStyle, postsType, exclude) { if (typeof json.feed.entry === 'undefined') return 'No posts found'; postsToDisplay = parseInt(postsToDisplay); var postSummaryLength = 160; var postThumbnailWidth = parseInt(postsThumbnailSize); var postHTML = ''; var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; var olderPostDate = Date.now(); for (var i = 0; i < postsToDisplay; i++) { var post = postTitle = postDateTime = postDate = postYear = postMonth = postMonthName = postDay = postUrl = postLabelsList = postCommentsCount = postThumbnail = postContent = postTags = postSummary = postsThumbnailSquare = postAuthor = postAuthorAvatar = postId = postLocation = ''; post = json.feed.entry[i]; if (post === undefined) continue; postId = post.id.$t; if (exclude && postId.indexOf(exclude) !== -1) continue; postTitle = post.title.$t != null ? post.title.$t : ''; postCommentsCount = post.thr$total; postDateTime = post.published.$t; if( new Date(olderPostDate) > new Date(postDateTime) ) olderPostDate = postDateTime; olderPostDate = olderPostDate === null ? '' : olderPostDate; olderPostDate = olderPostDate.replace( /\.\d{3}/, '' ); postDate = postDateTime.substring(0, 10); postYear = postDate.substring(0, 4); postMonth = postDate.substring(5, 7); postMonthName = months[parseInt(postMonth) - 1]; postDay = postDate.substring(8, 10); postDateStr = postDay + ' ' + postMonthName + ' ' + postYear; postAuthor = post.author[0].name.$t; postAuthorAvatar = ( 'gd$image' in post.author[0] ) ? post.author[0].gd$image.src : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieqJ5xPmrgK57C5egmrXthZ-jFWvQ1rV-8WdVoHXVvPrOg32OXJhnmv2GewrdB7nFHNvRfod04Py7A9IX0b1X07ZLFVxVJ0ot6mntk57RlxNgfPGm90CVBcAafh8wp0sk-cMFZB2au927j/s35/user.png'; postLocation = ( 'georss$featurename' in post ) ? post.georss$featurename.$t : ''; for (var j = 0; j < post.link.length; j++) { if (post.link[j].rel === 'alternate') { postUrl = post.link[j].href; break; } } if ('category' in post) { for (var c = 0; c < post.category.length; c++) { var comma = (c === post.category.length - 1) ? '' : ', '; postTags += post.category[c].term + comma; } } if ('content' in post) { postContent = post.content.$t; postSummary = postContent.replace(/<\/?[^>]+(>|$)/g, "").substring(0, postSummaryLength) + '...'; } else { postContent = postSummary = post.summary.$t; } var imagesRegex = /https?:\/\/[^\s\#\?]*\.(jpe?g|gif|png)/ig; var images = postContent.match(imagesRegex); if( images !== null && images.length > 0 ){ postThumbnail = images[0].replace(/(https?:\/\/[^\s\#\?]*\/)(s\d+|w\d+-h\d+|w\d+)(\/[^\s\#\?\/]*\.)(jpe?g|png|gif)/i, function(match, g1, g2, g3, g4){return g1+'w'+postThumbnailWidth+g3+g4}); postThumbnailSquare = postThumbnail.replace('/w'+postThumbnailWidth+'/', '/s'+postThumbnailWidth+'-c/'); } else if(post.media$thumbnail) { var rawThumbnail = post.media$thumbnail; var youTubePreviewRegex = /img\.youtube\.com\/vi\/.*\/default\.jpg/i; if(youTubePreviewRegex.test(rawThumbnail.url)){ postThumbnail = postThumbnailSquare = rawThumbnail.url.replace('default.jpg', 'maxresdefault.jpg'); } else { postThumbnail = rawThumbnail.url.replace('s72-c', 'w' + postThumbnailWidth); postThumbnailSquare = rawThumbnail.url.replace('s72-c', 's' + postThumbnailWidth + '-c'); } } else { postThumbnail = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZO4c-1fA9zrTqlnVcIG2oDEOIMgj5bsxWyzkZRRzPZxs-o4ian_m6OWHL5kq5oeirV1HQ1ofPi6ZWf6BjbQ2aZNoeL2lUaEg_N1-R1VdmNFp2kF03x3oNw5sE_DJkHXOi1faBOCapMjM/' + postThumbnailWidth + '/post-image.png'; postThumbnailSquare = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZO4c-1fA9zrTqlnVcIG2oDEOIMgj5bsxWyzkZRRzPZxs-o4ian_m6OWHL5kq5oeirV1HQ1ofPi6ZWf6BjbQ2aZNoeL2lUaEg_N1-R1VdmNFp2kF03x3oNw5sE_DJkHXOi1faBOCapMjM/' + postThumbnailWidth + '-c/post-image.png'; } if (postsStyle === 'slider') { var active = (i === 0) ? ' active ' : ''; postHTML += '<div class="btemplates-post carousel-item' + active + '">' + '<img class="d-block w-100" src="' + postThumbnail + '" alt="' + postTitle + '"/>' + '<div class="carousel-caption d-none d-md-block">' + '<div class="bt-post-title">' + '<a href="' + postUrl + '"><h5>' + postTitle + '</h5></a>' + '</div>' + '<div class="bt-post-content">' + '<p><a href="' + postUrl + '">' + postSummary + '</a></p>' + '</div>' + '</div>' + '</div>'; } else if (postsStyle === 'testimonial') { var active = i === 0 ? ' active ' : ''; postLocation = postLocation !== '' ? '<div class="bt-post-location d-none d-sm-block"><i class="fa fa-map-marker" aria-hidden="true"></i> '+postLocation+'</div>' : ''; postHTML += '<div class="btemplates-post carousel-item' + active + '">' + '<img class="rounded-circle mb-2" src="' + postThumbnailSquare + '" alt="' + postTitle + '"/>' + '<div class="caption d-block">' + '<div class="bt-post-title">' + '<a href="' + postUrl + '"><h5>' + postTitle + '</h5></a>' + '</div>' + '<div class="bt-post-content">' + '<p>' + postSummary + '</p>' + '</div>' + postLocation + '</div>' + '</div>'; } else if (postsStyle === 'menulist') { var menuThumbnails = postsThumbnailSize === 0 ? '' : '<img src="' + postThumbnail + '" width="100%" alt="' + postTitle + '"/><br />'; postHTML += '<a class="dropdown-item" href="' + postUrl + '">' + menuThumbnails + postTitle + '</a>'; } else if (postsStyle === 'mosaic') { postHTML += '<div class="col-md-6 col-lg-3">' + '<div class="item">' + '<a href="' + postUrl + '">' + '<img src="' + postThumbnailSquare + '" width="' + postThumbnailWidth + 'px" alt="' + postTitle + '"/>' + '</a>' + '<div class="item-title">' + '<span>' + postTags + '</span>' + '<a href="' + postUrl + '">' + '<h3>' + postTitle + '</h3>' + '</a>' + '</div>' + '</div>' + '</div>'; } else if(postsStyle === 'course'){ postLocation = postLocation !== '' ? '<div class="bt-post-location"><i class="fa fa-map-marker" aria-hidden="true"></i> '+postLocation+'</div>' : ''; postHTML += '<div class="col-12 col-sm-6 col-lg-4 mb-4"><div class="btemplates-post h-100">' + '<div class="bt-post-thumbnail">' + '<a href="' + postUrl + '">' + '<img src="' + postThumbnail + '" width="' + postThumbnailWidth + 'px" alt="' + postTitle + '"/>' + '</a>' + '</div>' + '<div class="bt-post-author-avatar">' + '<img class="rounded-circle border" alt="By '+postAuthor+'" title="By '+postAuthor+'" width="50px" src="'+postAuthorAvatar+'"/>' + '</div>' + '<div class="bt-post-title">' + '<a href="' + postUrl + '">' + postTitle + '</a>' + '</div><hr class="subtitle-separator"/>' + '<div class="bt-post-content">' + postSummary + '</div>' + postLocation + '<div class="bt-post-date">' + postDate + '</div>' + '</div></div>'; } else if(postsStyle === 'bloglist'){ postHTML += '<div class="col-12 col-sm-6 col-lg-4 mb-4"><div class="btemplates-post h-100">' + '<div class="bt-post-thumbnail">' + '<a href="' + postUrl + '">' + '<img src="' + postThumbnail + '" width="' + postThumbnailWidth + 'px" alt="' + postTitle + '"/>' + '</a>' + '</div>' + '<div class="bt-post-title">' + '<a href="' + postUrl + '">' + postTitle + '</a>' + '</div>' + '<div class="bt-post-date">' + postDateStr + '</div>' + '<hr class="subtitle-separator"/>' + '<div class="bt-post-content">' + postSummary + '</div>' + '</div></div>'; } else if(postsStyle === 'simplelist'){ postHTML += '<li class="row">' + '<div class="col-1"><i class="fa fa-file-o" aria-hidden="true"></i></div>' + '<div class="col-10"><a href="'+postUrl+'">'+postTitle+'</a></div>' + '<div class="col-1"><a class="btn btn-light" href="'+postUrl+'" role="button"><i class="fa fa-chevron-right" aria-hidden="true"></i></a></div>' + '</li>'; } else if( postsStyle === 'video' ){ postHTML += '<div class="bt-post-title"><a href="'+postUrl+'"><h3>'+postTitle+'</h3></a></div>'; var youtubeRegex = /((?:https?:)?\/\/)?((?:www|m)\.)?((?:youtube\.com|youtu.be))(\/(?:[\w\-]+\?v=|embed\/|v\/)?)([\w\-]+)(\S+)?/i if( youtubeRegex.exec( postContent ) ) { var youtubeUrlArray = postContent.match( youtubeRegex ); var youtubeUrl = 'https://www.youtube.com/embed/'+youtubeUrlArray[5]; postHTML += '<div class="video-container"><iframe src="'+youtubeUrl+'" frameborder="0" allowfullscreen></iframe></div>' postHTML += '<div class="bt-post-content">' + '<a href="' + postUrl + '">' + postSummary + '</a>' + '</div>'; } else { postHTML = '<div class="post-body">'+postContent+'</div>' } } else { postHTML += '<div class="btemplates-post">' + '<div class="bt-post-thumbnail">' + '<a href="' + postUrl + '">' + '<img src="' + postThumbnail + '" width="' + postThumbnailWidth + 'px" alt="' + postTitle + '"/>' + '</a>' + '</div>' + '<div class="bt-post-title">' + '<a href="' + postUrl + '">' + postTitle + '</a>' + '</div>' + '<div class="bt-post-content">' + '<a href="' + postUrl + '">' + postSummary + '</a>' + '</div>' + '<div class="bt-post-date">' + postDate + '</div>' + '</div>'; } } nextPostsUrl = ( postsType !== 'latest' ) ? blogurl+'search/label/'+encodeURI(postsType)+'?update-max='+olderPostDate+'&max-results='+postsToDisplay : blogurl+'search?update-max='+olderPostDate+'&max-results='+postsToDisplay; if (postsStyle === 'slider') { var indicatorHTML = ''; for (var l = 0; l < postsToDisplay; l++) { var active = l === 0 ? ' active ' : ''; indicatorHTML += '<li data-target="#btemplates-posts-slider" data-slide-to="' + l + '" class="' + active + '"></li>'; } indicatorHTML = '<ol class="carousel-indicators">' + indicatorHTML + '</ol>'; postHTML = '<div id="btemplates-posts-slider" class="carousel slide" data-ride="carousel">' + indicatorHTML + '<div class="carousel-inner">' + postHTML + '</div>' + '<a class="carousel-control-prev" href="#btemplates-posts-slider" role="button" data-slide="prev">' + '<span class="carousel-control-prev-icon" aria-hidden="true"></span>' + '<span class="sr-only">Previous</span>' + '</a>' + '<a class="carousel-control-next" href="#btemplates-posts-slider" role="button" data-slide="next">' + '<span class="carousel-control-next-icon" aria-hidden="true"></span>' + '<span class="sr-only">Next</span>' + '</a>' + '</div>'; } else if (postsStyle === 'testimonial') { var indicatorHTML = ''; for (var l = 0; l < postsToDisplay; l++) { var active = l === 0 ? ' active ' : ''; indicatorHTML += '<li data-target="#btemplates-posts-slider" data-slide-to="' + l + '" class="' + active + '"></li>'; } indicatorHTML = '<ol class="carousel-indicators">' + indicatorHTML + '</ol>'; postHTML = '<hr class="title-separator"/><div id="btemplates-posts-slider" class="carousel slide" data-ride="carousel">' + //indicatorHTML + '<div class="carousel-inner">' + postHTML + '</div>' + '<a class="carousel-control-prev" href="#btemplates-posts-slider" role="button" data-slide="prev">' + '<span class="carousel-control-prev-icon" aria-hidden="true"></span>' + '<span class="sr-only">Previous</span>' + '</a>' + '<a class="carousel-control-next" href="#btemplates-posts-slider" role="button" data-slide="next">' + '<span class="carousel-control-next-icon" aria-hidden="true"></span>' + '<span class="sr-only">Next</span>' + '</a>' + '</div>'; } else if (postsStyle === 'menulist') { var menuId = postsType.toLowerCase().replace(/[^a-z0-9]/, ''); postHTML = '<a class="nav-link dropdown-toggle" href="#" id="' + menuId + '" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' + postsType + '</a>' + '<div class="dropdown-menu" aria-labelledby="' + menuId + '">' + postHTML + '</div>'; } else if (postsStyle === 'mosaic') { postHTML = '<div class="btemplates-portfolio"><div class="row no-gutters">' + postHTML + '</div></div>'; } else if (postsStyle === 'course') { postHTML = '<hr class="title-separator mb-4"/>' + '<div class="btemplates-courses">' + '<div class="row">' + postHTML + '</div>' + '<div class="row justify-content-center">' + '<div class="col-12 col-sm-6 col-lg-4">' + '<a href="'+nextPostsUrl+'" class="btn btn-block btn-outline-info">' + '<i class="fa fa-angle-double-right" aria-hidden="true"></i>' + '</a>' + '</div>' + '</div>' + '</div>'; } else if (postsStyle === 'bloglist') { postHTML = '<hr class="title-separator mb-4"/>' + '<div class="btemplates-blog">' + '<div class="row">' + postHTML + '</div>' + '<div class="row justify-content-center">' + '<div class="col-12 col-sm-6 col-lg-4">' + '<a href="'+nextPostsUrl+'" class="btn btn-block btn-outline-info">' + '<i class="fa fa-angle-double-right" aria-hidden="true"></i>' + '</a>' + '</div>' + '</div>' + '</div>'; } else if (postsStyle === 'simplelist') { postHTML = '<ul>'+postHTML+'</ul>'; } else if (postsStyle === 'video') { postHTML = '<hr class="title-separator mb-4"/><div class="btemplates-videos">' + postHTML + '</div>'; } else { console.log(postsStyle); } return postHTML; } function btemplatesJqueryGetComments(el, commentsToDisplay) { commentsToDisplay = parseInt(commentsToDisplay); $j.get( blogurl + '/feeds/comments/summary', { 'alt':'json', 'max-results':commentsToDisplay }, function(data) { var code = btemplatesProcessComments(data, commentsToDisplay); el.html(code); }); } function btemplatesProcessComments(json, commentsToDisplay) { if (json.feed.entry === undefined) return 'No comments found'; var commentHTML = ''; var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; for (var i = 0; i < commentsToDisplay; i++) { var comment = commentDateTime = commentDate = commentYear = commentMonth = commentMonthName = commentDay = commentUrl = commentContent = commentSummary = commentAuthor = commentAuthorAvatar = postTitle = ''; comment = json.feed.entry[i]; if (comment === undefined) continue; commentDateTime = comment.published.$t; commentDate = commentDateTime.substring(0, 10); commentYear = commentDate.substring(0, 4); commentMonth = commentDate.substring(5, 7); commentMonthName = months[parseInt(commentMonth) - 1]; commentDay = commentDate.substring(8, 10); commentAuthor = comment.author[0].name.$t; for (var j = 0; j < comment.link.length; j++) { if (comment.link[j].rel === 'alternate') { commentUrl = comment.link[j].href; break; } } commentContent = commentSummary = comment.summary.$t; commentAuthorAvatar = comment.author[0].gd$image.src; if (commentAuthorAvatar.indexOf('blogblog.com/img/blank.gif') !== -1 ) { commentAuthorAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieqJ5xPmrgK57C5egmrXthZ-jFWvQ1rV-8WdVoHXVvPrOg32OXJhnmv2GewrdB7nFHNvRfod04Py7A9IX0b1X07ZLFVxVJ0ot6mntk57RlxNgfPGm90CVBcAafh8wp0sk-cMFZB2au927j/s100/user.png'; } postTitle = comment.title.$t; commentHTML += '<div class="btemplates-comment">' + '<div class="bt-comment-avatar">' + '<a href="' + commentUrl + '">' + '<img class="profile-img rounded-circle border border-secondary" src="' + commentAuthorAvatar + '" alt="' + commentAuthor + '"/>' + '</a>' + '</div>' + '<div class="bt-comment-author">' + '<a href="' + commentUrl + '">' + commentAuthor + '</a>:' + '<div class="bt-comment-content">' + postTitle + '</div>' + '<div class="bt-comment-date">' + '<a href="' + commentUrl + '">' + commentDate + '</a>' + '</div>' + '</div>'; } return commentHTML; } linkListUl = $j('.navbar .section ul').each(function(){ $j(this).addClass('navbar-nav') }); $j('.navbar .section li').each(function(i){ var navItemText = $j(this).children('a').text(); $j(this).addClass('nav-item align-self-lg-center'); $j(this).children('a').addClass('nav-link'); var re = /^-([^-]+)/i; var resub = /^--([^-]+)/i; var retag = /^(tag:[^-]+)-?(\d+)?-?(true|false)?/i; if (re.exec(navItemText) && ajaxSupport) { var previousNavItem = $j(this).prev(); if(previousNavItem.length){ var navItemLink = $j(this).children('a').attr('href'); var navItemNewText = navItemText.replace(/^-/i, ''); var nextNavItem = $j(this).next(); var nextNavItemText = nextNavItem.text(); var previousNavItemLink = previousNavItem.children('a').attr('href'); var previousNavItemText = previousNavItem.children('a').text(); var newLink = subitems = ''; while( resub.exec($j(this).next().text()) ) { subitems += '<a class="dropdown-item" href="' + $j(this).next().children('a').attr('href') + '">' + '' + $j(this).next().text().replace('--', '') + '</a>'; $j(this).next().remove(); } $j(this).remove(); if( resub.exec(nextNavItemText) ) { newLink = '<div class="dropdown-submenu">' + '<a id="sub-dropdown-'+i+'" role="button" class="dropdown-item dropdown-toggle" ' + 'data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ' + 'href="'+navItemLink+'">'+navItemNewText+'</a>' + '<div class="dropdown-menu" aria-labelledby="sub-dropdown-'+i+'">' + subitems + '</div>' + '</div>'; } else { newLink = '<a class="dropdown-item" href="' + navItemLink + '">' + navItemNewText + '</a>'; } if (previousNavItem.hasClass('dropdown')) { var dropdownList = previousNavItem.find('.dropdown-menu').first(); dropdownList.append(newLink); } else { previousNavItem.className += ' ' + 'dropdown'; previousNavItem.addClass('dropdown'); previousNavItem.html('<a class="nav-link dropdown-toggle" href="' + previousNavItemLink + '" role="button" data-toggle="dropdown" id="dropdown-' + i + '" aria-haspopup="true" aria-expanded="false">' + previousNavItemText + '</a>' + '<div class="dropdown-menu" aria-labelledby="dropdown-' + i + '">' + newLink + '</div>'); } } } else if (retag.exec(navItemText) && ajaxSupport) { var dropdownSettings = navItemText.match(retag); var postsType = dropdownSettings[1]; var postsToDisplay = parseInt(dropdownSettings[2]); var postsThumbnailSize = dropdownSettings[3] === 'true' ? 200 : 0; $j(this).addClass('dropdown'); $j(this).children('a').html(postsType.replace(/tag:|-\d/, '')); btemplatesJqueryGetPosts($j(this), postsToDisplay, postsType, postsThumbnailSize, 'menulist'); } }); $j('#topMenu').removeClass('d-none'); $j(function() { $j("div.dropdown-menu [data-toggle='dropdown']").on("click", function(event) { event.preventDefault(); event.stopPropagation(); $j(this).siblings().toggleClass("show"); if (!$j(this).next().hasClass('show')) { $j(this).parents('.dropdown-menu').first().find('.show').removeClass("show"); } $j(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) { $j('.dropdown-submenu .show').removeClass("show"); }); }); }); $j('.navbar-simple .section').each(function(){ if($j(this).find('.widget-content').length) $j(this).html($j(this).find('.widget-content').html()); }); $j('.navbar-simple .section li').each(function(){ var navItemText = $j(this).children('a').text(); $j(this).addClass('nav-item'); $j(this).children('a').addClass('nav-link'); }); $j('.navbar-simple .section ul').each(function(){ $j(this).addClass('nav'); }); $j('.btemplates-dropdown nav, .btemplates-dropdown .navbar-simple').each(function(){ $j(this).removeClass('d-none'); }); $j('.HTML .widget-content').each(function(i){ var re = /^\s?(\d+)-(.*?)-(\d+)p?x?-?(list|slider|menulist|mosaic|course|testimonial|bloglist|video)?-?(\d*)?\s?$/i; var commentsre = /(\d+)-comments/i; if (re.exec($j(this).html()) && ajaxSupport) { var postsSettings = $j(this).html().match(re); var postsToDisplay = postsSettings[1]; var postsType = postsSettings[2]; var postsThumbnailSize = postsSettings[3]; var postsStyle = postsSettings[4] ? postsSettings[4] : 'list'; var postsExclude = postsSettings[5] ? postsSettings[5] : false; $j(this).html('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqvNCAP-AcwDBKqsSQnWiUdIdNSZ3gwEY3QJjqQ7z7Cn8eMerRg3XbOwae3A4sS2ok4z59k_BNH49NpZ0PTX_UherTE3vjWarPy-4SCXgwDqH-5_ErFoaby47aMMZhujMCD_IUIci8Scs/s1600/ajax-loader.gif" />'); btemplatesJqueryGetPosts($j(this), postsToDisplay, postsType, postsThumbnailSize, postsStyle, postsExclude); } else if (commentsre.exec($j(this).html()) && ajaxSupport) { var commentsSettings = $j(this).html().split('-'); var commentsToDisplay = parseInt(commentsSettings[0]); $j(this).html('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqvNCAP-AcwDBKqsSQnWiUdIdNSZ3gwEY3QJjqQ7z7Cn8eMerRg3XbOwae3A4sS2ok4z59k_BNH49NpZ0PTX_UherTE3vjWarPy-4SCXgwDqH-5_ErFoaby47aMMZhujMCD_IUIci8Scs/s1600/ajax-loader.gif" />'); btemplatesJqueryGetComments($j(this), commentsToDisplay); } }); $j('.post .post-body').each( function(i){ var re = /\[posts--(tag\:.*?)--(\d+)\]/i if (re.exec($j(this).html()) && ajaxSupport) { var postsSettings = $j(this).html().match(re); var postsShortcode = postsSettings[0]; var postsTag = postsSettings[1]; var postsToDisplay = postsSettings[2]; var loading = '<div id="posts-list-tag" class="posts-list-tag"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqvNCAP-AcwDBKqsSQnWiUdIdNSZ3gwEY3QJjqQ7z7Cn8eMerRg3XbOwae3A4sS2ok4z59k_BNH49NpZ0PTX_UherTE3vjWarPy-4SCXgwDqH-5_ErFoaby47aMMZhujMCD_IUIci8Scs/s1600/ajax-loader.gif" /></div>'; $j(this).html( $j(this).html().replace( postsShortcode, loading ) ); var postsContainerId = $j('#posts-list-tag'); btemplatesJqueryGetPosts( postsContainerId, postsToDisplay, postsTag, 0, 'simplelist' ); } }); var newerPost = $j(".blog-pager-newer-link"); var olderPost = $j(".blog-pager-older-link"); if (newerPost.length || olderPost.length) { newerPost = newerPost.length ? newerPost.attr('href') : ''; olderPost = olderPost.length ? olderPost.attr('href') : ''; btemplatesJqueryNextPosts($j('#blog-pager'), newerPost, olderPost, 400); } $j('body').on('click', '.btemplates-portfolio .item', function () { window.location = $j(this).find('a').attr('href'); }); $j('#btemplates-search-icon').on('shown.bs.modal', function () { $j('#btemplates-search .BlogSearch input[type="text"]').trigger('focus'); }); var btDate = new Date(); $j('#this-year').text(btDate.getFullYear()); $j(window).scroll(function () { $j(this).scrollTop() > 400 ? $j("#back-top").fadeIn() : $j("#back-top").fadeOut() }); $j("#back-top").click(function () { return $j("body,html").animate({scrollTop: 0}, 800), !1 }); $j('#bt-subscription .FollowByEmail h2').after('<hr class="title-separator"/>'); }); //]]> </script> </body> </html>