BloggerFreeCodes

Tuesday, October 18, 2022

Safelink

Admin October 18, 2022

Css Code

<style>

/* Safelink */

.button-outline{background-color: #086978;color:white; box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);font-size:20px; font-weight:bold;width:responsive; border-radius:5px}

.safelink span{display: block;font-size: 18px; color:red}

.blockLink{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: center;-webkit-align-items: center}

.blockLink > div{display: block;width: 35%;}

.blockLink > div#go-link{width: 30%;}

.blockLink > div#go-link a{display: none;margin: 0}

.blockLink > div#go-link:target a{display: inline-flex}

.ads-top{margin: 0 0 20px 0;text-align: center}

#HTML99,#HTML99 .widget-content{border: 0 !important;margin: 0 !important;padding: 0 !important}

/* Responsive */

@media screen and (max-width: 768px){.blockLink > div{width: 100% !important;margin: 0 0 15px;text-align: center}.blockLink > div:last-child{margin: 0}}

</style>

Js Code

<script>/*<![CDATA[*/ var Base64 = {_keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", encode: function (input) {var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, enc4; var i = 0; input = Base64._utf8_encode(input); while (i < input.length) {chr1 = input.charCodeAt(i++); chr2 = input.charCodeAt(i++); chr3 = input.charCodeAt(i++); enc1 = chr1 >> 2; enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); enc4 = chr3 & 63; if (isNaN(chr2)) {enc3 = enc4 = 64;} else if (isNaN(chr3)) {enc4 = 64;} output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);} return output; }, decode: function (input) {var output = ""; var chr1, chr2, chr3; var enc1, enc2, enc3, enc4; var i = 0; input = input.replace(/[^A-Za-z0-9\+\/\=]/g, ""); while (i < input.length) {enc1 = this._keyStr.indexOf(input.charAt(i++)); enc2 = this._keyStr.indexOf(input.charAt(i++)); enc3 = this._keyStr.indexOf(input.charAt(i++)); enc4 = this._keyStr.indexOf(input.charAt(i++)); chr1 = (enc1 << 2) | (enc2 >> 4); chr2 = ((enc2 & 15) << 4) | (enc3 >> 2); chr3 = ((enc3 & 3) << 6) | enc4; output = output + String.fromCharCode(chr1); if (enc3 != 64) {output = output + String.fromCharCode(chr2);} if (enc4 != 64) {output = output + String.fromCharCode(chr3);} } output = Base64._utf8_decode(output); return output;}, _utf8_encode: function (string) {string = string.replace(/\r\n/g, "\n"); var utftext = ""; for (var n = 0; n < string.length; n++) {var c = string.charCodeAt(n); if (c < 128) {utftext += String.fromCharCode(c);} else if ((c > 127) && (c < 2048)) {utftext += String.fromCharCode((c >> 6) | 192); utftext += String.fromCharCode((c & 63) | 128);} else {utftext += String.fromCharCode((c >> 12) | 224); utftext += String.fromCharCode(((c >> 6) & 63) | 128); utftext += String.fromCharCode((c & 63) | 128); }} return utftext;}, _utf8_decode: function (utftext) {var string = ""; var i = 0; var c = c1 = c2 = 0; while (i < utftext.length) {c = utftext.charCodeAt(i); if (c < 128) {string += String.fromCharCode(c); i++;} else if ((c > 191) && (c < 224)) {c2 = utftext.charCodeAt(i + 1); string += String.fromCharCode(((c & 31) << 6) | (c2 & 63)); i += 2;} else {c2 = utftext.charCodeAt(i + 1); c3 = utftext.charCodeAt(i + 2); string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)); i += 3;}} return string; }}; var encode = document.getElementById('encode'), decode = document.getElementById('decode'), output = document.getElementById('output'), input = document.getElementById('input'); var User_ID = ""; var protected_links = ""; var a_to_va = 0; var a_to_vb = 0; var a_to_vc = ""; function auto_safelink() {auto_safeconvert();}; function auto_safeconvert() {var a_to_vd = window.location.hostname; if (protected_links != "" && !protected_links.match(a_to_vd)) {protected_links += ", " + a_to_vd;} else if (protected_links == "") {protected_links = a_to_vd;} var a_to_ve = ""; var a_to_vf = new Array(); var a_to_vg = 0; a_to_ve = document.getElementsByTagName("a"); a_to_va = a_to_ve.length; a_to_vf = a_to_fa(); a_to_vg = a_to_vf.length; var a_to_vh = false; var j = 0; var daftarPostingan = [ "https://www.djmaza.click/p/safelink.html" ]; var randomPostingan = daftarPostingan[Math.floor(Math.random()*daftarPostingan.length)]; var a_to_vi = ""; for (var i = 0; i < a_to_va; i++) {a_to_vh = false; j = 0; while (a_to_vh == false && j < a_to_vg) {a_to_vi = a_to_ve[i].href; if (a_to_vi.match(a_to_vf[j]) || !a_to_vi || !a_to_vi.match("s")) {a_to_vh = true;} j++; } if (a_to_vh == false) {var encryptedUrl = Base64.encode(a_to_vi); a_to_ve[i].href = randomPostingan + "?url=" + encryptedUrl; a_to_ve[i].rel = "nofollow noreferrer"; a_to_vb++; a_to_vc += i + ":::" + a_to_ve[i].href + "\n"; }} var a_to_vj = document.getElementById("anonyminized"); var a_to_vk = document.getElementById("found_links"); if (a_to_vj) {a_to_vj.innerHTML += a_to_vb;} if (a_to_vk) {a_to_vk.innerHTML += a_to_va;} }; function a_to_fa() {var a_to_vf = new Array(); protected_links = protected_links.replace(" ", ""); a_to_vf = protected_links.split(","); return a_to_vf; }; /*]]>*/</script> 
<script>/*<![CDATA[*/ protected_links = "javascript:;,blogger.com,paypal.me,whatsapp.com,youtube.com,telegram.me,google.com,twitter.com,pinterest.com,facebook.com,neocord.blogspot.com";auto_safelink(); /*]]>*/</script>

HTML For Page Code

<div class='separator' style='text-align:center'> 
<div class='ads-top'> 
 
</div>   
<div class='safelink' id='safelink'>  
<center>  
<div class='button outline' id='daplong'> Wait a minute...</div>  
<script>/*<![CDATA[*/ var currentURL=location.href; var str = currentURL; var res = str.replace('https://www.djmaza.click/p/safelink.html' + '?url=', ""); function changeLink(){var decodedString = Base64.decode(res); window.open(decodedString,'_blank')}; document.write('<a href="#go-link" id="download-safelink" class="button outline">Click to get link</a>'); var linkDL = document.getElementById("download-safelink"); var notif = document.getElementById("daplong"); var waktu = 15; var teks_waktu = document.createElement("span"); linkDL.parentNode.replaceChild(teks_waktu, linkDL); var id; id = setInterval(function () { waktu--; if (waktu < 0) { teks_waktu.parentNode.replaceChild(linkDL, teks_waktu); clearInterval(id); notif.style.display = "none"; linkDL.style.display = "inline-block"; } else { teks_waktu.innerHTML = "The link will appear in " + waktu.toString() + " seconds"; }}, 1000); /*]]>*/</script></center> </div>   
<div class='separator-text'> 
 
</div>   
<div class='blockLink' style='text-align:center'>  
<div id='ads-left' class='ads-left'> 
       
</div>   
<div id='go-link'> <a class='button' href='javascript:void(0)' onclick='changeLink();' rel='nofollow noreferrer'>Go to Link</a>  
</div>   
<div id='ads-right' class='ads-right'> 
     
</div>
</div>

Friday, May 15, 2020

How to add a Sitemap Page in Blogger | 2020

Admin May 15, 2020

What is Sitemap?

A site map is a list of pages of a web site. There are three primary kinds of site map: Site maps used during the planning of a Web site by its designers. Human-visible listings, typically hierarchical, of the pages on a site. Structured listings intended for web crawlers such as search engines. [Wikipedia]

What is Sitemap Page?

Sitemap page sitemaps is created with HTML (Hyperlink Text Markup Language). It's usually used to make a list to all the post that are published on your site. A HTML Sitemap Page can reduce your bounce rate.

Features of This Sitemap Code

Easy Setup
Easy to Customize
Post Limit set
SEO Friendly
Custome Css Suported

Live Demo

Requirments

jQuery

How to add a Sitemap page in Blogger?

Follow those steps for add a sitemap page in Blogger. Do the all steps Carefully.

Step 1: First login to you Blogger account a choose a site.
Step 2: Click on Pages > New Page.
Step 3: Now Add a Page Title and Switch the mode Compose to Html Mode.
Step 4: Now Past this code -
<script type="text/javascript"> var numposts = 100; var standardstyling = true; function showrecentposts(json) { for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } posttitle = posttitle.link(posturl); if (standardstyling) document.write('<li>'); document.write(posttitle); } if (standardstyling) document.write('</li>'); } </script> <ul style="margin:0"> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script> </ul>

