Skip to main content

Hello

Subscribe to:
New #1
0
Rizuku

Rizuku
Top Poster

Messages
5
Points
+181

Reputation: 50%

New #13
Dipakai Buat Profile Min, Jadi Bisa Buat Naruh Portofolio Juga Di Landing Page Tersebut, Kalo Bulann Ini Gak Bisa, Gak papa Min, Mungkin Next Time Aja, Yang Penting Aku Udah Request
0
New #25
Mau minta nih. Project Tema baruku pengganti template mStream
https://komikav-clone.blogspot.com/
1. Untuk homepage nya masih sama yang berbeda, saat halaman reload tanpa menutup tab maka postingan akan langsung muncul.
https://komikav-clone.blogspot.com/p/daftar-komik.html
2. Daftar Komik, di template mStream Filter Search tersedia di semua halaman sekarang cuman tersedia di 1 halaman saja, juga sudah di tambahkan mode text dan next prev pagination number.
https://komikav-clone.blogspot.com/p/a-z-list.html
3. A-Z List, fitur yang baru di tambahkan
https://komikav-clone.blogspot.com/search/label/Series?max-results=1
4. Halaman label di tambahkan fitur next prev pagination number.

Note: Demo postingan nya masih menggunakan post dari blog mStream.
0
New #33
@Yukine
masih Belum

@Wernayasa
Nanti oktober di bagikan gratis klo sudah capai target.
Script nya di perbarui agar support sessionStorage, jadi ngambil data nya langsung di storage browser bukan blogger API (khusus homepage).
0
New #35
halo, bisa bantu testing halaman ini.
https://komikav-clone.blogspot.com/2023/09/eleceed-chapter-264-bahasa-indonesia.html.
Aku saat pakai firefox semua fiturnya bisa dipakai, tetapi ketika pakai edge fiturnya kadang jalan kadang enggak.
Fitur nya.
NextPrev Chapter Ajax Tanpa Loading Halaman.
Reader Mode (Single Page/Full Page).
Click Image => Scroll (Mode Full Page)
Click Image => NexPrev Image (Mode Single Page).
0
New #39
Of course. This is it's function.
function disqusLoader() {
let disqus_thread = getSelector('#disqus_thread'),
tagScript = document.createElement('script');
if (disqus_thread && disqus_thread.getBoundingClientRect().bottom <= window['innerHeight']) {
tagScript.async = true;
tagScript.type = 'text/javascript';
tagScript.src = `//${config['disqus_shortname']}.disqus.com/embed.js`;
(document.body || document.head).appendChild(tagScript);
window['removeEventListener']('scroll', disqusLoader);
}
}

function createDisqus(url, title, id) {
let URI = new URL(url),
link = `https://${URI.host + URI.pathname}`;

if ('DISQUS' in window) {
window['DISQUS'].reset({
'reload': true,
'config': function() {
this['page']['url'] = link;
this['page']['title'] = title;
this['page']['identifier '] = id;
}
})
} else {
window['removeEventListener']('scroll', disqusLoader);
window['disqus_config'] = function() {
this['page']['url'] = link;
this['page']['title'] = title;
this['page']['identifier '] = id;
};
window.addEventListener('scroll', disqusLoader);
}
}
.
And this is to create disqus.
<div id="disqus_thread"></div>
<script type="text/javascript">
/*<!{CDATA[*/
createDisqus('post_url', 'post_title', 'post_id');
/*]]>*/
</script>
0
Rizuku

Rizuku
Top Poster

Messages
5
Points
+328

Reputation: 50%

New #45
pak request template landing page sederhana dong hehe, buat versi premiumnya pak biar bebas license yang make, taro templatenya di trakteer biar orang2 yang mau beli gak kesusahan buat paymentnya hehe, masih jarang template landing premium di jual di indonesia, beberapa malah di jual di web luar, please pak approve yak hehe :)
0
New #47
Bang mau tanya nih, untuk template black-calx bagian V-Blog dan Komentar gimana ya cara ngisinya, di tata letak gak ada. Gw coba lihat di html malah bingung karena cuma button radio doang.
0
Wernayasa

Wernayasa
ADMIN

Messages
63
Points
+449

Reputation: 100%

New #56
Kurang data attribute.
Wajib pakai button ini, karena data atributnya sudah terisi.
<div class='hartomy-bookmark-btn bg-main bookmark' data-quantity='1' expr:data-borkimage='resizeImage(data:post.featuredImage, 400, &quot;16:9&quot;)' expr:data-id='data:post.id' expr:data-link='data:post.url' expr:data-title='data:post.title'>Bookmark</div>
0
Anonymous

Anonymous
Top Poster

Messages
15
Points
+181

Reputation: 100%

New #58
Min untuk membuat post author di disetiap postingan gw jadi berwarna merah dan memiliki efek macam nama lu Wernayasa itu gimana ya? ni link blogger gw https://unioflix.blogspot.com/
0
Wernayasa

Wernayasa
ADMIN

Messages
63
Points
+290

Reputation: 100%

New #59
Setiap komentar harus punya user id, tidak bisa pakai komentar biasa.
User id berupa nomomor seperti: 09171272848542294839
Tidak semua komentar bisa, hanya yg custom aja yg bisa.
Coba buat kometar di post demo, sekitar 5 komentar. Nanti aku cek apakah ada user id-nya.
0
Wernayasa

Wernayasa
ADMIN

Messages
63
Points
+1127

Reputation: 100%

New #78
Cari: <b:includable id='commentPicker' var='post'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threadedComments'/>
<b:else/>
<b:include data='post' name='threadedComments'/>
</b:if>
</b:includable>
Ganti dengan: <b:includable id='commentPicker' var='post'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='Disqus'/>
<b:else/>
<b:include data='post' name='Disqus'/>
</b:if>
</b:includable>
0
Wernayasa

Wernayasa
ADMIN

Messages
63
Points
+1780

Reputation: 100%

New #82
Kirim screenshot agar mudah melihat masalahnya.
Agar disqus otomatis muncul, cari id='Disqus'
Ganti script dengan ini: <script>
function load_disqus( disqus_shortname ) {
// Prepare the trigger and target
var is_disqus_empty = document.getElementById(&#39;disqus_empty&#39;),
disqus_target = document.getElementById(&#39;disqus_thread&#39;),
disqus_embed = document.createElement(&#39;script&#39;),
disqus_hook = (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]);

// Load script asynchronously only when the trigger and target exist
if( disqus_target &amp;&amp; is_disqus_empty ) {
disqus_embed.type = &#39;text/javascript&#39;;
disqus_embed.async = true;
disqus_embed.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/embed.js&#39;;
disqus_hook.appendChild(disqus_embed);
is_disqus_empty.remove();
}
}

/*
* Load disqus only when the document is scrolled till the top of the
* section where comments are supposed to appear.
*/
window.addEventListener(&#39;scroll&#39;, function(e) {
var currentScroll = document.scrollingElement.scrollTop;
var disqus_target = document.getElementById(&#39;disqus_thread&#39;);

if( disqus_target &amp;&amp; (currentScroll &gt; disqus_target.getBoundingClientRect().top - 150) ) {
load_disqus(&#39;w3bits&#39;);
console.log(&#39;Disqus loaded.&#39;);
}
}, false);
</script>
0
Wernayasa

Wernayasa
ADMIN

Messages
63
Points
+421

Reputation: 100%

New #104
Tidak ada, karena gambar diurutkan berdasarkan nama.
Cara mengatasinya, ubah nama gambar agar berurutan. 01
02
03
..dst
Masuk ke post, ubah ke tampilan HTML.
Untuk gambar yg memiliki nama berurutan tekan: ctrl+a
untuk block semua gambar, lalu upload.

Untuk gambar yg namanya acak, tekan ctrl+klik kanan mouse untuk memilih manual urutannya.
0
Qwerty

Qwerty
Top Poster

Messages
5
Points
+222

Reputation: 50%

New #111
Permisi, mau nanya soal disqus, cara atasi soal ini gimna ya, tdinya udh di add widget seblmnya, cuma ke hapus dan pas mau di add lgi di web yg sama, malah jadi "Method not Allowed" mungkin aja ada yg tau disini
0
Qwerty

Qwerty
Top Poster

Messages
5
Points
+636

Reputation: 50%

New #114
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1X9Byo-fe9HNWJYJajPJAbEnX419lDu_5v-m5EyaBvrDcdFUQUcpqg3guZcGy6K707dbrVpcpHl0XvEi3LR6ncJkRpKplNNbW6YR_gonm3kjYrt1ZFI-ouQ7yTUJSVcTOlmcBzXo9HECHyB1pvqJvrrNnB7apc61PtSQ4iEuJ3kJRrVBPXNkDSAxbki0w/w221-h640/Screenshot_20241007-190858_Opera%20Mini.jpg https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4-Y7UMeVmQDHg6aPP7xvRHtqRecYlvF5l-_IYnDmyBGsmbXsRYFpNacZLFKJUWCIRpV7vkW1Du-zQj5_Z3H4P80j6mpIwM4FdeLB-VMvkNeTJWjxJvHlBC0-UBM2W75j7-qfc-YQkiiRSXG7JA-BMQunvgURD4sFXsE90B0Ji5v9GYQdligWVJ8wbCJBV/s719/Screenshot_20241007-190846_Opera%20Mini.jpg
0
Wernayasa

Wernayasa
ADMIN

Messages
63
Points
+308

Reputation: 100%

New #125
Use this calculation: <b:if cond='data:post.body.size lte 2000'>30 Detik <b:else/><b:eval expr='(data:post.body.size - (data:post.body.size % 2000)) / 2000'/> Menit</b:if> You can adjust the calculation to suit your needs, as it may not be perfect.
0
New #128
I an trying to upgrade
Recent Comment
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbs7qh2WiVStMaJywholW1wNnAHGBHpe9BB2QDADdHrE_vQD3xsXpdIGLB_xI_jwNIlXb6qEc_P4KCczXn-uclvZh_IlLMvMPHrdwV3xJ28dP4IsXmFGik4MIVZIMPnLSwdB1hEq5MKkvAJs8jJ37UrPN5m8Ud_9Qy6kfkFlVSU5bgXYZ-F8Uy68AVGgs/s325/Screenshot%202025-01-21%20121244.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA7rTiyNG7jaEYTpo3fjm4wseb_YvH3Nl_IDAymX61z9nvxS8pfZpZukcjL4QODfLLXU4QcKlwk_RjaVrDq0ckIOZB1BAcg6-VX52mT9PyGfWWQ_1Hkqg_HRq8dfjnxikDl1uWgZ6KfOsnhsdGAcCNG5P00yzCj2oSb0J88rD60cn2ZugEnoP-cSLRUJI/s741/Screenshot%202025-01-21%20141552.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxiVB9nKXREwPULFiptludF7Zz2ZnmJo-nvp_H2IzBjL_IFZyUq8nN_KCa09I0-AQhkNsw8cC-3j116Bg_GGYxBP62r_P-2uPRol7dU8egqlSdVHn3P6pdp6hbR1LAh4EPkDwBMrGW-7o8tVTCVCJh3QZMRM1hPZBZxFKvGEa7X6dwELu1PlLR026cT08/s740/Screenshot%202025-01-21%20141540.png

0
New #132
What's wrong with it?

<!-- Last Update Date -->
<p>
<b:if cond='data:post.lastUpdatedISO8601 != data:post.dateISO8601'>
Last Updated:
<script>
document.write(
new Intl.DateTimeFormat('en-US', {
year: 'numeric',
month: 'long',
day: 'numeric',
hour: 'numeric',
minute: 'numeric',
second: 'numeric',
hour12: true
}).format(new Date('<data:post.lastUpdatedISO8601/>'))
);
</script>
</b:if>
<b:if cond='data:post.lastUpdatedISO8601 == data:post.dateISO8601'>
Last Updated: Not Updated
</b:if>
</p>
0
New #136
Could you please explain your comment editor?
I am trying to set a div above the comment editor

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0PtJBFE7ZjxIfnDIk_CKOhqWBsYJ5AkPXQkSaBeJ-Ik8k_JhYUWwYkDnAvmL9loZ9eZEi80o90W4pjBJYQF3xSYdIWsulu4vWLTyNK58rVvxWiGM7JQ9hUNcpQ2yeKQFxyXftnQMQqUXASGLJhwU5h5_ptI0f-cmnYYaGACj6F5CSu3MhlxalE-81LMc/s1895/Screenshot%202025-02-22%20013857.png
0
Wernayasa

Wernayasa
ADMIN

Messages
63
Points
+419

Reputation: 100%

New #137
Paste your code above: <b:include data='post' name='commentFormIframeSrc'/> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqz79UadzZaUepN9iSbwdbwQNU2ZsI2c6xDpwcWWjFEaVS4lFiPvVrgyS8fLTfo0SL8ToCr2aVHxWzt9J09Nf8Op-AXygfOBMuRQvsqhrCy_VnMzT9L4qjARcZ0OvaB1js7nAi8hYI2f0PIoUFxn1oIP9O1ft1U-7GndGZO523zKyqd3Mh8XYEVRTnyBk/s931/Template%20Edit%20Template.png
0
Wernayasa

Wernayasa
ADMIN

Messages
63
Points
+245

Reputation: 100%

New #148
Hey! I asked AI to create reading history script.
Just wanted to let you know that this response includes some AI-generated code and script elements. 😊: https://gist.github.com/wernayasa/b28280ce3c63f5948e658e7b22b91465
0
Tim-Tam

Tim-Tam
Top Poster

Messages
5
Points
+363

Reputation: 50%

New #151
disini [TKPNYA]
aku ambil data komen dari base template punya situ.
bantu supaya komen balasannya keluar dari <li> bang kayak punya situ.
maunya jadi kayak gini.
https://i.ibb.co.com/Zz3tCvwm/Screenshot-2025-05-02-113645.png
0
Wernayasa

Wernayasa
ADMIN

Messages
63
Points
+1037

Reputation: 100%

New #153
Awal aku membuatnya dulu aku buang dua ol li tag.
Satu ol li untuk balasan, terus komentar blasan aku pindahkan ke bawah.

Ini aku pakai terus source codenya sampai tema HexBoard, karena sudah lupa cara membuatnya.

Asal usulnya dari HexForum > Hexanime v1 > Hexboard.

Cek source codenya di HexaNime v1. Cari: <b:includable id='threadedComments' var='post'> Komentarnya sudah forum, silahkan kamu copy dan sesuaikan.

Komentar forum lebih enak karena kita tau komentar baru pasti ada di bawah.
Kalau ingin komentar baru berada di atas tinggal tambahkan [COLOR=red]reverse='true'[/COLOR] pada [COLOR=#0000cc]b:loop[/COLOR] <b:loop index='i' values='data:post.comments' var='commentLevel1' reverse='true'> Atau gunakan css flex column reverse juga bisa.

Kalau butuh bb code komentar, tinggal inspec dan ambil source codenya blog ini.
Codenay engk di encript.
0
New #158
ImgBB or another image-hosting site is great for blogger comments or for anything else where you can't upload an image.
Base64 converts an image to text as a URL. This use of Base64 improves loading speed and allows for the creation of a post generator where users can upload images from their devices using only HTML, CSS, and JavaScript without any server-side hosting. JavaScript converts the image to a Base64 image URL.
0
New #159
However, it is not suitable for large images, and the major issue is that it cannot be used as a thumbnail.
Initially, I thought it would be very useful. However, I now realize it won't do the actual work.
0
Wernayasa

Wernayasa
ADMIN

Messages
63
Points
+326

Reputation: 100%

New #163
Are you Dida?
Try this to make the iframe look like dark mode. It's not perfect, but it's better than nothing. .dark iframe#comment-editor {
filter: invert(90%) sepia(50%) saturate(0%) hue-rotate(160deg) brightness(100%) contrast(100%);
}

I'm copying this CSS from Igniel.
0
Wernayasa

Wernayasa
ADMIN

Messages
63
Points
+632

Reputation: 100%

New #169
This is new code that I use
Thumbnail: <b:include data='{image: data:post.author.authorPhoto.image,imageRatio: &quot;1:1&quot;, imageSizes: [140, 140],sourceSizes: &quot;140px&quot;,imageClass: &quot;w-full h-full object-cover&quot;}' name='responsiveImage'/> User profile url: <a class='text-active username-admin' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
<span><data:post.author.name/></span>
</a>
0
Miyamura

Miyamura
Top Poster

Messages
19
Points
+950

Reputation: 100%

New #171
Community Versi 2:
DEMO
Fitur Community versi 2 ini kita bisa login menggunakan akun google maupun registrasi email dengan database Firebase dan memiliki fitur like & unlike chat serta salin (Copy to Clipboard) chat tapi harus login dulu untuk menggunakan fitur ini. Ada fitur untuk mengubah role seseorang yang dimana disini saya buat baru ada 3 role, yaitu: admin, moderator, user. Fitur admin, mereka dapat menghapus chat orang lain dan dapat mem pin chat orang lain dengan durasi yang akan di tentukan oleh admin, lalu ada fitur moderator, mereka dapat menghapus chat orang lain tapi tidak dapat menghapus chat dengan role admin, dan role user, fitur user ini cuma dapat memberi pesan dan meng-like chat seseorang atau menyalin chat seseorang. Cuma itu aja dulu, masih ada bug pada bagian fitur login dengan email, masih bisa di tingkatkan lagi sih ini.
0
Miyamura

Miyamura
Top Poster

Messages
19
Points
+315

Reputation: 100%

New #175
If I use a single-page application for my website, it might make the web page slow and potentially lead to continuous loading. This is also just the first stage; features like searching on this manga website aren't possible yet because I don't have a database. But thank you for your response to my website.
0
Miyamura

Miyamura
Top Poster

Messages
19
Points
+250

Reputation: 100%

New #188
Sedang membuat sebuah template website dengan tema manga reader dan memiliki panel admin.

Catatan: Template website ini saya tidak mengetahui apakah akan bisa juga di wordpress atau tidak, tapi kalau ada yang mau coba silahkan saja.
0
Miyamura

Miyamura
Top Poster

Messages
19
Points
+299

Reputation: 100%

New #193
Apakah ada yang mau aplikasi baca manga? Untuk database nya pakai Firebase, dan penyimpanan gambar komik ny saya pakai imgur, bisa dari web eksternal lainnya juga, tapi untuk link dari imgbb.com itu saya coba gak bisa ya. Ada fitur "History", "Bookmark", dan "Profil".
0
Wernayasa

Wernayasa
ADMIN

Messages
63
Points
+315

Reputation: 100%

New #201
Aku punya tema dasar di dalamnya terpasang: * dark/light mode
* post chapter/series
* tailwindcss
* flowbite
Tidak ada komponen tema seperti header, footer, sidebar, post series, post chapter, skrip, halaman dan lain lain.

Apakah berbeda dari tema kerangka anime/manga?
0
1 – 200 of 202
Post a Comment
Forum rules
You can use English or Indonesian
Back to top Back to bottom