Posts

Showing posts with the label Blogger

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

Update code Simple SafeLink v3

Image
First post : Cara Simple Membuat Blogger Safelink Converter 2017 100% Work function safelink(){ var safelinkpage = ['https://web-manajemen.blogspot.com/p/redirect.html?u=','https://web-manajemen.blogspot.com/p/a.html?u=']; var safelink = safelinkpage[Math.floor(Math.random() * safelinkpage.length)] + encodeURIComponent( 'http://linkshrink.net/zslz=' ); var protectedLinks = '/(web-manajemen.blogspot.com|facebook.com|fb.me|bing.com|www.google.com|plus.google.com)/'; var anchors = document.getElementsByTagName("a"); for (var i = 0; i < anchors.length; i++) { var intl = anchors[i]; if ( !intl.href.match( protectedLinks ) ) { intl.href = safelink + encodeURIComponent( intl.href ); if (intl.hasAttribute("target")){ intl.removeAttribute("target"); } intl.setAttribute("target", "_blank"); } } } document.onreadystatechange = () => { if (document.readyState === 'interactive

How to Enable Ads.txt on Blogger

Image
After yesterday Google introduced the  Search Console Beta version  , now Google added  Ads.txt on Blogger  .   What is Ads.txt? Ads.txt  is an initiative of the  Interactive Advertising Bureau Tech Lab (IAB)  to promote and improve transparency in program advertising.   This is an easy way for Adsense publishers to clearly point out to authorized buyers to sell their inventory.   Actually for Blogger Ads.txt already existed but now you can edit Ads.txt as you wish and for you who get this warning message like this Your earnings are at risk - One or more of your ads.txt files does not contain the AdSense publisher ID.   Fix this issue right now to avoid having a serious impact on your revenue. On the  Google Adsense  dashboard, Google suggests you to enable Ads.txt on your blog.   How to Enable Ads.txt on Blogger? To enable Ads.txt on Blogger, you can set it in  Blogger Dashboard  >  Settings  >  Search preferences  >  Monetize  >  custom ads.txt  > Th

Create External Link Icons Using SVG without JavaScript In Blogger

Image
Demo How ? interested in the style of External Link Icons Using this SVG ? Copy below style code before </head> section in your template : <b:if cond='data:blog.pageType == &quot;item&quot;'> <style> /*<![CDATA[*/ .post-body a[href^="http://"]:after, .post-body a[href^="https://"]:after {   content: '';   background: url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='16' height='16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23e8554e' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;   background-size: 14px 14px;   width: 14px;   height: 14px;   display: inline-block;   margin-left: 3px;   vertical-align: -2px } .post-body .tr-captio

Easy Way of Adding Pin It Buttons in Images

Image
Function of this button to directly input images in your blog to your Pinterest account. How it works from the Button share Pin It this is the button will appear when you focus the cursor on each image in the blog. Easy Way of Adding Pin It Buttons in Images The trick is very easy, here you just need to add the code below before the body cover code </ body> or before the head cover code in the template </ head> Before adding this code make sure that in your blog template you have added jquery library link <script async='' data-pin-color='white' data-pin-hover='true' src='//assets.pinterest.com/js/pinit.js'/> Here is a display demo of this Pin It button. DEMO

Best Blog Templates for the latest Full Approve Google AdSense List 2018

Image
Blog template is one of the best options for getting a full AdSense account. This is from a variety of the bloggers who expressed one of the causes has not approved his google adsense. The content of the refusal from the AdSense side is quite clear, and among them the problem of navigation menu from the website that is registered. Well, in this opportunity there are some simple methods that we can do to handle your adsense problems, namely by changing the total "appearance" with a new style, but still elegant and in particular in accordance with the direction and desire Adsense Party. For that reason, here are some recommendations from us regarding the characteristics  template is good and eligible used for the Google Adsense registration process. Feature Good Template for Full Approve Google AdSense 2018 Here are some features of a good blog template for the process of submission to Google Adsense publisher, including: Fast loading Simple and simple without

Update Code Widget Dan Template Untuk Simple Safelink Converter

Image
Untuk Cara Instal, Deskripsi, Dan Cara Penerapan Klik Disini (Cara Membuat Simple Safelink Converter) Update code Safelink Converter untuk Widget Atau Template/Theme Tambahan : Protected Links <script type='text/javascript' async='async'> var myArray = ['https://web-manajemen.blogspot.com/p/redirect.html?u=', 'https://web-manajemen.blogspot.com/p/advertisement.html?u=', 'http://web-manajemen.blogspot.com/p/advertise.html?u=']; var safelink = myArray[Math.floor(Math.random() * myArray.length)]; var protectedLinks = /(bing.com|google|linkedin.com|facebook|manajemen|safelink|pinterest|digg.com|twitter|codepen.io|blogger.com|ask.com|DOMAINKAMU.COM)/ $( 'a' ).each(function() { if (this.href.match( protectedLinks ) ){ $(this).attr("href", $(this).attr("href")+'?success'); //$(this).addClass('w3-text-green'); //Add Class On Internal Links } else { $(this).attr("href", safe

Update Code Safelink Converter Untuk Halaman 12 Desember 2017

Image
Untuk Cara Instal, Deskripsi, Dan Cara Penerapan Klik Disini (Cara Membuat Simple Safelink Converter) Code Untuk Di Halaman Safelink <script type="text/javascript" async> function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == variable){return pair[1];} } return(false); } var count = 11; var queryU = getQueryVariable('u'); var redirect = decodeURIComponent(queryU); var noprotocol = redirect.replace(/(^\w+:|^)\/\//, ''); function countDown(){ var timer = document.getElementById("timer"); var done = document.getElementById("done"); var ket = document.getElementById("ket"); if(count > 0){ count--; timer.innerHTML = "<div id='timer' class='w3-center w3-panel w3-light-grey'>Y

Random Posts Widget Blogger

Image
How to create random posts widget blogger (simple and stylish). 1. Login to dashboard blogger -> navigate to layout tab -> create widget html/javascript -> insert this code to the widget. <style scoped='' type="text/css"> #arlina-random ul{list-style:none;margin:0;padding:0}#arlina-random li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;} #arlina-random li:last-child{border-bottom:0;} #arlina-random li a{color:#444;}#arlina-random li a:hover{color:#444;text-decoration:underline} </style> <div id='arlina-random'>Memuat...</div> <script> //<![CDATA[ // Random Post Widget var homePage = ' https://www.web-development.cf ',     maxResults = 10 ,     containerId = 'arlina-random'; function getRandomInt(min, max) {     return Math.floor(Math.random() * (max - min + 1)) + min; } function shuffleArray(arr) {     var i = a

Powerful Ways to Remove Active Links in Blog Comments

Image
Link is active in the comment, what does it mean? An active link is a link that contains hyperlinks to point to a specific page or site.Means if combined, the meaning of the active link in the comment is the active link in the comment. Usually embedded by other blogger people or admins in the comments column as a response to the article in a blog post. If there is an active link, is there any inactive link? Correct. Inactive links mean the opposite of active links. Physically, an inactive link when clicked using a mouse will not generate a new page. In contrast to active links. Clicking will redirect to a specific page according to the URL embedded in it. Backlink effect The blog walker or admin term used to make comments on other blogs, usually aim to get backlinks. They then insert a link to his blog on the comments they wrote. In addition, he also hopes to get a response from people who visit the blog. Why was it removed Then why do active l