401 – 600 of 2146
Mark
Halaman tanya jawab tentang topik umum, seputar template atau sharing pengetahuan tentang blogger.
#ads
#6
@wernayasa cara bikin background header kayak gini gimana ya?
https://i.ibb.co/zSqSytg/1212.png jadi full body.
tapi tulisan judulnya sesuai lebar outer-wrapper.
mau saya terapin di bloghimitsu.com
Balas
#7
@Himitsu
bikin 2 kontainer, strukturnya seperti berikut
<div class="navigation-container">
<header id="header-wrapper"><!-- Kepala --></div>
<nav id="menu-timtam"><!-- Menu --></div>
</div>
<div class="container">
<!-- Main Content-->
</div>
Balas
#8
keluarkan header dan nav dari class="container"
ini struktur yg benar:
<div class="navigation-container">
<header id="header-wrapper"><!-- Kepala --></header>
<nav id="menu-timtam"><!-- Menu --></nav>
</div>
<div class="container">
<!-- Main Content-->
</div>
Balas
#10
@Himitsu
ada yang kurang, maaf. lupa inner-container
<div class="navigation-container">
<div class='inner-container'>
<header id="header-wrapper"><!-- Kepala --></header>
<nav id="menu-timtam"><!-- Menu --></nav>
</div>
</div>
<div class="container">
<!-- Main Content-->
</div>
kalau sudah di kasih inner-container, paste css ini. float terpaksa di hilangkan supaya bisa di beri background.
body {
margin: 0;
}
.navigation-container {
background-color: purple;
}
.inner-container {
max-width: 930px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
#header-wrapper {
float: none;
}
#menu-timtam {
float: none;
display: flex;
justify-content: flex-end;
}
Balas
#30
Min tutorial dong Cara bikin label ini berada pada gambar

https://1.bp.blogspot.com/-ht70QPnjLa8/YLN1FHY0vQI/AAAAAAAABqE/XFb_j5IAzPsYQBu6Z4NtWSiFjEBkjSCkwCLcBGAsYHQ/s0/Screenshot_2021-05-30-19-20-09-82.jpg
Balas
#41
https://1.bp.blogspot.com/-Nb_GHlN-Dng/YLYupIXTmnI/AAAAAAAABro/q35v8jdda4osNO0Axnya3e1Fpjid0pxuACLcBGAsYHQ/s0/Screenshot_2021-06-01-20-56-11-49.jpg

Min Kalo saya mahu searchnya hanya tampilkan Anime Info sahaja dan bukannya episode gimana?

Balas
#42
@Wan, Bisa ada tapinya...
coba dulu deh, ganti code berikut:
<b:include data='post' name='postCommentsAndAd'/>
dengan:
<b:if cond='!data:blog.searchQuery'>
<b:include data='post' name='postCommentsAndAd'/>
<b:else cond='data:blog.searchQuery'/>
<b:include cond='data:post.labels any (l =&gt; l.name == &quot;PUT_LABEL_NAME_HERE&quot;)' data='post' name='postCommentsAndAd'/>
</b:if>
ganti PUT_LABEL_NAME_HERE dengan label anime Info.
Ini banyak menimbulkan masalah, seperti post yg tidak tampil
Balas
#57
@Rizki Aldi
beda tipe komentar nya, blog in memakai tipe Halaman penuh Tanpa JS sudah bisa input link. Kelemahannya tidak ada tombol balasan.

Nah yg km paka tipe tersemat.

Saya baru sadar ternyata link gk tampil, ini mungkin kesalahan tema dasar buatanku.
Makasih sudah lapor.

Rizki Aldi, dua hari yg lalu situsnya down. Sekarang postingannya jg belum pulih.
Mungkin situnya kena hack.
Balas
#64
@Anonymous
Cari dalam tema:
id='postTitle'
Paste di bawah H1:
<span class='label-s' style='background-color: crimson'>Hot</span>
<span class='label-s' style='background-color: orange'>Widget</span>
<span class='label-s' style='background-color: green'>Updated</span>
<span class='label-s' style='background-color: purple'>New</span>
Balas
#66
Gunakan ini:
<b:if cond='data:post.labels any (l => l.name == "PUT_LABEL_NAME_HERE")'>
<span>ADD CONTENT HERE</span>
</b:if>
Penjelasan:
- PUT_LABEL_NAME_HERE : Nama label Anime, Batch atau Ongoing
- ADD CONTENT HERE : bisa icon atau text
Balas
#67
mau tanya min, kenapa ya kalau suatu post dengan keyword yang sama saat sudah mencapai 50 post ++ tidak bisa di search? contoh ada post dengan keyword dragon ball dimana ada satu post series dragon ball dan 150 post episode dengan title/keyword yang sama dragon ball, nah itu saat di search malah gak muncul semua, padahal post series nya udah ditempatin di tanggal terbaru

