2001 – 2146 of 2146
Mark
Halaman tanya jawab tentang topik umum, seputar template atau sharing pengetahuan tentang blogger.
#ads
#2
ada lagi min
https://www.gilatemax.com/
https://www.xmlthemes.com/
https://www.blantertheme.com/
https://www.temabanua.com/
https://www.idntheme.com/
https://store.elcreative.net/
dan masih ada yg lain tapi lupa , eh minta tempalte hexforum gak ada update min ?
Balas
#11
Wrap this code inside div then add class select-server: <div class="mt-4 p-4 bg-gray-800 rounded-lg">
<p class="text-center">You are Watching</p>
<p class="text-center font-bold">Episode <span id="currentEpisode">1</span></p>
<p class="text-center text-sm text-gray-400">
If current server doesn't work please try other servers beside.
</p>
</div>
<div class="flex items-center justify-between mt-4">
<button class="justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 flex items-center space-x-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
<polyline points="7 10 12 15 17 10"></polyline>
<line x1="12" x2="12" y1="15" y2="3"></line>
</svg>
<span>Download</span>
</button>
<div class="flex space-x-2">
<button id="subButton" class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2">
SUB: <span class="ml-1 bg-purple-600 text-white px-2 py-1 rounded">yuki</span>
</button>
<button id="dubButton" class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2">
DUB: <span class="ml-1 bg-purple-600 text-white px-2 py-1 rounded">yuki</span>
</button>
</div>
</div> Use media query to style layout.
Balas
#19
1. Tidak tau.
2. Ini yg skrip NSFW gw pakai, tapi tanpa password. Hanya untuk ngeblur image aja.
CSS: /* Not Safe for Work */
.nsfw img {filter: blur(12px) saturate(1.1) brightness(90%);}
.sfw .nsfw img {filter: none} Paste di atas </head>: <script>/*<![CDATA[*/
if (localStorage.getItem('isSafe')) {
document.documentElement.classList.add('sfw')
}
/*]]>*/</script> Paste di atas </body>: <script>/*<![CDATA[*/
var root = document.documentElement
var button = document.querySelector('.nsfw-mode')
button.addEventListener('click', () => {
root.classList.toggle('sfw')
if (root.classList.contains('sfw')) {
localStorage.setItem('isSafe', '1')
} else {
localStorage.removeItem('isSafe')
}
})
/*]]>*/</script> Ini code untuk inject class ke element, pastekan di atas tag img: <b:class cond='data:post.labels any (l =&gt; l.name == &quot;NSFW&quot;)' name='nsfw'/> Terakhir tambahkan label NSFW di postingan.
Balas
#30
ini ngbahas nama komentar anonim ?
kalau iya...
sebenernya bisa.. dengan cara cek profile pakai cond
cond='data:cb.level.authorAvatarSrc != "//resources.blogblog.com/img/blank.gif"'

contoh diwebku ,aku merubah anonim jadi Siapa sih ini?:

<b:if cond='data:cb.level.authorAvatarSrc != &quot;//resources.blogblog.com/img/blank.gif&quot;'>
<div class='badgeDev'>
<a class='user' expr:href='data:cb.level.authorUrl' rel='noopener external nofollow' target='_blank'>
<b:class cond='data:post.author.name == data:cb.level.author' name='username-admin'/><data:cb.level.author/></a></div>
<b:else/>
<div class='badgeDev'>
<a class='user' expr:href='data:cb.level.authorUrl' rel='noopener external nofollow' target='_blank'>Siapa sih ini?</a></div>
</b:if>
Balas
#63
Menurutku keduanya kurang bagus.
Code pertama memerlukan input dari user, kalau tidak diisi akan blank di pencarian.
Code kedua terlalu kaku, google anggap spam kalau metadeskripsinya selalu sama.

