vio Magz Responsive Blogger Template with (Safelink code)

Description

NQnia-Templates - How are you? You have heard or seen this template used by bloggers. Yes, this template is named vio Magz made by Mas Sugeng which was very popular in 2020. If you want to use this template and don't have the money to buy it, don't worry here I'll share it not for free. A little discussion about the features and advantages of this template.

Features

Icon Using Awesome Fonts
Breadcrumb Navigation
Auto Readmore
Search Form Pop-up
Sticky Widget
Related Posts widget
Cool Responsive Sharing Button
Numbered Page Navigation
Back to Top Button
Custom Error page
Disqus Comment column
No Credit Link
And much more.

 
<script type="text/javascript">

//<![CDATA[

var setting = {

 exceptionurl : "twitter.com",

 path : "#?o="

};

//]]>

</script>

<script src="https://www.blogger.com/feeds/1043534872206554421/posts/default?alt=json-in-script&amp;max-results=150&amp;callback=showurl"></script>

<script>

//<![CDATA[

$(document).ready(function(){



$("#btngenerate").on("click",function(){

var generateurl = $("#generateurl").val(),

generatelink = $("#generatelink"), 

generateloading = $("#generateloading"), 

resulturl = $('#resulturl');  



if (generateurl == "") {

$("#generateurl").focus();

return false;

}



$("#copytoclipboard").html("<span class='fa fa-floppy-o'></span> Copy URL");

generateloading.removeClass('hidden');

generatelink.addClass('hidden');

$.ajax({

url : '/feeds/posts/summary?alt=json-in-script',

type: 'get',

dataType: 'jsonp',

success: function(data) {

var link = '',

content = data.feed.entry,

links =new Array();

if (content !== undefined) {

for (var i = 0; i < content.length; i++) {

for (var j = 0; j < content[i].link.length; j++) {

if (content[i].link[j].rel == "alternate") {

link = content[i].link[j].href;

break;

}

}

links[i] = link;

var randindex = Math.random() * links.length;

randindex = parseInt(randindex);

}

resultgenerate = links[randindex] + "#?o=" + aesCrypto.encrypt(convertstr(generateurl),convertstr('root'));

generateloading.addClass('hidden');

generatelink.removeClass('hidden');

resulturl.val(resultgenerate);

}else {

resulturl.val('No result!');

}

},

error: function() {

resulturl.val('Error loading feed!');

}

});

});



var clipboard = new ClipboardJS('.copytoclipboard');

clipboard.on('success', function(e) {

$("#copytoclipboard").html("<span class='fa fa-check'></span> Link Copied to Clipboard");

});



})

//]]>

</script>

<br />

<div class="container" style="margin-top: 5%;">

<div class="col-md-6">

<div class="panel panel-primary primary-color-border">

<div class="panel-heading primary-color">

<div class="panel-title text-center">

<h2>

<i class="fa fa-shield">

</i>

<strong>Generate Link</strong>

</h2>

</div>

</div>

<div class="panel-body">

<div class="form-group">

<div class="input-group">

<span class="input-group-addon">

<i class="fa fa-link">

</i>

</span>

<input class="form-control" id="generateurl" placeholder="http://example.com" type="url" />

<span class="input-group-btn">

<button class="btn btn-primary primary-color primary-color-border" id="btngenerate" type="button">

<i class="fa fa-shield">

</i>

<strong>Submit</strong>

</button>

</span>

</div>

</div>

<div class="hidden text-center" id="generateloading">

<i class="fa fa-spinner fa-spin"></i></div>

<div class="hidden" id="generatelink">

<div class="form-group has-success">

<div class="input-group">

<span class="input-group-addon">

<strong>Result:</strong>

<i aria-hidden="true" class="fa fa-check">

</i>

</span>

<input class="form-control" id="resulturl" onclick="this.focus();this.select()" readonly="readonly" type="text" />

</div>

<br />

<div class="text-center">

<button class="copytoclipboard btn-sm btn btn-success" data-clipboard-action="copy" data-clipboard-target="#resulturl" id="copytoclipboard"><span class="fa fa-floppy-o"> Copy URL</span></button>

</div>

</div>

</div>

</div>

</div>

</div>

</div>
<div id='baca-juga'>

  <b:loop values='data:post.labels' var='label'>

  <b:if cond='data:label.isLast != &quot;true&quot;'>

  </b:if>

  <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=bacajuga&amp;max-results=5&quot;'/>

  </b:loop>

  <script>

  var judulbacajuga=&quot;<b:switch var='data:blog.locale'><b:case value='id'/><h2>Baca Juga:</h2><b:default/><h2>Related:</h2></b:switch>&quot;

  var jumlahbacajuga=3;

  removeRelatedDuplicates();

  printRelatedLabels(&quot;<data:post.url/>&quot;);

  </script>



  </div>