demo https://www.nekosenpaiid.com/

coba search dengan keyword dragon min, nani malah blank ga muncul
Balas
#68
@Kang Nolep
Coba test dulu apakah b:loop search query atau atau gk. Caranya paste di bawah b:includable id='main' var='this'
<b:if cond='data:blog.searchQuery'>
<b:loop index='i' values='data:posts' var='post'>
<data:post.title/>
</b:loop>
</b:if>
Simpan lalu ulangi pencarian keyword, hanya untuk ngetes apakah muncul hasil pencarian muncul.
Kalau kagak muncul gw neyerah.
Balas
#71
@Wernayasa udah ketemu sejak awal, di post episode , tidak dikasih nama anime atau manga nya. jadi nanti post episode nya contoh judulnya "One Piece Episode 37" dirubah jadi "Episode 37", One piece nya nanti diakali pake label, kan label nya juga pake nama Anime. Dan juga di dalam postingan episode nya juga jangan sampe ada nama animenya. Jadi nanti saat di search One Piece, post episode nya tidak akan muncul karena tidak ada kata kunci one piece di dalam post episode tersebut. Basic nya kayak theme manga.
Balas
#74
@Rizki Aldi
<b:include data='{image: data:post.author.authorPhoto.image,imageRatio: &quot;1:1&quot;, imageSizes: [84, 168],sourceSizes: &quot;23px&quot;,imageClass: &quot;post-author-profile-pic&quot;}' name='responsiveImage'/>
Balas
#84
@wernayasa cara bikin hero background tapi photonya beda kek gini gimana ya?
demo : https://167.86.71.48/goblin-slayer-goblins-crown-2020-bluray/
jadi mau bikin photo cover dan background kek gitu.
Balas
#86
@wernayasa cara bikin tulisan type bold gimana ya? udah saya coba tapi gak ngaruh sama sekali. tulisan Genre, Type, Deskripsi semuanya udah saya ganti jadi Type Bold tapi tetap gak berubah.
demo : https://novel-plus.blogspot.com/2015/10/seirei-gensouki.html
Balas
#101
@Tim-Tam
Langkah2 nya kalu gk salah masukkan no publisher:
Setelan > Monetisasi > ads.txt kustom
Setelah itu masuk ke tab Penghasilan lalu pilih lokasinya.

Untu menapilkan iklan di antara kolom komenar gunakan:
name='inlineAd'
Sudah tersedia dalam tema blogger.

Kalau untk sidebar gunakan widget AdSense.
Balas
#116
min bisa buat template kayak gini ini link nya https://awesomescreenshot.s3.amazonaws.com/image/2616233/16060923-64a60961f8eb02b289418147b64ecd16.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJSCJQ2NM3XLFPVKA%2F20211102%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20211102T163128Z&X-Amz-Expires=28800&X-Amz-SignedHeaders=host&X-Amz-Signature=58e90ce3362892802b7d521b03c8e109a20dad8325f4337ff7bc7d1609a307e9
Balas
#122
Ini source code yg kupaki di temaku:
Nilai plus poin:
+<b:eval expr='data:cb.level.body.size'/>
Tombol reply to id:
<b:if cond='data:commentLevel1.inReplyTo'>
<a expr:href='&quot;#c&quot; + data:commentLevel1.inReplyTo'>
<data:commentLevel1.inReplyTo/>
</a>
</b:if>
Sayangnya gk bisa mengambil nama user yg direplay. Kalau km bisa bikin seperti itu, share ke gw juga codenya.
Balas
#123
Itupun berkat Lucid Lame mu bg wenayasa. kalo ga ada reference itu,mungkin ga ada tekad buat theme sendiri :D

