Cara desain template blogger dengan Tailwind CSS - Anix Clone New
Ini adalah tutorial membuat template blogger dengan Tailwind CSS. Tutorial bukan untuk pemula, tapi untuk developer tingkat menengah atau atas. Tutori…
- Threads
- 1
- Words
- 612
Popular Forum
- Replies:
- 2815
- Words:
- 6196
- Replies:
- 988
- Words:
- 5352
- Replies:
- 421
- Words:
- 3639
- Replies:
- 46
- Words:
- 6562
- Replies:
- 1129
- Words:
- 8383
Tanya Jawab
#ads
related post km aneh ya,
related post yg normal kan bisa lebih dari satu label.
mungkin solusinya km ganti aja, related post igniel bagus
https://www.igniel.com/2018/11/related-post-thumbnail-grid.html
Min, jasa kloning kira² bisa gk, ya?
Kalau bisa saya berani bayar sekitar 100k-150k.
untuk kloning ini web >> https://asurascans.com
ke template blogger. Terima Kasih!!
ini aslinya min >> https://mangastream.themesia.com/
Orderan sudah sy tutup. Tidak menerima orderan lagi.
Bisa sih desainnya di replika, cuman susah untuk menampilkan individual chapter seperti di halaman depan.
Sampai sekarang masih memikirkan solusinya. Nanti kalau solusnya ketemu lanjut bikin tema manga lagi.
Kalau ada ide bolehlah bagi2 sama gue.
https://1.bp.blogspot.com/-bH9xwR2niGU/X8EYPA5C-KI/AAAAAAAAGX4/HFzfVptCe24zHPWFi0rRdSogqiTUXxZQACLcBGAsYHQ/s414/Asura%2BScans%2B-%2BRead%2BManga.png
Hmm, saya aja belum nemu solusi nampilin tag pertama di thumb post halaman depan,,
Apalagi ini !! Nyerah dah,,,,
Tp mungkin bisa gk seperti ini min?,
Kaya kodenya itu sudah menyediakan chapter individual yang ingin di tampilkan tapi chap akan tidak ditampilkan kalau link/halaman chapter nya tidak bisa di akses,,,
jadi kesimpulannya kode(mungkin jscript?, //saya gk paham ngoding) bisa dibuat ngecek link tersebut min, kalo link tersebut bisa di akses: chapter individual (di post thumb halaman depan) akan ditampilkan dan sebaliknya kalau tidak. dan lagi Apa mungkin bisa di buat seperti ini js/kode nya min?
(n: hanya bayangan saya saja :v)
Desain-nya mirip aja juga udah lumayan min,,,
Min! ! Saya ingin beli hosting&domain (nyerah pake blogger :( )
tetapi di halaman ini tertera >> Acceptable Use Policy // contoh: di r*mahweb
Kalau melanggar akan kena suspend min, dan apalagi saya mau buat web fansubs/scans/
langsung keringet dingin ngeliatnya -_-
1. Apa ada saran min?, hosting&domain apa yang gk akan kena suspend/pemberhentian layanan, ,,
untuk situs yang berisikan copyright content.
2. Apa dengan membuat Disclaimer/DMCA notice page bisa mencegah pemberhentian layanan terjadi??
(didalam halaman disclaimer,,, disana menjelaskan bahwa konten pemilik/author bisa di hapus)
Maaf Komentar terlalu panjang dan terlalu cepat!!. :3
dan sudah pasti file hosting (untuk naruh manga/anime) gk didalem hosting&domain yang saya beli.
saya akan taruh diluar, contoh: mangadex/blogger/gdrive/imgur/ penyedia file hosting lainnya.
Kalau mengandalkan bahasa xml blogger masih belum bisa.
Mungkin solusinya seperti katamu tadi, dgn JS,
malangnya sy kurang paham JS.
Kurang paham jg masalah hostingan.
Coba tanya yg sudah punya pengalaman hosting fansub/scan.
Setelah di cari-cari ternyata kebanyakan pada memakai Offshore Hosting untuk konten piracy,warez, dll
(Semoga membantuk untuk yang lain).
Bagaiman menurut Admin? haruskan saya migrasi ke wp/hosting atau tetap di blogger (+ beli domain). https://komik-ganz.blogspot.com/
Terima kasih min!!, Karena sudah selalu membantu selama saya ada disini. "salute" (￣ー￣)ゞ
klo budget banyak ya wp aja, mudah kustomisasi. untuk budget seadanya lebih baik blogger aja tapi pake domain tld
Ya,,,, di satu sisi blogger ngabisin waktu lama untuk kustom, dan di satu sisi hosting+install wp free (sudah banyak yang kantong friendly) tetapi tetep sayang kalo kena suspend dan yang offshore gk kantong friendly,,, hmmm (ﾟヘﾟ)\
Terimakasih sudah memberikan opininya kak!!, sangat membantu.
^ Njir jadi kaya nyampah komen disini, maaf min!! ^
Kalau saya masih cendrung ke Blogger. Dulu pernah ada situs komik pake blogger, templatenya bawaan blogger, tap ramai pengunjungnya. Hanya berfokus pada komik naruto. Yang penting menuruku membangun audience dulu.
Contoh lain si MGKOMIK (fokus manga Manhua) dulu memakai blogger tapi sekarang sudah up ke wordpress. Bangun brand dulu, setelah itu baru update ke wordpress. Selanjutnya bikin facebook fanspage. Ini cuman saran aja.
Engak apa2 nyepam, nanti juga blog ini diupdate ke tampilan forum.
Template forum blogger pastinya karena saya terobsesi berat produk google yang satu ini.
@Dagruel.com
saya tunggu hasilnya, semangat2
@admin ✔️
Sure man, this is still beta version.
There is many thing to be done.
https://app.box.com/s/6tamxz96d65l0v3hhbvg4wtkd56cgh67
@Dagruel.com
Saya suka sama background gambar dan komentar tersembunyi. Cap jempol buat km bisa bikin itu.
Cuman kalau boleh saya kritik di bagian heading. H1 nya terlalu banyak, cukup h1 untuk blog title, h1 untuk judul postingan.
Apa desain finalnya memakai sidebar juga? untuk halaman depan
@admin ✔️
I dont have any intention making torrent theme at this moment. Am sorry to disappoint you.
akan saya kurangi h1 nya, untuk halaman depan saya masih bingung jika diberi sidebar bagus nya diisi dengan apa?
Yang standar seperti popular post dan label genre.
Biar user gampang nyari manga sekaligus meningkatkan traffic.
How to Add recent post by label look like this
https://1.bp.blogspot.com/-4MynnjqQPLA/X8o7zyh5AZI/AAAAAAAAAuU/LdKqa5uZNuI9HjGmDle4RomC4JL8kW7mgCLcBGAsYHQ/s16000/Screenshot%2B%252814%2529.png
(saya yang sebelumnya Dio Bandot)
Sorry min @Wernayasa, balesnya telat!! soalnya baru saja selesai PAS(masih smk saya).
Bener juga sarannya min, terima kasih banyak!! (saya baru saja beli domain komikganz.my.id tinggal garap komiknya saja yang belum :>)
Template forum nya bagus banget min, tapi sayang gk bisa login, hehehe.
Min ganti ini gimana ya? teks "Total Post:" nya,,,
[URL]https://www.komikganz.my.id/p/sitemap.html[/URL]
@Wernayasa
bang untuk tampilan mobile apakah lebih baik fullscreen atau menyisahkan ruang seperti gambar berikut:
https://1drv.ms/u/s!AskiIzZbPwDihUwvRoy3YENeKWtY
@Lord Dio
Script sudah diupdate silahkan check
@Dagruel.com
Sudah, terima kasih banyak. kalo boleh di samping judul ditambah label (rating, dll)
@Wernayasa
Min!! cara membuat teks halaman utama & widget supaya tidak kepanjangan gimana ya?
contoh: (Ini adalah judul komik ---> ini adalah jud....)
@Dagruel.com.
kalau saya sih biarin aja, asalkan masih ada ruang dan enak di lihat.
@Lord Dio
Keknya sudh di batasi dua baris. Jadi tidak perlu khawatir kepanjangan.
bang untuk next prev lebih baik di atas dan di bawah, atau di bawah saja?
https://eastclone.blogspot.com/2020/12/vinland-saga-chapter-3-bahasa-indonesia.html
@Wernayasa
Min, bisa buatkan tutorial untuk memanggil spesifik label seperti rating,,,
untuk dipasang di bagian komik cover :seperti zeistmanga
https://pastebin.com/P6Wg6Lxe
Terima Kasih!!
@ZieYong
b:with bisa nampung dibawah 40 label tapi bisa ditambah dengan b:if contoh:
<b:with value='["Label41","Label42","Label43","dst.."]' var='Genre2'>
<b:with value='["Label1","Label2","Label3","dst..sampai 40 label"]' var='Genre'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:label.name in data:Genre or data:label.name in data:Genre2'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</b:if>
</b:loop>
</b:with>
</b:with>
Untuk menambah genre ke tiga maka buatlah b:with dengan var='Genre3'.
Di bagian b:if nya ditulis:
<b:if cond='data:label.name in data:Genre or data:label.name in data:Genre2 or data:label.name in data:Genre3'>
https://dagruelv1.blogspot.com/2020/12/grabber-my-anime-list.html
dalam tahap pengembangan generate data from myanimelist
@Benny Hermawan
nyaa.si sudah ada yang order, tidak bisa dibagikan ke public.
@Dagruel.com
Nantinya untuk apa itu? Sy kurang ngerti fungsinya.
untuk post info agar tidak manual lagi menulis, jadi hanya perlu menulis id anime dari myanimelist maka muncul otomatis anime info
di cek tool nya sudah 100% Completed
Tool Auto Generate MyAnimeList
apakah bermanfaat?
Wah berhasil. gampang bgt bikin anime info.
Gk nyangka bisa sampai sedetail itu infonya.
Bermanfaat pastinya, coba promosikan di web km.
Mas numpang nanya apa gaya/style postingan milik template zeistmanga bisa di implementasikan ke template anilist pro fansub?
@Wernayasa
"Mau bedah tema orang dulu, keknya latest post bisa di atasi dengan javascript.
Tunggu hasilnya."
Gimana, min. berhasil tidak?
untuk widget latest post yang disamping cover ada chapternya.
https://furiox-bt.blogspot.com/
@Hendrik
Bisa, tapi saya engk berani, bakal lama dan panjang prosesnya.
@Lord Dio
Entah kenapa kalau label Chapter yang di masukkan selalu blank, sedangkan label Action, Adventure, dll normal aja. Dugaaku karena terlalu banyak banyak gambar di label Chapter.
Ini scripnya.
@Wernayasa
Min, error page ini memakasi scss apakah bisa di pasang untuk blogger?
:: dicoba save selalu berakhir error ::
https://codepen.io/ltrademark/pen/xpgprZ
Bisa km tinggal convert ke versi CSS normalnya.
Di pojok kanan atas CSS(scss) klik tanda panah ke bawah > View Compiled CSS
min fungsi dari tag ini apa? apa penting untuk ditempatkan ke dalam template
<b:defaultmarkup>
</b:defaultmarkup>
Fungsinya ada dua:
1. Tempat untuk widget yang sudah dimodifikasi. Misalkan user mau nambahkan widget label, maka widget modifikasi yang bakal muncul, bukan default blogger.
2. Untuk nenempatkan global b:includable seperti javascript, share button, menu juga bisa, dll.
Tidak penting amat sih, dihapus juga bisa.
@Wernayasa
Ok
Btw saya lagi ngerjain template perpusindo meski baru kerangka nya saja.
https://www.anifilz.xyz/
@Dagruel.com
Nice. Nanti saya bikin tema mirip nyaa.
Tema ini km bikin dari awal kan?
bukan modifikasi
@Lord Dio
Tutornya ada disini
Masuk ke Layout > Tambahkan Widget HTML/Javascript. Paste kan :
<script type="text/javascript" src="https://anilist-pro.disqus.com/recent_comments_widget.js?num_items=10&hide_mods=0&hide_avatars=0&avatar_size=32&excerpt_length=100"></script>
Jangan lupa ganti dengan url blog kamu.
Min, bisa buat template untuk fandom seperti ini? Jadi nanti tuh niatnya templatenya untuk subdomain. https://jujutsukaisen.jp
@Dagruel.com gan template perpusindo kalo bisa jgn pake komen disqus tapi komen default blogger aja.
@Lord Dio
Susah ngurus nya. Blog sama FB aja sudah kewalahan, apalagi tambah dicord. wkwkw.
Jujur, blog ini sepi pengunjung kalo discord ada.
Untung ada km dan Dagruel nemenin, jadi gk sepi blog ini. Makasih.
bro tau gak ini masalah nya dimana, bagian Author > Name:
https://1.bp.blogspot.com/-P6r3I2_6ofs/X-6YY9iYNhI/AAAAAAAAHzg/FvwR4At3-fEUR6FLbZBuwIo0aMwXckkewCNcBGAsYHQ/s0/Screenshot%2B%25283%2529.png
Min, punya kode untuk buat daftar list anime seperti ini? Atau ketemu situs yg share kodenya? Jadi bisa liat list berdasarkan label Completed, Ongoing dan Movie
Daftar List Anime Moenime
@Siapa ya?
Bisa, tutornya ada di Arleth.
Cara Membuat Page View Counter
@Siapa ya?
Gunakan code xml ini, paste di dalam judul h3 atau h1, letaknya tergantung tema masing2:
<b:if cond='data:post.labels any (l => l.name == "Updated")'>
<span class='r2 y0x5 cfff fs-0d7' style='background-color: green'>Updated</span></b:if>
Selanjutnya masuk kepostingan lalu tambahkan label:
Updated
@wernayasha blognya udah jadi https://timtamexpo.blogspot.com/ makasih udah bantu" tiap saya tanya ini itu semoga makin rame blog agan.
@Wernayasha kalo cara pasang no di postingan seperti pelacak rilis gimana ya? https://ibb.co/5GBW04x #1, #2, #3
b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'
data:post.numComments
@Tim-Tam
Amin.
@anon
Untuk memasang nomor paste css berikut di atas ]]></b:skin>
body {
counter-reset: section;
}
.cs::before {
content: "" counter(section) "";
}
.cis::before {
counter-increment: section;
}
Nah ini bagian sulitnya, letakkan html berikut di mana? saya tidak tahu.
Pokoknya km cari sendiri letaknya.
<div class="ctr cis cs"></div>
@Wernayasha gan ini kenapa ya tombol sharenya jadi gak keliatan pas dilihat di mode hp
demo : b-tempsa.blogspot.com
@wernayasa sekalian tanya, cara ganti class h3 home page dan postingan class h3 diganti caranya gimana ya?
saya liat blog ini homepagenya H2 dan postingannya H3.
@Admin
keliatan kok tombl sharenya, tapi kecil, coba browser firefox atau chrome.
Bisa di dibedakan dengan b:tag blogger. ini contohnya.
<b:tag cond='data:view.isMultipleItems' name='h3'>
<b:tag cond='data:view.isSingleItem' name='h1'>
<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
<a class='cdae hv' expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:tag>
</b:tag>
Ini akan menampilkan title h3 untuk index dan h1 untuk postingan. Selamat berkreasi.
@wernayasa kalo penggunakan singleitems dan multiitems di class post gimana ya? saya coba pasang di data:post.body yg ngaruh cuman singleitems nya sedangkan multiitems nya gak ngaruh sama sekali
Ini class untuk single item:
<b:class cond='data:view.isSingleItem' name='item-view'/>
Ini untuk multiple item:
<b:class cond='data:view.isMultipleItems' name='feed-view'/>
Cara memakainya pate xml di bawah div. Contoh:
<div>
<b:class cond='data:view.isHomepage' name='foo'/>
</div>
Hasilnya seperti ini:
<div class='foo'>
</div>
@wernayasa kalo ini ngakalinnya gimana min? https://i.ibb.co/6rJdSpy/2121.png
biar si judulnya jadi 2 baris tapi si photonya tetep di posisi yg sama gak ngikut kebawah.
demo : https://b-tempsa.blogspot.com/
@wernayasa gan ini munculin tombol mata dan pensil di body layout gimana ya? https://ibb.co/zRkL9z9 (itu dari theme lucidlime)
saya kan bikin kerangkanya dari awal bukan nyomot dari theme default blogger, jadi tombol mata dan pensilnya gak ada.
Coba ganti meta html dulu. ganti dengan ini:
<html b:css='false' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' 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'>
@wernayasa gan ini pas saya pake meta html yg baru sharebuttonnya jadi mati ya? mau saya hapus codenya juga gak nemu apa ada solusi lain gan?
demo : https://a---admin.blogspot.com/
@Admin
beda versi gan, berarti tidak cocok untuk temamu.
saya menduga tema agan dibuat dengan versi lama.
kalau mau gunakan tema dasar saya
Download
@wernyasa nyerah saya sama b:defaultwidgetversion='2' ..... bener" mati saya gak bisa ngapa"in wkwkw bikin auto readmore aja susah bener. mending balik lagi ke versi awal.
bingung di b:includable pada pindah posisi. dan fungsinya juga pada berubah, harus belajar lagi dari awal ini kayaknya wkwkw.
@Admin
iya, susah kalo belajar lagi, mending teruskan apa yg km bisa.
saya beruntung langsung belajar widget versi 2,
klau di sodorin versi 1 bisa puyeng saya, wkwk
@wernayasa gan ini biar fullscreen gimana ya? https://i.ibb.co/smbTNKq/3131.png padahal body maupun outer tidak pake padding ataupun margin. tapi tetep gak full screen.
demo : a---admin.blogspot.com
Saudaraku, bagaimana saya bisa menampilkan nomor bab terakhir di halaman utama (misalnya di manga One Piece saya ingin menunjukkan kepada saya bab terakhir yang dirilis dari manga, dan bagaimana melakukannya) seperti apa yang Anda lakukan di template Anda di manga Solo Leveling dan meletakkan bab terakhir di bawah nama manga
@Wernayasaha gan cara bikin judul postingan ada di atas post dan sidebar gimana ya?
contoh : templateify.com/2021/01/colorify-blogger-template.html
@Siapa ya?
sebenarnya tidak sulit, bisa km otak atik di dalam widget Blog1.
gw tidak sempat bikin tutornya, lagi sibuk bikin tema baru.
itu temanya bagus betul, patut di contoh.
@Wernayasha sulit banget nemu tempat buat nyimpen h1 classnya dari kemaren gak bisa. niatnya mau edit template https://freebify-templateify.blogspot.com/ biar judulnya di atas gitu. apakah harus di blog1 gan? kalo pasang widget class h1 nya di atas content-wrapper bisa gak?
@marwan saeed
what code?
parse your code here before posting comment
Parser Code
@Wernayasaha atau siapa aja, ada yg tau gak cara buka PDF di web kayak gini
repository( . )usu.ac.id/bitstream/handle/123456789/43056/Chapter%20II.pdf;sequence=4
mau tanya pak, cara nerapin slider owl-cacousel ke popular post gimana yak?
demo https://bt-kiryuu-manga.blogspot.com/
w cuma mau nambahin next prev nya doang, tapi gk tau cara nerapinnya (gapaham js), ada sih tutornya di dagruel, tapi itu harus ngubah isi popular post, la w maunya tanpa ngubah isi popular post, cuma nambahin tombol next prev doang
@ZieYong sudah 75% gan, tapi pengerjaan nyankut di responsive.
@Orang Asing
tidak tau,
@Kang Nolep
Sama gan, saya juga tidak paham memasang slider.
saya sih lebih suka murni css, ada tutornya di youtube cuman belum ku pelajari.
sempet nyoba yg pake CSS, ikut tutor di w3school, tapi malah ada fade nya + kurang paham konsep key-frame
min mau tanya dong cara bikin page list jadi responsive gimana ya? maksudnya kalo mode hp menunya jadi garis 3.
demo bloghimitsu.com, saya udah cari gak ketemu", pake page list biar gak harus masuk HTML kalo mau edit menu.
@wernayasa gan yg menu gak usah udah bisa. mau tanya ini aja deh cara mengatur max-result tanpa mengubah jumlah postingan di homepage gimana ya?
demo : bloghimitsu.com/search?updated-max=2021-03-01T21:16:00-08:00&max-results=12
maunya jumlah postingan max-result lebih banyak dari jumlah postingan homepage.
@Himitsu
tambahkan css berikut
#sitemap5 .isi ol {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr) );
align-items: center;
}
@siapa ya?
nanti saya liat codenya dan share disini
@Tim-Tam
nah itu saya belum ketemu solusinya,
pas di cek code xml blogger, gk ada tag data: untk jumlah post
tema Bloghimitsu buatan kamu sendiri?
@wernayasha iya bikin sendiri tapi versi lama yg baru gak ngerti sama strukturnya.
pake template orang malah bingung sendiri editnya wkwkw.
tadi pas masuk web blog himitsu kenceng gak gan loadingnya? saya banyak css gak guna takutnya jadi lag.
@wernayasa kalo postingan pake -noscript- contoh -noscript- buat ngilangin first image bakal ngaruh gak ya nantinya? takutnya susah ke index atau gambar blog kita gak ada di google image,
saya pake script tapi loadingnya lelet gambar defaultnya masih keliatan 5-6 detik. kalo pake -noscript- lancar gambar defaultnya gak ke load sama sekali.
demo https://i.ibb.co/v3f4q8B/wqwqwq.png
atau agan ada script buat ngilain first image?
aman, gambarmu tetap muncul di google image
cek aja sendiri
belum sempat nyoba script ngilangin first image
tapi ku dengar lebih bagus dari display none
@wernayasa bisa gak ya fiture hide/show komentar yg di sembunyiin konten komennya aja? kotak komentarnya tetep di luar.
@wernayasa cara bikin nama komentar author di bawah photo gimana gan kayak blog ini saya udah coba otak atik susah T_T hasilnya masih seadanya. Demo : bloghimitsu.com/2020/08/manga-gacha-wo-mawashite-nakama-wo.html
coba cek commentPicker, apakah masih memakai threadedComments?
soalnya susah di modifkasi threadedComments.
blog ini memakai name='comments' kelemahannya tidak ada tombol reply
<b:includable id='commentPicker' var='post'>
<b:include data='post' name='comments'/>
</b:includable>
cara mengubah threadedComments menjadi comments:
masuk ke Pengaturan > Lokasi Komentar > Halaman Penuh > Simpan
[image src="https://1.bp.blogspot.com/-BUBzbCVVFvQ/YHFRTDyegJI/AAAAAAAAGwg/7laP3LThz8QoWz3F0RGz8WCpjo98_sRLwCLcBGAsYHQ/s1366/Screenshot_2021-04-09%2BBlogger%2BSetelan.png"/]
@Unknown
sudah ada yg bikin
Download disini
Gak terstruktur, gimana ya bilangnya, punya jellysekai mungkin sudah diedit ulang dan scriptnya rapi, tapi makasih lah, nanti coba edit sendiri
@wernayasa gan ini kapa ya photo profile komentar jadi blur? padahal resolusi gambar gede.
sama ini gan untuk photo profile komentar bisa dibikin random gak kayak komentar wordpress?
@Unknown
Wkwkwk, kami rombak ulang template nya, fix bug sendiri, dan lain sebagai nya, tapi base nya ambil dari situ kok, jadi kalo mau ya edit aja sampai sesuai keinginan agan gimana
masih pake id='threadedComments' ? atau sudah pindah ke id='comments'?
kalau sudah pindah tinggal tingkatkan resolusinya. caranya cari
<b:includable id='commentAuthorAvatar'>
ganti isi b:includable dengan
<div class='g343 p-10 tac sm-flex'>
<img class='mb-7 r7 h-73 w-73 anon' expr:alt='data:comment.author' expr:src='resizeImage(data:comment.authorAvatarSrc, 73, "1:1")' expr:title='data:comment.author'/>
<div class='ml-10 tal badge' expr:data='data:comment.authorUrl'>
<b:class cond='data:post.author.name == data:comment.author' name='auth'/>
<a class='cbdb hv' expr:href='data:comment.authorUrl'><b:class cond='data:post.author.name == data:comment.author' name='auth'/><data:comment.author/></a>
<b:if cond='data:post.author.name == data:comment.author'>
<div class='mt-7'><span class='arc'/><span class='arc2'/></div>
<div class='fs-0d9 mod'/>
<b:else/>
<div class='mt-7'><span class='arc'/><span class='arc2'/></div>
<div class='fs-0d9 user'/>
</b:if>
</div>
</div>
@wernasaya gan tau cara bikin sitemap short by label kayak gini gak? https://www.klikmania.net/wp-content/uploads/2016/03/demo-daftar-isi-blog-418x420.png
ini dulu dapet di arlinadesign sekarang dah ilang...
@Himitsu
tutornya ada disini
Cara Membuat Template Blogger: ZeistManga Part 10 - Popular Post
body#layout #blog1{background-color: yellow}penjelasan lengkapnya ada di DTE
@wernayasa
min kalo boleh tau, cara mengubah title dan deskripsi blog di template BakaDame punya mimin gmn ya?
https://1.bp.blogspot.com/-kltVm8Z8pIY/YIG4wSJEoyI/AAAAAAAAA30/Bqom00CQyGI6DeGo00S1TMOsllw5bKXggCLcBGAsYHQ/s434/%257B69398211-36BA-46C6-9CC0-A3DC630BADE0%257D.png.jpg
@GinRaise
ho ho, ternyata km jeli.
itu belum sempurnya, perlu di edit lagi.
akan saya perbaiki di updatan berikutnya.
kalo km mau edit sendiri, codenya ada di bawah:
<head>
@wernasaya cara bikin recent post berdasarkan label kaya animag gimana ya? jadi tinggal masukin "nama label" ke widget tanpa harus pake script.
@Banana
ane kurang paham tema seperti ini. intinya tema ini memakai pre formated post ( ada dalam file zip),
pas di coba hasilnya tidak sama seperti gambar, jdi bingung salahnya dimana.
maaf gk bisa bantu.
@Himitsu
nah ini juga saya belum ngerti, tidak ada contoh atau tutornya di internet.
Oh ya, makasih infonya tentang animag, sekarang temanya bisa gw pelajari.
@Himitsu
Tema yg kmu mksdkn klo gk slah sma ke tema ni > https://moviekhor-templatemark.blogspot.com/ kyknya dia pke nma label doang bkn pke javascript..
@wernayasa cara pasang avatar di komen anonim gimana ya? template saya kalo ada yg komen pake anonim gak ada avatar defaultnya.... jadi cuman nama doang.
@Siapaya ya?
coba css ini:
#comments .avatar-image-container img {
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
background-color: #f4f5f8;
border-radius: 99em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23bdbdbd' d='M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z' /%3E%3C/svg%3E");
}
@wernayasa fix gambar biar responsive gimana? gambarnya jadi keluar garis.
demo : bloghimitsu.com/p/how-to-read.html
@Tim-Tam
wah ternyata gambarmu tidak memakai class separator, makanya gk berfungsi. coba css ini:.post-body-halaman img {
max-width: 100%;
height: auto;
}
@Wernayasa
min request bikin templatenya https://hikarinoakari.com/
lumayan buat website music. kalo admin tidak keberatan
gan mau nanya gimana ya cara nampilin info label tapi yang first label saat di widget recent post by label pada umumnya.Jadi label yang muncul bukan dari terakhir atau random tapi yang paling pertama, sementara postnya tetep ngikutin label yg kita mau
@saudikapppp
tidak, saya kurang minat dengan desainnya.
sebenarya km sendiri bisa kok bikinnya, gampang lho bikin tema blogger.
sayaratnya pake laptop, kalo di HP agak susah.
@ssurtiuss
Agak susah sih, apalagi pengetahuan JS gue pas2-an.
Seingatku belum ketemu "recent post by label" yg ada labelnya.
Perlu digali lagi fitur ini. Nanti kalo ada waktu senggang saya coba berexperiment.
@wernayasa javascript gak jalan di chrome mobile kenapa? blog saya cuman di chrome aja yg error di browser lain normal.
@AnarialFX
saran km saya tolak, maaf ya.
kalau mau belajar cloning template blogger ayo ikuti tutor bisu di chanel gw.
caranya gampang, hanya butuh firefox dan tema dasar.
Memang beda tema, tapi bisa km sesuikan sendiri.
Baru part 1, jadi bisa terkejar.
Part 1
@wernayasa udah di benerin kemaren.
jadi kemaren javascriptnya gak jalan, tab view dan effek lain jadi gak jalan di chrome.
@wernayasa kalo seumpa projek yg sekarang udah beres satu" dan nanti mau nambah web clone, kalo bisa saya request Mangadex.
@Wernayasa
min bikinin theme kayak https://dramaindo.cn/
bagus min soalnya salah satunya bagian slidernya sama scale hover thumbnail.
cocok buat yang pengen buat website movie dll
*btw gw tau website ini dari sebuah web
https://arlethdesign.blogspot.com/
@Unknown
ini template safelink terbaik menurutku
Nihlink Safelink Blogger Template
@wernasaya cara bikin ini gimana? jadi marginnya cuman ngaruh di dalam aja.
https://i.ibb.co/cTPhQYn/1111.png
kalo tema saya pake margin di css post margin luarnya juga ikut kena.
https://i.ibb.co/GVPTdkP/2222.png
demo : bloghimitsu.com
@Tim-Tam
itu fitur dari grid-gap atau disingkat gap,
sayarat untuk memakainya harus ada display: grid atau display: flex di container.
backup dulu temamu. coba berexperiment,
copy dan paste css berikut ke dalam templatemu:
.date-posts {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fill,minmax(150px,auto));
}
.post-luar {
background: #2b2f33;
display: block;
float: left;
height: 215px;
max-height: 100%;
overflow: hidden;
position: relative;
transition: all .3s ease-in-out;
}
hapus css ini:
.post-luar{width:calc(100% / 5)}
.post-luar{width:calc(100% / 4)}
.post-luar{height: 115px;width:100%}
@Tim-Tam
Script Movie
Batch
@wernayasa ini kenapa ya?
https://i.ibb.co/rkNVv88/wqwq.png
mau dibikin 6 post berjajar. tapi baris pertama tidak berubah tetap 5 baris.
udah coba dirubah ukurannya tetep gak ngaruh.
@Tim-Tam
itu yang gue heran kenapa post atas dan bawah beda container.
seharusnya ada 1 kontainer saja untuk grid
solusinya bikin 1 kontainer.
Screenshot masalah
201 – 400 of 1920
Post a Comment
Subscribe to:
Posts (Atom)