-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathKode.html.css
More file actions
97 lines (97 loc) · 10.1 KB
/
Kode.html.css
File metadata and controls
97 lines (97 loc) · 10.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<style>
/* Kode Kerja sama Publikasi Konten di Blog Dirman.web.id */
.dirman-pt-usr img{position:absolute;width:85px;border-radius:30px 30px 5px;top:15px}
.dirman-pt-usr{position:relative;padding:15px;padding-bottom:0;border-radius:30px 0 30px;;background-color:#fefefe;box-shadow:0 2px 12px -2px rgb(0 0 0 / 12%);border:1px solid #ddd;margin-top:25px}
.dirman-pt-usr h2{margin-left:100px;margin-top:5px;font-size:16px;color:#969696}
.dirman-pt-usr h2:before{content:attr(aria-label);position:absolute;margin-top:25px;font-size:12px;font-style:italic;color:#5B3E94}
.dirman-pt-usr p{font-size:12px;color:#48525c;line-height:1.3em}
.dirman-pt-usr .dirman-pt-kt{margin-left:60px;display:flex;list-style:none;font-size:12px;color:#48525c;}
.dirman-pt-usr .dirman-pt-kt li{margin-right:10px;margin-top:10px;border-radius:3px;border:1px solid #ddd;padding:5px;line-height:1.5em;white-space:nowrap;}
.dirman-pt-usr a{display:flex;align-items:center;margin-bottom:10px;font-size:14px;color:#5B3E94}
.dirman-pt-usr a:before{content:attr(aria-label)}
.dirman-pt-usr a svg{height:18px;margin:5px;stroke:#5B3E94!important;fill:none!important}
.dirman-ptpop-wrap,.dirman-ptsypop-wrap{position:fixed;height:100%;width:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:9999999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999999;opacity:0;visibility:hidden;transition:all 0.3s ease}
.dirman-ptpop-wrap.aktif,.dirman-ptsypop-wrap.aktif{opacity:1;visibility:visible}
.dirman-ptpop-wrap .dirman-ptstr-pop h2,.dirman-ptsypop-wrap .dirman-ptsy-pop h2{font-size:16px;color:#969696;text-align:center}
.dirman-ptpop-btn{display:flex;align-items:center;justify-content:center;padding:15px;outline:0;border:0; border-radius:3px;line-height:1em; color:#fff;background-color:#5B3E94;font-size:14px;font-weight:bold;white-space:nowrap;overflow:hidden;width:96;margin:30px 10px}
.dirman-ptpop-cls{position:absolute;top:15px;right:15px;width:30px;height:30px;background-color:#f3f3f3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z' fill='%23878787'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:25px;background-position:center;cursor:pointer;border-radius:50%;z-index:10}
.dirman-btnpt-wrap{display:flex;justify-content:center;margin:20px 0 0}
.dirman-ptstr-pop,.dirman-ptsy-pop{position:relative;top:50%;left:50%;padding:20px;display:inline-block;background-color:#fefefe;flex-direction:column;width:100%;max-width:800px;max-height:calc(100% - 40px);border-radius:5px;transform: translate(-50% , -50%) scale(0.97);overflow:auto}
.dirman-pt-inp{position:relative;margin:20px auto;}
.dirman-pt-inp input[type=text]{font-size:15px;padding:15px 0 15px 12px;display:block;width:100%;border:1px solid #ddd;border-radius:5px;background-color:#fefefe}
.dirman-pt-inp input[type=text]:focus,.dirman-pt-inp input[type=text]:hover{outline:none;border-color:#5B3E94!important;background-color:#fefefe}
.dirman-pt-inp input[type=text]::-webkit-input-placeholder{color:#a5a5a5;font-size:12px}
.dirman-pt-inp label{color:#999;border-radius:20px;font-size:14px;font-weight:500;position:absolute;pointer-events:none;left:15px;top:15px;transition:.2s ease all}
.dirman-pt-inp input[type=text]:valid~label{top:-25px!important;font-size:13px;color:#5B3E94;font-weight:700;padding:1px 7px;margin:10px 0 0 -5px;background-color:#fefefe}
/* label k4 dan seterusnya hanya pada layar 600px ke bawah */
@media screen and (max-width: 600px){.dirman-pt-kt li:nth-child(n+4){display:none}}
/* label k7 dan seterusnya hanya pada layar 800px ke bawah */
@media screen and (max-width: 800px){.dirman-pt-kt li:nth-child(n+7){display:none}}
/* Dark Mode */
.darkMode .dirman-pt-usr,.darkMode .dirman-ptsy-pop,.darkMode .dirman-ptpop-cls,.darkMode .dirman-ptstr-pop,.drK .dirman-pt-inp input[type=text]:valid~label,.darkMode .dirman-pt-inp input[type=text]:focus,.darkMode .dirman-pt-inp input[type=text]:hover{background-color:#1e1e1e}
.darkMode .dirman-pt-usr p,.darkMode .dirman-pt-usr h2,.drK .dirman-pt-kt,.darkMode .dirman-ptsy-pop p,.drK .dirman-ptsy-pop h2,.darkMode .dirman-ptstr-pop p,.darkMode.dirman-ptstr-pop h2{color:#fefefe}
.darkMode .dirman-pt-usr,.darkMode .dirman-pt-kt li{border-color:rgba(255,255,255,.1)}</style>
<!--[kerja sama di blog 1]-->
<div class="dirman-pt-usr">
<img alt="Sponsorship Content" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0wQioeP5My8B2kf_2_PBgWvPu2RWon7xGP3LHcRKq1FZH95v05s4xZqWrCkDDnXCakUh6qs43RTfbXEYh-ByPRgQbUXbwLCIOv3D0HaWZb2dNnoBX1pSXWJci_MPau874YQmhNft055J9JKyXdqMFE98_kjVIzWTVdpZQZD03mZF1txVG_0qsJ7Fh/s320/Sponsorship%20Content.png" />
<h2 aria-label="Rp. 150.000 / $15 USD">Sponsorship Content</h2>
<ul class="dirman-pt-kt">
<li>600 kata</li>
<li>do-follow</li>
<li>lifetime</li>
</ul>
<p>Konten yang dipublikasikan dapat berupa ulasan produk/jasa, informasi promo diskon, fitur unggulan yang tersedia. Konten dibuat secara original oleh dirman.web.id sesuai dengan arahan atau brief yang ditentukan oleh advertiser.</p>
<a aria-label="Hubungi Kami" href="https://wa.link/vwbbh1" target="_blank"><svg class="bi bi-box-arrow-in-up-right" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M6.364 13.5a.5.5 0 0 0 .5.5H13.5a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 13.5 1h-10A1.5 1.5 0 0 0 2 2.5v6.636a.5.5 0 1 0 1 0V2.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H6.864a.5.5 0 0 0-.5.5" fill-rule="evenodd">
<path d="M11 5.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793l-8.147 8.146a.5.5 0 0 0 .708.708L10 6.707V10.5a.5.5 0 0 0 1 0z" fill-rule="evenodd">
</path></path></svg></a>
</div>
<!--[kerja sama di blog 1]-->
<!--[kerja sama di blog 2]-->
<div class="dirman-pt-usr">
<img alt="Placement Content" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9wMW8UM-gl1OpLiNoeljFE2zAxdawIQPQ0U6dgrV3MGBEuYtHN3S7gAVsyoq1FpWf_dmlb8Jl5rviJ2VYcG7MPkbuFvevnFLwyBrnXIZyfxkIIFAVvk5NRysKxbafSSIuUrDCuAn0DDno1GMKdx3SMvOMN6n5XbF0NR4oODe8StAx5c2T9_bzsaUI/s1600/Placement%20Content.png" />
<h2 aria-label="Rp. 100.000 / $10 USD">Placement Content</h2>
<ul class="dirman-pt-kt">
<li>600 kata</li>
<li>do-follow</li>
<li>lifetime</li>
</ul>
<p>Konten yang dipublikasikan dapat berupa ulasan produk/jasa, informasi promo diskon, fitur unggulan, review dan lain sebagainya. Konten telah disediakan oleh advertiser, dirman.web.id hanya akan memublikasikannya saja.</p>
<a aria-label="Hubungi Kami" href="https://wa.link/vwbbh1" target="_blank"><svg class="bi bi-box-arrow-in-up-right" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M6.364 13.5a.5.5 0 0 0 .5.5H13.5a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 13.5 1h-10A1.5 1.5 0 0 0 2 2.5v6.636a.5.5 0 1 0 1 0V2.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H6.864a.5.5 0 0 0-.5.5" fill-rule="evenodd">
<path d="M11 5.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793l-8.147 8.146a.5.5 0 0 0 .708.708L10 6.707V10.5a.5.5 0 0 0 1 0z" fill-rule="evenodd">
</path></path></svg></a>
</div>
<!--[kerja sama di blog 2]-->
<!--[kerja sama di blog 3]-->
<div class="dirman-pt-usr">
<img alt="Backlink Insert" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS6RQzPRVzxJBlDjhYo50ZNCmhGMp7KIdwzG39X6xaDrYs6AKyRufk8EHNQ0htGiPwBDolkgM0VnviIiEyyeHLkqYoxhQUX8OqWMfIFUropyWscWEfT2I1IF8rC3PMEs8euigQLLB69VHpZE-fRTizD4fxAl9Qk30K9ukliJma8to-yukaKlTEjx_-/s1600/Insert%20LInk.png" />
<h2 aria-label="Rp. 100.000 / $10 USD">Backlink Insert</h2>
<ul class="dirman-pt-kt">
<li>link</li>
<li>anchor</li>
<li>lifetime</li>
</ul>
<p>Menemukan konten yang telah tersedia di blog kami dan cocok serta relevan dengan produk maupun jasa yang sedang dipasarkan melalui website bisnis Anda? Silakan promosikan di blog dirman.web.id berupa tautan balik/backlink menuju ke website bisnis atau akun social media.</p>
<a aria-label="Hubungi Kami" href="https://wa.link/vwbbh1" target="_blank"><svg class="bi bi-box-arrow-in-up-right" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M6.364 13.5a.5.5 0 0 0 .5.5H13.5a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 13.5 1h-10A1.5 1.5 0 0 0 2 2.5v6.636a.5.5 0 1 0 1 0V2.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H6.864a.5.5 0 0 0-.5.5" fill-rule="evenodd">
<path d="M11 5.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793l-8.147 8.146a.5.5 0 0 0 .708.708L10 6.707V10.5a.5.5 0 0 0 1 0z" fill-rule="evenodd">
</path></path></svg></a>
</div>
<!--[kerja sama di blog 3]-->
<!--[kerja sama di blog 4]-->
<div class="dirman-pt-usr">
<img alt="Pemasangan Banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYIq8T9-03pI7ofgHAQScayVdZlT9pzRj930XHU9zHrLGVPfLWBqgRgyniI_uu7NaxeS2CimQc9in9G1f6OHQfdi7DZ_mZIQLIyYSAqBwrLBY40qMhOf2yFhZDEHOlaomZOCZ3v9LcLgSIUUtcWqxwSdT_aunYIYkMqJNF5mDc60WhCHEQBWU9LHSM/s1600/%7Bromosi%20Banner.png" />
<h2 aria-label="Rp. 150.000 / $15 USD">Pemasangan Banner</h2>
<ul class="dirman-pt-kt">
<li>jpg</li>
<li>png</li>
<li>per bulan</li>
</ul>
<p>Kerja sama publikasi promosi berupa pemasangan gambar banner sangat cocok bagi advertiser yang menghendaki agar informasi bisnisnya dapat tampil pada halaman yang memiliki nilai potensial untuk dilihat pengunjung/pembaca artikel di blog dirman.web.id.</p>
<a aria-label="Hubungi Kami" href="https://wa.link/vwbbh1" target="_blank"><svg class="bi bi-box-arrow-in-up-right" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path d="M6.364 13.5a.5.5 0 0 0 .5.5H13.5a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 13.5 1h-10A1.5 1.5 0 0 0 2 2.5v6.636a.5.5 0 1 0 1 0V2.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H6.864a.5.5 0 0 0-.5.5" fill-rule="evenodd">
<path d="M11 5.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793l-8.147 8.146a.5.5 0 0 0 .708.708L10 6.707V10.5a.5.5 0 0 0 1 0z" fill-rule="evenodd">
</path></path></svg></a>
</div>
<!--[kerja sama di blog 4]-->