agak bingung sih mau membahas apa. tapi kalo dilihat beberapa postnya sekarang sih membahas tutorial ataupun source code yang pernah kupake. maunya dibikin library tapi jadiin model forum biar ada interaksi.sapa tau bisa ngebantu orang lain
Balas
#128
Wah, gw setuju banget km bikin tema baru.
Saranku bikin dari awal.
Biarpun lama baru jadi, engk apa2. Yang penting di akhirnya nanti skill kamu akan meroket.
Ini tema dasar v9 yang kupakai membangun template ini.base_theme_v9.xmlIni ide-ide desain:
https://www.ignboards.com/
https://webflake.sx/
https://soehoe.id/pengumuman.f2/
https://nanda.to/
https://nulledbb.com/forum-Announcements
https://forums.tomshardware.com/
Jangan terburu2, luangkan waktu seminggu buat survei desain yang cocok.
Kalau temaku ini inspirasinya dari Babiato.
Balas
#130
Pertama tama kerangka HTML, CSS, dan javaScript harus sudah benar:
<div class="slide scroll">
<img src="#"/>
<img src="#"/>
<img src="#"/>
<img src="#"/>
<img src="#"/>
</div>
CSS:
.slide {
align-content: center;
display: grid;
grid-template-columns: repeat(10,minmax(128px,1fr));
grid-gap: 1em;
}
.slide {
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
scroll-behavior: smooth;
margin: 15px;
}
JS:
<script>//<![CDATA[
const scrollContainer = document.querySelector(".scroll");
scrollContainer.addEventListener("wheel", (evt) => {
evt.preventDefault();
scrollContainer.scrollLeft += evt.deltaY;
});
//]]></script>
Balas
#132
min ini gimana cara ngambil html sama css atau yang lainnya gimana itu yang di dizeistmanga masih pemula min

https://awesomescreenshot.s3.amazonaws.com/image/2616233/16171618-753f7bdf0b514cbde8fd38bdf878abf5.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJSCJQ2NM3XLFPVKA%2F20211104%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20211104T121910Z&X-Amz-Expires=28800&X-Amz-SignedHeaders=host&X-Amz-Signature=74e39e33fe692a0822c01e5261736ff446528dc6f377c2b35509b1049bce1ef7
maaf min kalau screenshoot nya link nya panjang soalnya gak tau pake yang lain
Balas
#133
Height 175 px - 200 untuk wiidth 128. Kalau lebih besar dari itu kurang proporsional.
.slide img {
width: 100%;
object-fit: cover;
border-radius: 2px;
height: 175px;
}
Scrollbar untuk frefox beda codenya.
Firefox:html {
scrollbar-width: thin;
}
Chrome:::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
height: 5px;
}Edit grid-gap: 1em; untuk mengatur jarak antar gambar.
Balas
#139
min ini kok jadi gini view all nya mau dipindah bisa gak letaknya
https://blogger.googleusercontent.com/img/a/AVvXsEg9Dha0JxyP8d8RXlB7TlOMKddh3kAsLndIH65I9UlmHcNFEgORhglYHmana_Gi6DWy3vfUrBhezD7tYwUZBgNmNw5m0Pv8EcvbhrYCjjRz4joDdJxHTzzTd0sHoZAYi0i_22jrgvATkg72dbWR_lKQb67zRSiANacyUxhVUuzfzE-5dyI0p0WcpV-X=s915
Balas
#141
Hallo min.

Min bisa minta tolong ubahkan homepage template viomagz jadi kayak meownime gak?

Ini contoh tema meownimenya https://anim-ku.blogspot.com