Step 5: Now go to Page Settings, add Description for this page and Disable Comment.
Step 6: Now Publish the Page

Your sitemap page is now ready now click on view for preview your sitemap 😊.

Customize

Change var numposts = 100 Value for limiting number of post show. [For example var numposts = 300]

Tuesday, March 24, 2020

Insert Ads into Your Post Content

Admin March 24, 2020

1. Find the <head> tag in your blogger template and place latest jquery just below it. Please avoid to use two jquery links, remove older one and use the new version.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" ></script>

2. Second look for this code <data:post.body/> inside Blogger theme and replace it with the following code –

<div id="PostBody">
 <data:post.body/>
</div>


<div id="AdCode">
<div style='margin:5px 0;text-align:center;clear:both;'>
 <!-- Ad Unit Code Here -->
</div>
</div>

New Blogger template may have 2 or 3 code. You should have to identify correct one. Generally 2nd instance of is right code to replace in new blogger templates. 3. Now search for tag inside Blogger theme and put following javascript before/ just above it.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
 $AdCode = $("#AdCode").html();
 $("#PostBody br:lt(1)").replaceWith($AdCode);
 $("#AdCode").remove();
</script>
</b:if>

4. Save the changes made in Blogger theme and have fun.

You can choose your Ad location –

By replacing the value br:lt(1) with br:eq(n), where n= 1, 2, 3… which is the number of line breaks after which Ad will appear in your post. e.g. If you want to show Ad after 5th line break then replace br:lt(1) with br:eq(5) and you are done.