Aku sarankan pakai code dinamis, dengan memanipulasi judul dan keyword: <!-- Advance meta description -->
<b:if cond='data:view.isHomepage'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='&quot;Read &quot; + data:view.title.escaped + &quot; all chapters, the latest available. READ NOW! &quot; + data:blog.metaDescription' name='description'/>
</b:if> Keywordnya km sesuaikan dengan konten websitemu.
Terbukti berhasil dan ranking tinggi.
[Screenshot]
Balas
#77
Cari: id='threadedComments'
Tambahkan: index='i'
di: b:loop
Paste code nomor ini di tempatnya: <span class='t-15'>#<b:eval expr='data:i + 1'/></span> Sudah lupa caranya, karena aku bikin tema ini 2 tahun yg lalu.
Tapi source codenya ada di [hexanime_v1], boleh km copy dan import ke temamu.

Untuk keperluan pribadi aja, jangan dijual ulang source code forumku.
Balas
#81
Format jam wajib pakai iso8601.
HTML: <time class='timeago' expr:datetime='data:post.lastUpdated.iso8601' expr:title='data:post.lastUpdated.iso8601'><data:post.lastUpdated.jsonEscaped/></time> JS: <!--[ Timeago script ]-->
<script defer='defer' fetchpriority='low'>/*<![CDATA[*/ (function timeAgo(selector) { var templates = {prefix: "", suffix: "", seconds: "second ago", minute: "1 min", minutes: "%d min", hour: "1 hour", hours: "%d hour ago", day: "1 day", days: "%d days ago", month: "1 month", months: "%d month ago", year: "1 year", years: "%d years ago"}; var template = function(t, n) { return templates[t] && templates[t].replace(/%d/i, Math.abs(Math.round(n))); }; var timer = function(time) { if (!time) return; time = time.replace(/\.\d+/, ""); time = time.replace(/-/, "/").replace(/-/, "/"); time = time.replace(/T/, " ").replace(/Z/, " UTC"); time = time.replace(/([\+\-]\d\d)\:?(\d\d)/, " $1$2"); time = new Date(time * 1000 || time); var now = new Date(); var seconds = ((now.getTime() - time) * .001) >> 0; var minutes = seconds / 60; var hours = minutes / 60; var days = hours / 24; var years = days / 365; return templates.prefix + ( seconds < 45 && template('seconds', seconds) || seconds < 90 && template('minute', 1) || minutes < 45 && template('minutes', minutes) || minutes < 90 && template('hour', 1) || hours < 24 && template('hours', hours) || hours < 42 && template('day', 1) || days < 30 && template('days', days) || days < 45 && template('month', 1) || days < 365 && template('months', days / 30) || years < 1.5 && template('year', 1) || template('years', years) ) + templates.suffix; }; var elements = document.getElementsByClassName('timeago'); for (var i in elements) { var $this = elements[i]; if (typeof $this === 'object') { $this.innerHTML = timer($this.getAttribute('title') || $this.getAttribute('datetime')); } } setTimeout(timeAgo, 60000); })(); /*]]>*/</script>
Balas
#98
CSS: /* Comment Reverse */
.reverseComment{cursor:pointer;}
.reverseComment:before{content:attr(data-n);}
#reverseId:checked ~ .comment-ctrl .reverseComment::after{content:attr(data-o);color:var(--accent, green)}
#reverseId:checked ~ .comment-ctrl menu {color:var(--accent, green)}
#reverseId:checked ~ .comment-ctrl .reverseComment::before{display:none;}
#reverseId:checked ~ #comment-holder{display:flex;flex-direction:column-reverse;} HTML: <menu class='flex items-center'>
<label class='reverseComment' data-n='Newest' data-o='Oldest' for='reverseId'/>
<svg class='size-4' height='30px' viewBox='0 0 48 48' width='30px' xmlns='http://www.w3.org/2000/svg'><path d='m24 42l-9-13h18zm0-36l-9 13h18z' fill='currentColor' stroke='currentColor' stroke-linejoin='round' stroke-width='4'/></svg>
</menu> ID: <input class='hidden' id='reverseId' type='checkbox'/> [Reverse Comments]
Balas
#110
yang mau aku ganti :
#commentSelectorLabel {
margin-right: 10px;
color: white;
font-weight: 700;
}
.oJeWuf .snByac {color:white}
.RDPZE .snByac {color:white}