Aku udah pernah merubahnnya, tapi loading blog dan seonya jelek. Mohon bantuannya min.
Balas
#143
min gimana caranya masang border yang ini
gambar:https://blogger.googleusercontent.com/img/a/AVvXsEj6eldhGFDfsYKsUykW0Tf7Nc3I82k29kvqqvKHwyBASNj_cirmFdZY0LGF58a3EQKxF19_y12kyLJE7P6lqfcLwsBhFqA9SFZuErXyTy7861S2qqIaQ6gdKj2CSY-jf54CRBNRvCLCPNH5zEUkKo2txP28qscX2-8fiRhZXQES3LI3AH-3_UgnUDRy=s845
ingin nya menjadi seperti ini
https://blogger.googleusercontent.com/img/a/AVvXsEj4SUXvcBUznDuD8WyaYtFq3VPgO220LnMoLyAuHBw-T6d9Rn2S2n5lf2z5p8HxL_4KNij06HzDSo3LHmk9qMZwBZg1jHHntnRKRBVXh3qqupMqnv9tRuiTWSSubyPMPMKkPhJ7g3yBPk33p-leQg1p7jJXMXbA8v_jJLUYiJhuQr1uaH0m9QlP1Ji6=s913
Balas
#146
ini min maksud saya yang kotak luar bukan garis saya gak tau namanya apa pokok nya saya kotakin yang merah itu di gambar
gambar:https://blogger.googleusercontent.com/img/a/AVvXsEhO7YwUbRe1i_S40FvrgCJk08qKmQPOsWJQZotb5wyQWctx8FoP5LSVv_FD5ilK6nEWo1h_NVJ8-RV7A-mnws3khZk5v35r51VvY3qHA83LkKGcD4eGMyo4gLi4Z9P7O9EQ_aUwLDazzz7rBrTLT2IGhec4jWVATG8dDPlZetXAgF6VynTgu6dM8pZD=s957
Balas
#152
min bisa gak buat kayak gini saya lihat di bacakomik.co
gambar:https://blogger.googleusercontent.com/img/a/AVvXsEgxkXlFW9msP-u0LiUOauz5CeG05NeDUuwGvxFqGz6pCOvkaA9XdQYzDvyILTtYiO2-uDyrVfbgygi2EWA-Zbvme_mOOLBb72e0DCfz7BRkkm-UxGToHOWGR8LzjZF-jxg89btcqZQKcI4NFU4haGpjU3n0G5Kt_AthhXcy3AMVrQdlALabBm1fCgnW=s795
Balas
#159
yes, bener banget, aku juga kalo lagi mood hidupin laptop aja males :v

tapi gatau kenapa bulan ini aku sangat semangat buat theme nya, ntah apa pemicunya juga gatau. sampe theme kumareader aja selesai dlm waktu 2 minggu :v

BTW theme novel nya nanti ambil referensi dari web lain apa desain sendiri pak?
Balas
#166
min bisa gak kalau hot manga yang ada di zeistmanga dikasih next preview atau scroll mouse saya udah coba yang codepen yang diatas tadi gak bisa yang tulisan nya slider ringan dengan tombol murni css
Balas
#169
saran nih untuk ngambil nama nya.
pasang script ini di atas tag </head>
const getReplyName=e=>{let t=document.getElementById(e.dataset.id);t&&(e.innerText=t.querySelector(".author").innerText)};
kedua ganti tombol reply nya seperti ini.
<b:if cond='data:commentLevel1.inReplyTo'>
<a expr:href='&quot;#c&quot; + data:commentLevel1.inReplyTo'>
<span data-id='"c" + data:commentLevel1.inReplyTo' onload='getReplyName(this)'><data:commentLevel1.inReplyTo/></span>
</a>
</b:if>
ketiga pasang class ( author ) di tag yang berisi nama author nya.
Balas
#171
sorry ternyata onload event tidak berfungsi di tag div dan span.
jadi pasang script ini aja di atas </body>.
const getElementReply = document.querySelectorAll('.ElementReply');
if(getElementReply.length > 1) {
getElementReply.forEach( (e) => {
getReplyName(e);
});
}
setelah itu kasih class ( ElementReply ) di tombol reply nya. Contoh:
<a href="#c3086843283717964488">
<span data-id='c3086843283717964488' class='ElementReply'>3086843283717964488</span>
</a>

Balas
#181
Halo min

Saya pakai Template DoujinReadmu yang V1.5

untuk Series / variable artist, kan maksimal cuma 39, karena sudah penuh dan masih ada tag yang belum kebagian disana, saya ingin tambah yang baru, tetapi ntah kenapa setelah saya bikin variable baru si tag yang sudah dimasukan ke variable itu tidak muncul di "series :" saya memakai referensi dari filter7

apa yang salah ya min?

Gambar biar lebih jelas = https://ibb.co/4PFXd8M

Mohon Bantuannya min, nanti saya donasi trakteer
Balas
#182
Karena km mau donasi, mending saya update temanya ke v2.0.
Karena, sudah lama gw merencanakan updatenya desain sudah ada, kebetulan tema ZM sudah kelar, dan ada waktu luang.

Pake aja tema itu dulu, saya masih mencari solusinya.
Jujur saja sistem variabel artis menimbulkan banyak masalah.

Gw pribadi lebih memilih solusi update daripada memperbaiki sistem yg rusak/tidak stabil.

Kalau situs demo DoujinRead gw tutup, artinya update sedang berjalan.
Proses pengerjaan kira2 satu minggu.

