HexForum - Adalah template forum blogger. Template ini merupakan generasi penerus template forum sebelumnya. Dari segi fitur dan tampilan, ini tema terbaik yg pernah kami buat.
Template ini dibagun dengan Custom Utility CSS. Berkat komponen yang modular, siapa saja termasuk yg tidak berpengalaman dapat dengan mudah mengatur template ini. Jika ingin lebih tahu tentang template ini, teruskan membaca.
Jika kalian berniat membangun komunitas tapi terhalang dana, mungkin tema ini cocok buat kalian. Tema unik ini dapat kalian gunakan untuk marketplace, diskusi, atau sharing tutorial
Fitur kunci template HexForum
- Threaded Comment
- User Badges
- Lebar Fluid
- Postingan Khusus
- Search Filter
Cara memakai template blogger forum yang benar
Caranya adalah dengan menginvite user menjadi author. Forum adalah konten yang dibuat pengguna makanya kamu perlu user membuat postingan sendiri, baik itu berupa pertannyaan, tutorial, berbagi tips dan trik, dan lain sebagainya.
Katagorikan post berdasarkan label, contoh label berupa:
- Pengumuman
- Perkenalan
- Diskusi Umum
- Request
- Pertanyaan
- dll...
Tugas moderator adalah memonitor postingan user untuk menjaga ketertiban diskusi. Oleh karena itu forum wajib memili halaman Ketentuan dan Aturan. Kalau belum ada sebaiknya buat dahulu (saya belum bikin).
Konfigurasi tema
Dokumentasi singkat tentang konfigurasi tema
- Thread: https://1024terabox.com/s/1VaDdepre9VA40spM0tIn3g
- Thread with subforum: https://1024terabox.com/s/1UMxWzYSMY2rN8BiW3gKqYg
Enclosure
Enclosure adalah cara melampirkan file di blogger. Tapi fungsi ini kita ubah menjadi cara melampirkan pembayaran atau link khusus dan lain sebagainya.
Contoh Enclosure seperti tombol pembayaran Ko-Fi, Paypal di sebelah kanan, datalist versi di atas post, tombol Download di judul, dan FAQ di halaman.
Mungkin banyak orang tidak peduli fungsi ini, tapi untuk saya pribadi, fitur untuk melacak versi update sangat-sangat berguna.
Cara Menggunakan Enclosure
Begini langkah-langkah menggunakannya [img]
- Post
- Pilih Link di sidebar kanan
- Link Lampiran:
- Tambahkan Link: isi dengan URL
- Tambahkan jenis mime: isi dengan jenis mime, lihat pejelasan di bawah
- Tambahkan link lampiran lainnya: menambahkan enclosure baru
- Simpan
Jenis Mime
- Copy salah satu jenis mime berikut:
- forum/discussion
payment/paypal
payment/ko-fi
custom/user
- Output:
-
Join the discussion
Paypal
Ko-Fi
More Information
BB Code
Wdiget/h2>
Featured post
Badges
Salah satu keunikan tema ini adalah badges. Badges itu berupa tulisan warna warni di samping judul. Fungsinya sebagai indikator postingan
Cara menampilkan badges sangat gampang, cukup dengan input label di postingan.
- Contoh label:
- Selling
Add-on
Style
Request
Badge Biru
- Output:
-
Selling
Add-on
Style
Request
Biru
Badge biru
belum ditentukan, bisa di binding dengan label apa saja.
https://www.youtube.com/embed/Q3PGMFTK5uM
Credit
- www.saifullah.id: Widget Recent Comment
Version | Release date | Downloads | Perubahan |
---|---|---|---|
v1.3.5 | Unavailable | 6 Changes | |
v1.2 | Unavailable | 4 Changes | |
v1.1 | Unavailable | 3 Changes | |
v1.0 | Unavailable | Init Release |
* Wajib update ke versi ini karena banyak perbaikan dan penambahkan fitur
- Menambahkan progress bar (fungsinya mengetahu minat user terhadap suatu topik)
- Styling widget archive
- Styling widget label
- Menambahkan Table Of Content
- Menambahkan Advanced Search
- Redesign search query index: contoh
- Styling 3 pagination, Default, Numeric, Load More
- Meningkatakn score PageSpeed Insights dan GTmetrix
- Menghapus
jQuery
untuk meningkatkan speed - Menghapus
<b:template-script async='true' name='indie' version='1.0.0'/>
untuk meningkatkan speed - Redesign popular post homepage
- Global share widget
- Popular post tab homepage
- Styling sidebar global widget
- Styling widget Search
- Styling widget Contact
- Membatasi judul index overflow menjadi 2 baris
- Deklarasi
commentPicker
fallback diubah menjadithreadedComments
- Perbaikan numeric pagination
- Komentar review di post
Resource
- Penambahan tab Version dan Changelog
- Convert CSS bisa menjadi Utility CSS
- Parser tools di komentar: sudah di modifikasi tidak sama dengan yang beredar di internet
- Menghapus garis sebelah kiri di komentar terakhir
- Modifikasi notifikasi cookies: Preview link
- Script halaman tools: CSS Minified, HTML Parser, dan SVG Encoder
- Format post untuk tab Version dan Changelog
- documentation.html
- HexForum_Blueprint.pdf
The new widget with id "Profile2" is invalid, as the limit for the widgets of type Profile has been exceeded.
PayPal agak mahal, soalnya ada fee tranfer.
Di Trakteer hampir semua metode pembayaran ada.
Atau topup OVO, Gopay, DANA dll. Trakteer juga bisa menerimanya.
Coba tekan next ada opsi lain yg mungkin km bisa.
kalo beda country, baru harus pilih metode pembayaran jasa/jual beli (metode antar teman tidak tersedia untuk saldo paypal, hanya tersedia via visa), fee nya sekitar berapa % gitu
BTW fitur Reply komen nya udh gak ada ya pak? :)
Ato telegramnya
iya, sesama teman gratis.
aku suka trakteer, ada pilihan kartu kredit juga. PayPal ok juga, biarpun ada fee-nya.
rencananya memang gk ada tombol reply, karna sifatnya review produk,
nyesel juga, seharusnya pake yg ada tombol reply-nya.
ntar di remake ulang (kalau sempat)
gk punya akun WA atau Telegram.
tapi Messanger ada:
m.me/emissionsubs
Contoh: <b:widget id='BlogArchive2' cond='data:view.isSearch'
Contact me on FB
or email me @ wernayasa at gmail dot com
Need fast
Sudah di konfirm, cek inboxmu.
Thanks @Wernayasa menyediakan Forum terbaik dari tema2 lainnya .
Note : maaf apabila forumnya diutak-atik yaaa 🙏🏻😊
Makasih atas review positifnya.
Awalnya ingin kudesain seperti kumatheme, tapi gk jadi. Aku bedain sedikit biar tampil beda.
Ini bukan mokup photoshop/sejenisnya. Karna laptopku low spec, gk bisa install aplikasi berat.
Untuk memakainya, minimal sudah menguasai HTML CSS agar bisa mengedit mockup ini.
Cara pemakaian:1. Ganti src="File:// dengan lokasi gambar di pc kamu.
2. tekan tombol f11.
3. Klik kanan Take Screenshot (Firefox only).
Download: MockupCover.zip
Mockup Kumatheme itu dibuat dengan aplikasi apa ya?
PC ku juga low spec, tapi ttp kupaksain install satu software editor (photoshop) buat edit2 mockup
Untuk ambil SS nya pake Snipping Tool, software bawaan windows
Bang Saran aja sih : Go To download nya pasang gini . jd biar download tema bisa pake tombol go to download
<b:loop values='data:post.enclosures' var='enclosure'>
<b:if cond='data:enclosure.url in {"https://join.blog","https://dl.blog"}'>
<a expr:href='data:enclosure.mimeType' rel='nofollow' target='_blank'><div class='bg-grad px-15 flex aic r4 lh-35 t-15 sha0415' style='color: #fff;'><svg aria-hidden='true' class='vab mr-5 cff' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M13 3l3.293 3.293l-7 7l1.414 1.414l7-7L21 11V3z' fill='currentColor'/><path d='M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z' fill='currentColor'/></svg><span>Go to download</span></div>
</a>
</b:if>
</b:loop>
ada demo hasilnya seperti apa?
gk behasil, kupasang di bawah data:post.body.
Ada yang paham JS?
Apa bisa recent comment ini di ubah menjadi getElementById biar loadingnya lebih cepat.
Share hasilnya kalau ada yg bisa,
makasih.
Kolom pertama:
https://dl.blog
Kolom kedua:
Link url yg dituju
Kolom pertama:
https://dl.blog
Kolom kedua:
Link url yg dituju
Asli keren fitur ini.
Waduh, selama lama ini aku gk tau.
Apa developer lain sudah lama tau fitur ini?
Banyak ide2 baru yg muncul di kepalaku,
salah satu idenya yaitu tombol download di template manga.
Apa ini bisa muncul di hompage juga? mudah2-an bisa.
Note: Harus di aktifkan dulu baru muncul.
Pengatuan > Feed situs > Judul dan link lampiran
Oh iyaa buat forum saya udah modified bookmark jd seperti post dihomepage . Abang bisa check dihomepage forum saya . Masuk ke post klik mark sbelah arrow down
Yup betul banget bang untuk setting bloop tersebut
Linknya bisa di insert lewat pengaturan di samping post.
Sibuk bikin temanya sendiri.
Banyak request masuk, makanya dia berhenti membalas komen agar bisa fokus ke pryoyeknya sendiri.
Jangan ganggu dia untuk sementara ini.
Related post only for Resource.
Sangat menginspirasi.
Contoh tanggal post dan update, menggunakan jam, ini masuk akal.
Tombol dengan border radius 50px bisa jadi bahan refensi. Ini bagus dibandingkan dengan tombol default tema ini.
Note sebaiknya jangan strech ke samping dan paddingnya di perkecil:i[rel="note"] {
margin-left: 0;
margin-right: 0;
padding: 10px 10px 10px 50px;
}
Tombol see more profile itu kurang banyak infonya.
Misalkan tanggal join blogger, jumlah total comment/thread.
Sayangnya, aku belum ketemu cara menambah extra info profile.
Siaap bang wa pasang note nya besok bang ...
Sempet tuh saya utak atik untuk total commentnya cuman gak work bang alias gak tampil .
Ntr deh klo ada update gede2an untuk hexforum wa sumbang beberapa script dan profile section nyaa .tinggal tunggu kapan mu update gede2an aja dr abang
Welcome
Siap update gede2an? 🤣 wa mau sumbang banyak nieh ..
Check postingan yg bukan resource ato sub forum aja test nya bang
Aku bukan mengeluh ya, apa bisa dibuat dua tombol, satu reply dan satulnya quote Screenshot
Cek postinganmu, sudah kutest.
Aku dapat banyak inspirasi dari editan forummu. Untuk sementara belum sempat ku update.
Banyak fitur xenforo yg belum ku porting ke blogger, contohnya media.
Maksudku apa bisa di tambahkan tombol quote di samping reply.
Wa masih di hp bang ntr low di laptop wa send xml nya ..
@Yukine: makasih bang 🙏🏻
Gpp, thank ya, sudah mau share codenya.
Aku akan merilis pagination komentar dengan nomor.
Tidak segera, ada beberapa hal yg berlu di benahi.
Next ntr pas dilaptop .
@yukine: ada bang biasanya wa pke yg dari kangismet klo gak salah
https://forum.catatandroid.com
Aku cari dulu punca masalahnya
siap thanks bg.
You can buy my theme via PayPal.
Installation is easy like other theme.
https://www.paypal.com/paypalme/wernayasa
Correct.
Give me your email address.
check your email
but you can ask me via email.
I can't reply to your message right now because I have other thing to do.
See you later and thank you.
tidak ada, apakah dompet digitalmu ada, sepeti Dana.
atau transfer dari bri ke Dana gw.
Kontak gw lewat email untuk detail lebih lanjut.
wernayasa@gmail.com
Belum selesai, ngerjakan tema novel dulu.
Ada bagian tema HexForum yg belum dapat solusinya.
Kamu masih aktif blogging/forum?
$8
https://ko-fi.com/wernayasa
I will send the file to your email.
https://ko-fi.com/s/5142bce0c0
Banyak yg perlu di rombak, kayak komentar resource.
Nambah related post dll.
Btw tau template HexForum dari awal mula blogwalking cari referensi app point of sale (POS) tiba2 nyasar kesini hahaha
Gw main blogger pas transisi ke blogger draft.
Sebelumnya pernah juga main blogger cuman lupa UI nya bagaimana.
You can buy it here: https://ko-fi.com/s/5142bce0c0
https://youtu.be/ABNsnHrjgNk
You can ask me here.
https://drive.google.com/file/d/13Vd5BULxQPaTf4zaBFrJBT-1pYmlLxRp/view?usp=sharing
It's already there.
Go to post > Post Settings > Enclosure Link
[Screenshot]
If you cant find it, go to Settings then enable Enclosure.
[Screenshot]
No, its take a lot of effort to change it to white.
https://im.ge/i/Pj6k3T
I want to put a different icon on each forum
Other useful tutorial:
https://youtu.be/V5YQQ9pmM-8
https://youtu.be/ABNsnHrjgNk
https://im.ge/i/P3P0JK
add your custom label inside array (main thread): https://youtu.be/D7LG86DEjhk?t=454
add custom label inside array for subforum: https://youtu.be/D7LG86DEjhk?t=494
add subforum label to your post: https://youtu.be/D7LG86DEjhk?t=545
https://im.ge/i/image.tzfCCJ
I used 3 but only shows 2. and thanks for the last video.
https://im.ge/i/tHCbHx
Find: <b:includable id='titleLabel'>
Paste new condition bellow it: <b:if cond='data:post.labels any (l => l.name == "YourLabel")'>
<span class='labels label--red' dir='auto'>YourLabel</span>
</b:if> Change YourLabel to your label.
User profiles for posts and comments in a different color, add this css above /b:skin: article[data] .username-admin {
color: yellow;
}
article[data] .adminBanner::after {
content: "Poster";
background: yellow;
border: 2px solid black;
color: black
} Change the color or content to your liking.
About the tags, I know how to customize and change colors, I saw that in a video you sent me. It's just that a maximum of 2 tags appear on the search page, and I wanted to know how to make appear 3. But I think 2 is enough.
https://im.ge/i/tpobwq
And with the other, I don't want to change the color of the yellow administrator label, I want to change the background color on the left side, so that it differs from the background color of the post on the right side. As you show in the previous version of this template, in your video. Help me with that.
https://im.ge/i/tpTKzF
Ahh... background, I understood instantly.
Find 3 of this codes: p-15 ca1 md-gtc-f Replace with: p-15 ca1 md-gtc-f b3b Find one by one.
https://im.ge/i/tBshzF
my blog will use many images, so i will need back "lightbox" for images, like this:
https://im.ge/i/tBawKL
is there a way to get it back the lightbox in my blog?
I also like the lightbox, but I can't bring it back.
Maybe there's a piece of code missing, I don't know.
[Screenshot]
https://drive.google.com/file/d/1VZrt8OhhdWTXDUSu3qonUqwG-XGyCzTJ/view?usp=sharing
I want to make a channel with High Tech content and I want to use your theme. I would be happy to advertise you or a company you own in the personal advertising area. I would be very happy if you can send your theme for free.
my contact: yeteg.blog@gmail.com
$9
https://ko-fi.com/wernayasa
Copy this format: <table class="dataList-table" id="datalist">
<tbody>
<tr class="dataList-row dataList-row--header">
<th class="dataList-cell">Version</th>
<th class="dataList-cell">Release date</th>
<th class="dataList-cell">Downloads</th>
<th class="dataList-cell">Perubahan</th>
</tr>
<tr class="dataList-row">
<td class="dataList-cell">v1.3.5</td>
<td class="dataList-cell">
<time>Apr 30, 2022</time>
</td>
<td class="dataList-cell">
Unavailable
</td>
<td class="dataList-cell">
6 Changes
</td>
</tr>
<tr class="dataList-row">
<td class="dataList-cell">v1.2</td>
<td class="dataList-cell">
<time>Lupa</time>
</td>
<td class="dataList-cell">
Unavailable
</td>
<td class="dataList-cell">
4 Changes
</td>
</tr>
<tr class="dataList-row">
<td class="dataList-cell">v1.1</td>
<td class="dataList-cell">
<time>Lupa</time>
</td>
<td class="dataList-cell">
Unavailable
</td>
<td class="dataList-cell">
3 Changes
</td>
</tr>
<tr class="dataList-row">
<td class="dataList-cell">v1.0</td>
<td class="dataList-cell">
<time>Lupa</time>
</td>
<td class="dataList-cell">
Unavailable
</td>
<td class="dataList-cell">
Init Release
</td>
</tr>
</tbody>
</table> I haven't had the chance to update this theme yet. Right now, I'm busy working on another theme.
If you need anything, feel free to comment here.
what is demo content?
do you mean my forum post?
My post contain thousandth user comments, it very valuable to me.
Buat akun github, kirim linknya ke komentar.
Tunggu invitasi dariku.
https://ko-fi.com/wernayasa
https://wernayasa.gumroad.com/l/hexforum Try Gumroad if your can't use PayPal.
Imagine that I want to create a category from scratch, I know you have a video that explains it, but I would like you to help me with the code please.
For example, I need you to help me with the code for all this:
I would like code and css for the section title in this case "Web Design", code for the background image separately if I decide to change the background image only in this section and the background color also only in this section.
Code for the forum title, please help me with the icon, 1 code that allows me to use the FontAwesome icons and another code that is not from Font Awesome, instead of that maybe I can put the url of a png image as an icon would be better.
Help me with the code for the subforum titles and the subforum icons. I could use Fontawesome for these but change the icon for each subforum.
I like that this "Threads and Rank" is still there, and also that the code you can give me includes the forum description text.
I know I'm asking a lot, but if you can help me with this, I can really start making all the categories for my forum.
I was making my forum on another website and I would like it to look like this:
https://imgur.com/a/xQnI6Mt
Thanks for creating this template.
I need help with this thing that won't let me continue with my blog. until I wait for the next update xD.
Imagine that I want to create a category from scratch, I know you have a video that explains it, but I would like you to help me with the code please.
For example, I need you to help me with the code for all this:
https://imgur.com/a/uaOJzqO
I would like code and css for the section title in this case "Web Design", code for the background image separately if I decide to change the background image only in this section and the background color also only in this section.
Code for the forum title, please help me with the icon, 1 code that allows me to use the FontAwesome icons and another code that is not from Font Awesome, instead of that maybe I can put the url of a png image as an icon would be better.
Help me with the code for the subforum titles and the subforum icons. I could use Fontawesome for these but change the icon for each subforum.
I like that this "Threads and Rank" is still there, and also that the code you can give me includes the forum description text.
I know I'm asking a lot, but if you can help me with this, I can really start making all the categories for my forum.
I was making my forum on another website and I would like it to look like this:
https://imgur.com/a/xQnI6Mt
Thanks for creating this template.
wernayasa@gmail.com
https://youtu.be/n5yd01bkPKI
I will record the tutorial tomorrow.
I recorded a tutorial for you.
Creating thread: https://1024terabox.com/s/1VaDdepre9VA40spM0tIn3g
Thread with subforum: https://1024terabox.com/s/1UMxWzYSMY2rN8BiW3gKqYg
Sorry, the video quality is not particular good.
I will find another video hosting.
Please, i need the video to change the icon of each forum and the color of the icon, if i can use a png file to replace the icon could be better for me. thanks bro.
I will record tutorial tomorrow.
Yes, you can use png.
Sorry, i forgot making tutorial for you.
Tutorial: https://1024terabox.com/s/1bp4scxbTXT5P_Kgj6iNp-g
I have different version from you, i don't see any blue on my theme.
Send screenshot of your theme.
@Habu.
Tidak, temanya berbeda. Yang di web ini namanya HexBoard.
Aku sudah lesu mau update hexforum,
kurang dana dan motivasi karena ada oknum yang menjual hasil modifikasi tema hexforum.
Berarti HexBoard tema khusus emissionhex ya gan?
Mantab lebih rapi dan enak di pandang
Diskon 50% untuk yg sudah membeli HexForum: 75k
Harga aslinya 150k
Makasih atas dukunganmu.
@Wernayasa - Dapat Update Juga kan gan, kalo ada perubahan nantinya?
Aku suka tema HexBoard karena codenya lebih mudah diurus.
Aku beta testing tema ini agar bisa menemukan bug baru sebelum dirilis ke public.
@Wernayasa - btw, Kapan rilisnya gan HexBoard?
Beberapa yang belum dibuat seperti use badge, dan perbaikan responsive.
@Wernayasa - Apakah Template Hexboard sudah fix dan siap rilis gan? dan
Apakah saya bisa membeli Hexboard sekarang gan?
Kirim pembayaran ke DANA: 081349386923
75k untuk pembeli hexforum.
Kirim bukti pembayaran: wernayasa@gmail.com
Minta alamat githubmu, untuk mengakses filenya.
Belum bisa di jual di trakteer, karena perlu di aprove dulu baru bisa muncul di shop.
@Wernayasa - Cek Email gan !!!
(Sudah Beserta Bukti TF), Terima Kasih
Example: https://i.imgur.com/QzyCOaj.jpeg
Also please, help me but the "Recent Comments widget" located in the right side in the main page doesnt work, i was trying to comment but also my comments dont appear.
Thanks bro.
I test it and it working: https://soymaestrocarpintero.blogspot.com/
Someone is selling and sharing my HexForum theme online, which has demotivated me from updating it.
I haven't put HexBoard on Gumroad because there hasn't been any interest.
https://mangaoyonde.blogspot.com/p/6864606530.html
ini masih tahap awal
kok bisa?
pakai database ya?