Show Code
Synchronise background position with padding
<!--Komen html-->
<div class="other">
<div class="wpnm-button style-3 toggle">
<div class="wpnm-button-circle">
<div class="wpnm-button-moon-spots"></div>
</div>
<div class="wpnm-button-cloud">
<div></div>
<div></div>
</div>
<div class="wpnm-button-stars">
<div></div>
<div></div>
</div>
</div>
</div>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<title>Clearing blogger cache</title>
<b:skin><![CDATA[ ]]></b:skin>
</head>
<body>
<b:tag class='class_name' name='p'>
<b:attr name='id' value='id_name'/>
</b:tag>
<ul>
<li>
<b:if cond='data:view.url in ["https://sdfsfsfsdf432.blogspot.com/"]'>
<b:class name='home'/>
<b:elseif cond='data:view.url == data:blog.homepageUrl path "/"'/>
<b:class name='home'/>
</b:if>
Home
</li>
<li>
<b:if cond='data:view.url in ["https://sdfsfsfsdf432.blogspot.com/2022/09/bleach-sennen-kessen-hen.html"]'>
<b:class name='Profil'/>
<b:elseif cond='data:view.url == data:blog.homepageUrl path "/2022/09/bleach-sennen-kessen-hen.html"'/>
<b:class name='Profil'/>
</b:if>
Profil
</li>
<li>
List
</li>
</ul>
<b:section id='contoh'>
<b:widget id='LinkList1' locked='false' title='Ini adalah daftar menu' type='LinkList'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>Profil</b:widget-setting>
<b:widget-setting name='link-1'>/2022/09/bleach-sennen-kessen-hen.html</b:widget-setting>
<b:widget-setting name='text-0'>Home</b:widget-setting>
<b:widget-setting name='link-0'>https://sdfsfsfsdf432.blogspot.com/</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li>
<b:if cond='data:view.url == data:link.target'>
<b:class name='Aktif'/>
<b:elseif cond='data:view.url == data:blog.homepageUrl path data:link.target'/>
<b:class name='Aktif'/>
</b:if>
<a expr:href='data:link.target'><data:link.name/></a>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</body>
</html>
/*Komen CSS*/
html, body {
height: 100%;
}
body {
background-color: #1a232b;
overflow: hidden;
}
.banner {
width: 300px;
height: 250px;
border: 1px solid #fff;
overflow: hidden;
margin: 50px auto;
}
.wrapper {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
position: relative;
}
.box {
transform: translate(-50%, -50%);
position: relative;
background-color: #ef4657;
width: 100px;
height: 20px;
border-radius: 5px;
margin-top: 5px;
display: block;
}
button {
display: inline-block;
outline: none;
border: none;
background-color: #ef4657;
color: #fff;
text-decoration: none;
margin: 0 auto;
border-radius: 4px;
padding: 12px 25px;
text-transform: uppercase;
font-weight: 600;
cursor: pointer;
font-size: 13px;
}
button:hover {
background-color: #fff;
color: #ef4657;
text-decoration: none;
}
body {
background-color: #f9fbfd;
overflow: auto;
}
header {
background-color: #262626;
height: 80px;
margin-bottom: 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
a {
text-decoration: none;
}
a:hover, a:focus {
text-decoration: none;
outline: none;
color: #eb172c;
}
pre a {
color: #ef4657;
}
footer {
background-color: #262626;
width: 100%;
height: 50px;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: space-around;
}
footer a {
color: slategray;
}
footer span {
color: gray;
}
h1 {
color: #fff;
margin: auto;
font-size: 1.8em;
text-align: center;
}
.gsap-logo {
padding-left: 15px;
}
.bannerlab-logo {
width: 200px;
height: 80px;
padding-right: 15px;
}
.block-title {
background-color: #2E3D48;
color: #fff;
font-size: 20px;
border-radius: 4px;
padding: 5px 10px;
text-align: center;
}
@media (max-width: 1200px) {
h1 {
font-size: 1.5em;
}
}
@media (max-width: 700px) {
h1 {
font-size: 1.2em;
}
}
// create main timeline
var timeline;
// create a function returning first timeline
function firstTl() {
var tl = new TimelineMax()
.from(element, 1, {vars});
return tl;
}
// create a function with master timeline
function masterTl() {
timeline = new TimelineMax({repeat:-1})
.add( firstTl() );
return timeline;
}
// start after all elements finished loading
window.onload = function() {
masterTl();
}