Posts

Showing posts with the label Blogger

Defer loading css js

Image
Cara defer loading javascript atau menunda pemanggilan javascript di blogger Berfungsi untuk : Mempercepat loading blog website / meningkatkan kecepatan loading website blog. Mengurangi ukuran halaman website. Meningkatkan score pagespeed google. Meningkatkan konten yang terlihat. Mempermudah edit template di mobile phone / hape. Menunda javascript berarti benar-benar memuat atau mem-parsing javascript itu hanya dimulai setelah konten halaman dimuat (Artinya tidak akan memengaruhi kecepatan halaman atau jalur render kritis). Menggunakan acara "onload", kami menyebutnya javascript eksternal Javascript eksternal tidak akan dimuat sebelum konten halaman dimuat Javascript eksternal kemudian akan berjalan dan mempengaruhi halaman Penjelasan Menunda javascript adalah salah satu masalah di web yang dapat membuat Anda ingin menarik rambut Anda mencoba mencari solusi . Banyak orang mengatakan "gunakan saja penundaan" atau "gunakan saja async" atau

How to bulk delete category label from blogger posts

Image
Previous: How to bulk add category label to blogger posts Filter and Select category label you want to remove Select the post that will be removed from the label Select again the selected label from label selector Selected label from the selected posts have been deleted. ( If no posts at that label, the label will be removed automatically from your blog label lists )

How to bulk add category label to blogger posts

Image
At this time I will share, How to move the blogger category Example: We'll move all post label Javascript to JS Filter and Choose the label Select spesific or all filtered posts you want to add label add new category label (Auto Added New label) Done, you've added new label to the selected posts Continue: How to remove category label from blogger posts

How to Display Icon Blog In speed dial Browser

Image
Input Below Codes into <head>HERE</head> <link rel='icon' sizes='192x192' href='URL_IMAGES' /> <link rel='shortcut icon' href='URL_IMAGES' sizes='192x182' type='image/x-icon'> <link rel='apple-touch-icon' href='URL_IMAGES' /> <meta name='msapplication-square310x310logo' content='URL_IMAGES' /> <meta name='msapplication-TileImage' content='URL_IMAGES?w=270' />

Stylish Full Sitemap Blogger

Image
How to Create Full Sitemap Blogger Pink Table Style Read How to async defer CSS JS perfectly Here the HTML <div id='wrapper'> <div id="bp_toc"></div> <script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.js" type="text/javascript"></script> <script src="https://www.web-development.cf/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script></div> Here The CSS @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700); body{   background:#ecf0f1;   font-family:'Open Sans';   color:#444;   line-height:normal; } #wrapper{   margin:30px auto;   max-width:600px; } a:link { color:#fc4f3f; text-decoration:none; outline:none; transition:all .25s; } a:visited:hover { color:#fc4f3f; text-decoration:none; } a:visited,a:link:hover { color:#444; text-decoration:n

How to display only content posts or pages on blogger

Image
Usually a blogger when creating a page on a blog that wants content that is displayed only content only. In other words a blogger wants to create a clean page. Yes, the purpose of this article is to help you guys who want to create a clean page from comments, widgets, or navigation headers. Here's the tutorial : Make sure you had call jquery framework ( https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js ) before </head> Lets begun: Tutorial to display content of posts or pages only in blogger: When you create an article or page, put the code below at the end of your article or content page in HTML EDITOR. <script> $('div:not(div[id^=post-body-])').hide(); // hide everything except id="post-body-xxxxxxxxxx" $("[id^='post-body-']").appendTo('body'); // move id="post-body-xxxxxxxxx" up to the body </script> Done. I hope this post be help you.. Dont forget share this blog. Thank you.. Incom

Add CSS Minifier Tool to Website

Simple way to add CSS minifier to an websites. Here the codes: HTML <div class="next-wrap"> <div id="cssminifier"> <span class="clear"></span> <textarea autofocus="" id="cssField" placeholder="Paste your CSS code here..." spellcheck="false"></textarea> <div class="button-group"> <div class="box"> <input class="opt1" id="stripAllComment" type="checkbox" /> <label for="stripAllComment">Strip all comments</label> <input class="opt2" id="superCompact" type="checkbox" /> <label for="superCompact">Super compact</label> <input class="opt3" id="betterIndentation" type="checkbox" /> <label for="betterIndentation">Keep ind

How To Modifying Post Views On Homepage To Be Different

Image
Sometimes we as the blog owner was bored to see the look of the blog, one of them post view on the homepage.   Well, we can get rid of this boredom by modifying the post appearance on the homepage to be different.   We can freely modify the post homepage display is different, eg combine the grid and list view, or we modify the first post view is different from other posts.   This trick I have applied to some Company template.   If you would like to try it, please follow the way below.   Please find the code below   <b:includable id='main' var='top'> Scroll down a bit, then please delete the following code:           <b:if cond='data:post.isDateStart'>          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>             &lt;/div&gt;&lt;/div&gt;           </b:if>         </b:if>         <b:if cond='data:post.isDateStart'>           &lt;div class=&quot;date-ou