V2.0 khusus buat donatur aja, biar adil.
Balas
#184
Min, bagaimana cara buat fitur ini untuk di template lain? (Lihat Pict Ya Min) Soalnya di template yang saya pakai Sekarang ga ada fitur ini, Dan mau saya pasang.

Note : kalo bisa dipasang akan saya donate trakteer, Karena emang lagi nyari banget min

Pict : https://ibb.co/yFpdp3z
Balas
#186
Ini berfungsi sebagai breadcrumb. Seperti ini codenya:<div class='oh tac r2 mb-20 fs-13 p-y10x15 bg-222'>
<ol class='lsn m-0 pl-0 m-y0x4-li' itemscope='itemscope' itemtype='http://schema.org/BreadcrumbList'>
<li class='i-block' itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
<a class='c-999' expr:href='data:blog.homepageUrl' itemprop='item'><span itemprop='name'><data:blog.title/></span></a>
<meta content='1' itemprop='position'/>
</li>
&#8250;
<li class='i-block' itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
<b:with value='[&quot;Chapter&quot;,&quot;Project&quot;]' var='chf'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:label.name not in data:chf'>
<a class='c-999' expr:data='data:label.name' expr:href='data:label.url' itemprop='item'><span itemprop='name'>
<data:label.name/>
</span>
</a>
</b:if>
</b:loop>
</b:with>
<meta content='2' itemprop='position'/>
</li>
&#8250;
<li class='i-block' itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
<a class='c-999' expr:href='data:post.url' itemprop='item'><span itemprop='name'><data:post.title/></span></a>
<meta content='3' itemprop='position'/>
</li>
</ol>
</div>
Yang perlu di edit adalah :[&quot;Chapter&quot;,&quot;Project&quot;]
Variable tersebut merupakan label yang ingin di sembunyikan.
Balas
#188
https://i.imgur.com/Q1r6ntE.jpg

itu om screenshotnya, coba liat yg saya lingkari hitam di tulisan warna merah,
itukan tampil bagian labelnya kan, itu cara buatnya gimana? yang versi javascript, lagi butuh banget om buat memeper indah tampilan web film, cuman saya tidak pandai di urusan javascript,

bisa kasi source kodenya gak om? hehe
Balas
#189
min, cara buat label input baru gmn min untuk template zeistmanga, soalnya label inputnya sudah penuh, dan masih butuh untuk beberapa input lagi hehe, kalo bisa kasih tutornya min gmn cara bikin script label input baru
Balas
#190
Oh label di javasript.
Saya engk jago javascript, masih newbee.
Tambahkan variable dulu, letaknya setelah tanda ;
var label = json.feed.category[i].term;
berikutnya, pemanggil, yg ini biasanya ditulis dalam document write:document.write(date);Ini saya yg saya tau, saya test labelnya muncul, tapi belum tentu berhasil di pasang di script lain.
Ket:
var label bisa diganti dengan singkatan var l maka document writenya document.write(l);Saya noob banget menulis code javascript, engk bisa jelasin lebih detail dari ini.
Balas
#191
Apakah var='Demographic' sudah dipakai? Kalau belum isi itu dulu sampai 39 label. Kalau masih kurang ambil var='Content'. Selanjutnya ganti<b:if cond='data:label.name in data:Genre or data:label.name in data:Genre2 or data:label.name in data:Demographic'>Dengan<b:if cond='data:label.name in data:Genre or data:label.name in data:Genre2 or data:label.name in data:Demographic or data:label.name in data:Content'>
Balas
#201
Mungkin sudah maksimal, tapi entahlan karna sudah lama, saya juga lupa.
tambahkan var='Genre3'.
Caranya menambahkan variable baru.
Copy ini:<b:with value='["New Label","New Label2"]' var='Genre3'>
Paste di bawah:var='Genre2'>
Penting ! Tutup codenya, copy ini:</b:with>Paste di atas:<footer class='bc-22'>Terakhir ganti:<b:if cond='data:label.name in data:Genre or data:label.name in data:Genre2 or data:label.name in data:Demographic or data:label.name in data:Content'>Dengan:<b:if cond='data:label.name in data:Genre or data:label.name in data:Genre2 or data:label.name in data:Demographic or data:label.name in data:Content or data:label.name in data:Genre3'>
Balas
401 – 600 of 2146

Forum rules
You can use English or Indonesian


image quote pre code
Share: