Script Widget Blogspot Lengkap
Kamis, 18 Februari 2021
Edit
Script yang kami sediakan berikut ini merupakan script Widget yang hanya diperlukan pada waktu tertentu saja dengan tujuan wagar para bloger debgan amat mudah sekali untuk menemukannya
Anti Copy Paste
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;' ondragstart='return false' onselectstart='return false' style='-moz-user-select: none; cursor: default;'>
Blank Format Blogspot
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
<b:skin><![CDATA[
body {background-color: #fafafa;}
]]></b:skin>
</head>
<body>
<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Content Blog' type='Blog'></b:widget>
</b:section>
</body>
</html>
Sitemap
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<br />
<div id="toc">
<script src="https://cdn.statically.io/gh/indrak01/site/435446ef/sitemap.js" type="text/javascript"></script>
<script src="https://www.indrak.eu.org/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Breadcrumb VioMagz V.2.4
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isPost'>
<b:loop values='data:posts' var='post'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<meta content='1' itemprop='position'/>
<span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
</span>
<b:if cond='data:post.labels'>
<b:loop index='nomor' values='data:post.labels' var='label'> &nbsp;›&nbsp;
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<meta expr:content='data:nomor+2' itemprop='position'/>
<a expr:href='data:label.url + "?&max-results=8"' expr:title='data:label.name' itemprop='item' rel='nofollow'>
<span itemprop='name'><data:label.name/></span>
</a>
</span>
</b:loop>
<b:else/>
&nbsp;›&nbsp; <span itemprop='name'><data:blog.pageName/></span>
</b:if>
</div>
</b:loop>
<b:elseif cond='data:view.isPage'/>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<meta content='1' itemprop='position'/>
<span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
</span> &nbsp;›&nbsp;
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<meta expr:content='data:num+2' itemprop='position'/>
<a expr:href='data:blog.url' expr:title='data:post.url' itemprop='item'>
<span itemprop='name'><data:blog.pageName/></span>
</a>
</span>
</div>
</b:if>
</b:includable>
Sitemap Free Versi Ke dua
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #df772d;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #08484f;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<br />
<div id="toc">
<script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Widget Home Dan Lainnya Untuk Template Viomagz V.2.4
<i aria-hidden="true" class="fa fa-home"></i>
<i aria-hidden="true" class="fa fa-bars"></i>
<i aria-hidden="true" class="fa fa-desktop"></i>
<i aria-hidden="true" class="fa fa-cloud-download"></i>
<i aria-hidden="true" class="fa fa-code"></i>
<i aria-hidden="true" class="fa fa-comments"></i>
Css Daftar Isi | Letakan sebelum code style
/*CSS ToC */
.TOC {
line-height: 1.4em;
padding: 20px 30px 20px 10px;
display: block;
width: 95%;
margin: 0 auto;
background: #ffffff;
box-shadow: 1px 1px 2px #fff inset, -1px -1px 2px #fff inset;
border-radius: 3px/6px
}
.TOC ol,
.TOC ul {
margin: 0;
padding: 0;
}
.TOC ul {
list-style: none;
}
.TOC ol li,
.TOC ul li {
padding: 15px 0 0;
margin: 0 0 0 30px;
font-size: 15px;
}
.TOC a {
color: #0080ff;
text-decoration: none;
}
.TOC a:hover {
text-decoration: underline;
}
Lalu Letakkan Code berikut diatas kode Head
<script>
//<![CDATA[
function TOC() {
var TOC = i = headlength = gethead = 0;
headlength = document.getElementById("post-toc").querySelectorAll("h2, h3, h4").length;
for (i = 0; i < headlength; i++) {
gethead = document.getElementById("post-toc").querySelectorAll("h2, h3, h4")[i].textContent;
document.getElementById("post-toc").querySelectorAll("h2, h3, h4")[i].setAttribute("id", "point" + i);
TOC = "<li><a href='#point" + i + "'>" + gethead + "</a></li>";
document.getElementById("TOC").innerHTML += TOC;
}
}
function mbtToggle() {
var mbt = document.getElementById('TOC');
if (mbt.style.display === 'none') {
mbt.style.display = 'block';
} else {
mbt.style.display = 'none';
}
}
//]]>
</script>
Terakhir letakkan code berikut dengan cara mengganti post body ditemplate masing masing
<div id='post-toc'>
<div class='TOC'>
<button onclick='mbtToggle()'> DAFTAR ISI </button>
<ol id='TOC'/>
</div>
<data:post.body/>
<script>
TOC();
</script>
</div>
Sosial Media VioMagz
<!-- social media button start -->
<ul class='nav-social'>
<li><a class='fcb' href='https://www.facebook.com/' rel='nofollow'><i class='fa fa-facebook-square fa-2x'/></i></a>
</li>
<li><a class='igicon' href='https://www.instagram.com/' rel='nofollow'><i class='fa fa-instagram fa-2x'/></i></a>
</li>
<li><a class='gpl' href='https://plus.google.com/' rel='nofollow'><i class='fa fa-google-plus-square fa-2x'/></i></a>
</li>
<li><a class='twt' href='https://twitter.com/' rel='nofollow'><i class='fa fa-twitter-square fa-2x'/></i></a>
</li>
<li><a class='ytb' href='https://www.youtube.com' rel='nofollow'><i class='fa fa-youtube fa-2x'/></i></a>
</li>
</ul>
<!-- social media button end -->