Saturday, February 15, 2020

How can I make a 10 second countdown timer before a download in blogger

Admin February 15, 2020

CODE

<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
ADSENSE ADS
<br />
<div class="bloggerfreecodest">
<center>
Please Enable Ads / and Plz Wait 15 Sec For Loading Ads, We Are Not Use Any Popup Ads, We Hates Popups Ads, We are Work Very Hard So Please Enable Ads, ..!!</center>
</div>
<center>
<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<center>
<span id="countdown"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFKP9XCC8R9Ywbmi5kQrVPpFzPODCX-bRS9KE3ClkczQDA9TVNbnmSTpA7xwirGnyus5QbMvx77vDx_-VsOJJ1BA5X7MamxBdQruFGrG8LtJXw-axZxmJxazLYhI1QvBmy9JgJsA8Iu_hn/s1600/animated_progress_bar.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="20" data-original-width="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFKP9XCC8R9Ywbmi5kQrVPpFzPODCX-bRS9KE3ClkczQDA9TVNbnmSTpA7xwirGnyus5QbMvx77vDx_-VsOJJ1BA5X7MamxBdQruFGrG8LtJXw-axZxmJxazLYhI1QvBmy9JgJsA8Iu_hn/s1600/animated_progress_bar.gif" /></a></div>
</span></center>
</div>
</div>
</center>
</div>
<br />
<div style="text-align: center;">
<div class="clear">
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
ADSENSE ADS
<br />
<center>
<a class="bloggerfreecodesdownload" href="https://draft.blogger.com/?link" id="download_link" style="display: none;"><span style="color: white;"><b>Download</b></span></a>
<noscript>JavaScript needs to be enabled in order to be able to download.</noscript></center>
<script type="application/javascript">
(function(){
   var message = "%d seconds before download link appears";
   // seconds before download link becomes visible
   var count = 20;
   var countdown_element = document.getElementById("countdown");
   var download_link = document.getElementById("download_link");
   var timer = setInterval(function(){
      // if countdown equals 0, the next condition will evaluate to false and the else-construct will be executed
      if (count) {
          // display text
          countdown_element.innerHTML = "You have to wait %d seconds.".replace("%d", count);
          // decrease counter
          count--;
      } else {
          // stop timer
          clearInterval(timer);
          // hide countdown
          countdown_element.style.display = "none";
          // show download link
          download_link.style.display = "";
      }
   }, 1000);
})();
</script>
</div>
</div>
<br />
ADSENSE ADS
<br />
ADSENSE ADS

<style>
.bloggerfreecodest {
background-color: tomato;
color: white;
padding: 10px;
}
</style>

CSS

/* Download */
.bloggerfreecodesdownload{display:inline-block;position:relative;padding:10px 25px;background-color:#ff0000;color:#fff;font-family:sans-serif;text-decoration:none;font-size:.9em;text-align:center;text-indent:15px}.bloggerfreecodesdownload:hover{background-color:#333;color:#fff}.bloggerfreecodesdownload:after,.bloggerfreecodesdownload:before{content:' ';display:block;position:absolute;left:15px;top:52%}.bloggerfreecodesdownload:before{width:10px;height:2px;border-style:solid;border-width:0 2px 2px}.bloggerfreecodesdownload:after{width:0;height:0;margin-left:3px;margin-top:-7px;border-style:solid;border-width:4px 4px 0 4px;border-color:transparent;border-top-color:inherit;animation:downloadArrow 2s linear infinite;animation-play-state:paused}.bloggerfreecodesdownload:hover:before{border-color:#ff0000}.bloggerfreecodesdownload:hover:after{border-top-color:#ff0000;animation-play-state:running}@keyframes downloadArrow{0%{margin-top:-7px;opacity:1}0.001%{margin-top:-15px;opacity:0}50%{opacity:1}100%{margin-top:0;opacity:0}}

Images Auto Resize to Fit Blog Post Area / How to Resize All Images Automatically in Blogger

Admin February 15, 2020

First, Sign in to Blogger with your Google Account.
Click the Down arrow in the top left, then choose the blog you want to work on.
In the left menu, click Template.
Click Customize under Live on Blog.
In the left menu, click Advanced > Add CSS.

When you will click Add CSS, the following custom CSS area will appear —

Add the following CSS code into this area and click Apply to Blog in the top right corner. Reload your blog page to see the changes.


.post-body img {
width: 500px!important;
height: auto!important; }

Now you should see the images have been resized and fitted their post areas automatically.

What to Do if the CSS Code above not Work

If the code above doesn’t work, that means the same styles already exist in your template. So to make it work, we have to override the existing styles using !important rule at the end of the values. Use the following CSS instead of the above —

.post-body img { width: 500px!important; height: auto!important; }

BloggerFreeCodes

Featured

Featured

Tuesday, October 18, 2022

Date Code

Safelink

Friday, May 15, 2020

How to add a Sitemap Page in Blogger | 2020

What is Sitemap?

What is Sitemap Page?

Features of This Sitemap Code

Requirments

How to add a Sitemap page in Blogger?

Customize

Tuesday, March 24, 2020

Insert Ads into Your Post Content

You can choose your Ad location –

Saturday, February 15, 2020

How can I make a 10 second countdown timer before a download in blogger

Images Auto Resize to Fit Blog Post Area / How to Resize All Images Automatically in Blogger

What to Do if the CSS Code above not Work

Permalink Generator

Popular Posts

Labels

Archive

Recent Posts

Featured

Featured

Featured

Featured

Tuesday, October 18, 2022

Date Code

Safelink

Friday, May 15, 2020

How to add a Sitemap Page in Blogger | 2020

What is Sitemap?

What is Sitemap Page?

Features of This Sitemap Code

Requirments

How to add a Sitemap page in Blogger?

Customize

Tuesday, March 24, 2020

Insert Ads into Your Post Content

You can choose your Ad location –

Saturday, February 15, 2020

How can I make a 10 second countdown timer before a download in blogger

Images Auto Resize to Fit Blog Post Area / How to Resize All Images Automatically in Blogger

What to Do if the CSS Code above not Work

Permalink Generator

Newsletter

Popular Posts

Labels

Archive

Recent Posts

Featured

Featured