.e3Duub,
.e3Duub a,
.e3Duub a:hover,
.e3Duub a:link,
.e3Duub a:visited {
color: white !important;
background-color: transparent !important;
}

.e3Duub textarea { /* Jika ada textarea dalam kontainer */
color: white !important;
background-color: transparent !important; /* Untuk transparan */
}

.e3Duub {
background-color: transparent !important; /* Menambahkan untuk kontainer */
}

bahkan aku coba pakai scriptpun ga bisa awowk, bingung dah.
<script>
document.addEventListener("DOMContentLoaded", function() {
// Mengubah warna teks menjadi putih dan latar belakang menjadi transparan di semua elemen komentar
var commentElements = document.querySelectorAll('.e3Duub, .e3Duub a, .e3Duub a:hover, .e3Duub a:link, .e3Duub a:visited');
commentElements.forEach(function(element) {
element.style.color = "white"; // Mengubah warna teks menjadi putih
element.style.backgroundColor = "transparent"; // Mengubah latar belakang menjadi transparan
});

// Mengubah warna teks di kontainer komentar
var containerElements = document.querySelectorAll('.vRMGwf');
containerElements.forEach(function(container) {
container.style.color = "white"; // Mengubah warna teks menjadi putih
});

// Mengubah warna teks dan latar belakang di textarea
var textareas = document.querySelectorAll('textarea.KHxj8b');
textareas.forEach(function(textarea) {
textarea.style.color = "white"; // Mengubah warna teks menjadi putih
textarea.style.backgroundColor = "transparent"; // Mengubah latar belakang menjadi transparan
});

// Jika ada kontainer lain yang perlu diubah
var additionalContainers = document.querySelectorAll('.e3Duub');
additionalContainers.forEach(function(container) {
container.style.backgroundColor = "transparent"; // Mengubah latar belakang menjadi transparan
});
});
</script>
Balas
#111
Tidak bisa.
Solusinya pakai invert warna: #comment-editor {
filter: invert(87%) sepia(55%) saturate(407%) hue-rotate(168deg) brightness(90%) contrast(96%);
-webkit-filter: invert(87%) sepia(55%) saturate(407%) hue-rotate(168deg) brightness(90%) contrast(96%);
} Penyebab css/js mu adalah di dalam iframe ada tag body lagi, intinya ada dua root document.
Makanya css/js gk berfungsi.
Balas
#118
Sudah bisa bikin rating komentar?
Aku sudah coba bedah temanya, tetap gk bisakupsang di base template. https://blashop2222.blogspot.com/2018/09/dale-15-leather-tote-backpack-white12.html Mungkin km tau caranya.
Temanya dikirim ke emailmu.
Balas
#120
Rating bintang komentar berhasil dipasang.
Fitur ini akan hadir di base template v12.
Ada sedikit perubahan dari skrip originalnya: - Menghapus jQuery
- Mengubah <em>{n}</em> menjadi <em rel='star'>{n}</em>
Base template akan dishare setelah codenya dirapikan.
[Demo]
Balas
#132
How do I change this text : Tidak di temukan . in live search items? I searched for it in the entire template and did not find any trace of it at all. Please help. My site is in Arabic and I want to change all the text to Arabic
Balas
#145
Min mau tanya soal tema blogger.

Kan aku lihat di beberapa tema blog buatan orang contohnya colorify dari templateify ada kode kayak gini


Kode colorify
<b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>


terus ada juga dari batchmanga dari rasgane


Batchmanga







Nah, keduanya ini sama aja kaan? terus fungsinya buat apa?
Balas
#147
Code tema colorify untuk menandai b:includable yang tidak dipakai.
Ada banyak yg seperti itu, masalahnya itu tidak bisa dihapus, hanya bisa dikosongkan atau diberi komen.

b:defaultmarkup untuk b:includable yang sudah dimodif.
Kalau kamu tambahkan add widget, nanti widgetnya mengikuti yg di dalam defaultmarkup.
Balas
2001 – 2146 of 2146

Forum rules
You can use English or Indonesian


image quote pre code
Share: