Iseng-iseng searching di forum orang eh ternyata dapat dan malah work 100% tergantung dari kemampuan anda mengopreknya.
Kini kita akan belajar bagaimana mengedit tampilan index menjadi CMS pada umumnya,namun jika anda kepingin menggunakan plugins ya saya persilahkan saja karena ini tidak menggunakan plugins sama sekali.
Silahkan lihat demonya dibawah terlebih dahulu
Sekarang kita akan membuat halaman index persis seperti yang diatas,didalam gambar tersebut terdapat :
![[Gambar: attachment.php?aid=522]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_unG2zvvH_PfoWCyVZOIbOekZiLLHs0Kg9xZ9xy03XeJmxBkMA1ZlBG5sfP8z3rRHmCgPglOcUWWsVdoJISErStjbfGxnPp8mxl-FMIQzzHDGZW8ROTYtgN9qCisA=s0-d)
Catatan : Jika anda memang benar-benar mengerti anda akan bisa menyamai Index anda dengan gambar diatas.
Langkah Pertama Buat grup pengaturan baru dengan klik Add New Group Settings.
Format :
Setelah itu Save dan akan muncul pengaturan baru.
Langkah Kedua Tambah Pengaturan Block dengan cara Klik Add New Settings
Disini Akan banyak memakan waktu karena biasanya error akan sering terjadi jadi harus hati-hati.disini kita akan mencoba untuk membuat 12 Block maka akan dibutuhkan 12 Setting untuk membuat 2 Header Box,2 Footer Box dan Sisanya untuk sidebox.
Title: HeaderBox Title
Description: Name of HeaderBox.
Group: Custom MyBB CMS
Display Order: 0
Identifier: hbtitle
Type: Text
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 2:
Title: HeaderBox Content
Description: Enter content of HeaderBox here.
Group: Custom MyBB CMS
Display Order: 1
Identifier: hb
Type: Textarea
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 3:
Title: FooterBox Title
Description: Name of FooterBox.
Group: Custom MyBB CMS
Display Order: 2
Identifier: fbtitle
Type: Text
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 4:
Title: FooterBox Content
Description: Enter content of FooterBox here.
Group: Custom MyBB CMS
Display Order: 3
Identifier: fb
Type: Textarea
Value: (leave as blank)
Save settings.
Sejauh ini, kami telah menambahkan pengaturan untuk dua blok konten yang akan menunjukkan pada setiap halaman, satu di header forum dan satu di footer dari forum. Sekarang mari kita menambahkan pengaturan untuk sideboxes.
Add New Setting and add the following for setting 5:
Title: Sidebox 1 Title
Description: Name of Sidebox 1.
Group: Custom MyBB CMS
Display Order: 4
Identifier: sbtitle1
Type: Text
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 6:
Title: Sidebox 1 Content
Description: Enter content of Sidebox 1 here.
Group: Custom MyBB CMS
Display Order: 5
Identifier: sb1
Type: Textarea
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 7:
Title: Sidebox 2 Title
Description: Name of Sidebox 2.
Group: Custom MyBB CMS
Display Order: 6
Identifier: sbtitle2
Type: Text
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 8:
Title: Sidebox 2 Content
Description: Enter content of Sidebox 2 here.
Group: Custom MyBB CMS
Display Order: 7
Identifier: sb2
Type: Textarea
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 9:
Title: Sidebox 3 Title
Description: Name of Sidebox 3.
Group: Custom MyBB CMS
Display Order: 8
Identifier: sbtitle3
Type: Text
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 10:
Title: Sidebox 3 Content
Description: Enter content of Sidebox 3 here.
Group: Custom MyBB CMS
Display Order: 9
Identifier: sb3
Type: Textarea
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 11:
Title: Sidebox 4 Title
Description: Name of Sidebox 4.
Group: Custom MyBB CMS
Display Order: 10
Identifier: sbtitle4
Type: Text
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 12:
Title: Sidebox 4 Content
Description: Enter content of Sidebox 4 here.
Group: Custom MyBB CMS
Display Order: 11
Identifier: sb4
Type: Textarea
Value: (leave as blank)
Setelah Selesai klik Save dan akan ada block baru untuk pengaturan index.
Langkah Ketiga waktunya untuk memasukan code HTML pada template yang aktif.
Masuk Ke Templates & Style > Templates > (your default templates) > Footer Templates > footer.
Masukan Code ini dibaris pertama kalau gk tau baris pertama disebelah kiri kan ada angka nah itu dia barisnya.
Save settings.
Langkah Ke Empat : Masuk ke [b]Header Templates > header.[/b]
Cari :
Tambahkan dibawahnya :
Save settings.
Langkah Kelima masuk Ke Index Template
Cari:
Ganti Dengan :
Save dan selesai sudah memasukan code HTML yang diperlukan,sekarang tugas anda hanya memasukan data yang diperlukan agar pengaturan yang dibuat berjalan.
Maka Akan Menjadi Seperti ini :
Bagaimana apakah sudah work ?
Kini kita akan belajar bagaimana mengedit tampilan index menjadi CMS pada umumnya,namun jika anda kepingin menggunakan plugins ya saya persilahkan saja karena ini tidak menggunakan plugins sama sekali.
Silahkan lihat demonya dibawah terlebih dahulu
Gambar Index
Sekarang kita akan membuat halaman index persis seperti yang diatas,didalam gambar tersebut terdapat :
- News And Headline
- 2 Sidebar Kiri
- 1 Sidebar Kanan
- Footer advertisment
Gambar ProPortal
Catatan : Jika anda memang benar-benar mengerti anda akan bisa menyamai Index anda dengan gambar diatas.
Langkah Pertama Buat grup pengaturan baru dengan klik Add New Group Settings.
Format :
Kutip:
- Title : Custom MyBB CMS / Terserah Anda
Description: Settings for Custom MyBB CMS / Terserah Anda
Display Order: 0 / Sesuaikan dengan daftar list anda
Identifier: mybbcms
Setelah itu Save dan akan muncul pengaturan baru.
Langkah Kedua Tambah Pengaturan Block dengan cara Klik Add New Settings
Disini Akan banyak memakan waktu karena biasanya error akan sering terjadi jadi harus hati-hati.disini kita akan mencoba untuk membuat 12 Block maka akan dibutuhkan 12 Setting untuk membuat 2 Header Box,2 Footer Box dan Sisanya untuk sidebox.
Title: HeaderBox Title
Description: Name of HeaderBox.
Group: Custom MyBB CMS
Display Order: 0
Identifier: hbtitle
Type: Text
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 2:
Title: HeaderBox Content
Description: Enter content of HeaderBox here.
Group: Custom MyBB CMS
Display Order: 1
Identifier: hb
Type: Textarea
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 3:
Title: FooterBox Title
Description: Name of FooterBox.
Group: Custom MyBB CMS
Display Order: 2
Identifier: fbtitle
Type: Text
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 4:
Title: FooterBox Content
Description: Enter content of FooterBox here.
Group: Custom MyBB CMS
Display Order: 3
Identifier: fb
Type: Textarea
Value: (leave as blank)
Save settings.
Sejauh ini, kami telah menambahkan pengaturan untuk dua blok konten yang akan menunjukkan pada setiap halaman, satu di header forum dan satu di footer dari forum. Sekarang mari kita menambahkan pengaturan untuk sideboxes.
Add New Setting and add the following for setting 5:
Title: Sidebox 1 Title
Description: Name of Sidebox 1.
Group: Custom MyBB CMS
Display Order: 4
Identifier: sbtitle1
Type: Text
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 6:
Title: Sidebox 1 Content
Description: Enter content of Sidebox 1 here.
Group: Custom MyBB CMS
Display Order: 5
Identifier: sb1
Type: Textarea
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 7:
Title: Sidebox 2 Title
Description: Name of Sidebox 2.
Group: Custom MyBB CMS
Display Order: 6
Identifier: sbtitle2
Type: Text
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 8:
Title: Sidebox 2 Content
Description: Enter content of Sidebox 2 here.
Group: Custom MyBB CMS
Display Order: 7
Identifier: sb2
Type: Textarea
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 9:
Title: Sidebox 3 Title
Description: Name of Sidebox 3.
Group: Custom MyBB CMS
Display Order: 8
Identifier: sbtitle3
Type: Text
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 10:
Title: Sidebox 3 Content
Description: Enter content of Sidebox 3 here.
Group: Custom MyBB CMS
Display Order: 9
Identifier: sb3
Type: Textarea
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 11:
Title: Sidebox 4 Title
Description: Name of Sidebox 4.
Group: Custom MyBB CMS
Display Order: 10
Identifier: sbtitle4
Type: Text
Value: (leave as blank)
Save settings.
Add New Setting and add the following for setting 12:
Title: Sidebox 4 Content
Description: Enter content of Sidebox 4 here.
Group: Custom MyBB CMS
Display Order: 11
Identifier: sb4
Type: Textarea
Value: (leave as blank)
Setelah Selesai klik Save dan akan ada block baru untuk pengaturan index.
Langkah Ketiga waktunya untuk memasukan code HTML pada template yang aktif.
Masuk Ke Templates & Style > Templates > (your default templates) > Footer Templates > footer.
Masukan Code ini dibaris pertama kalau gk tau baris pertama disebelah kiri kan ada angka nah itu dia barisnya.
Kode: (Select All)
<table border="0" cellspacing="0" cellpadding="4" class="tborder"><tr><td class="thead"><strong><div align="center">{$mybb->settings['fbtitle']}</div></strong></td></tr><tr><td class="trow1"><div align="center">{$mybb->settings['fb']}</div></td></tr></table><br />Save settings.
Langkah Ke Empat : Masuk ke [b]Header Templates > header.[/b]
Cari :
Kode: (Select All)
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<navigation>
<br />Kode: (Select All)
<table border="0" cellspacing="0" cellpadding="4" class="tborder"><tr><td class="thead"><strong><div align="center">{$mybb->settings['hbtitle']}</div></strong></td></tr><tr><td class="trow1"><div align="center">{$mybb->settings['hb']}</div></td></tr></table><br />Save settings.
Langkah Kelima masuk Ke Index Template
Cari:
Kode: (Select All)
{$forums}
{$boardstats}Ganti Dengan :
Kode: (Select All)
<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
<td><table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr><td valign="top" width="160">
<table border="0" cellspacing="0" cellpadding="1" class="tborder"><tr><td class="thead"><strong>{$mybb->settings['sbtitle1']}</strong></td></tr><tr><td class="trow1">{$mybb->settings['sb1']}</td></tr></table><br />
<table border="0" cellspacing="0" cellpadding="1" class="tborder"><tr><td class="thead"><strong>{$mybb->settings['sbtitle2']}</strong></td></tr><tr><td class="trow1">{$mybb->settings['sb2']}</td></tr></table><br />
</td>
<td> </td>
<td valign="top">
{$forums}
{$boardstats}
</td>
</tr>
</table></td>
<td valign="top">
<td valign="top" width="160">
<table border="0" cellspacing="0" cellpadding="1" class="tborder"><tr><td class="thead"><strong>{$mybb->settings['sbtitle3']}</strong></td></tr><tr><td class="trow1">{$mybb->settings['sb3']}</td></tr></table><br />
<table border="0" cellspacing="0" cellpadding="1" class="tborder"><tr><td class="thead"><strong>{$mybb->settings['sbtitle4']}</strong></td></tr><tr><td class="trow1">{$mybb->settings['sb4']}</td></tr></table><br />
</td>
</table> Maka Akan Menjadi Seperti ini :
Bagaimana apakah sudah work ?
![[Gambar: xw9hplk5.jpg]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uGZvWj9RbOyMNJbMCnLo4bW9E1N9r_9dxnvbV4bzoqjWfxUsFskbB4wydw27-t1gQtOPtbLtXvQCckZ1-XY_CdxRVRsvilBnVgmazb=s0-d)
For All Support:![[Gambar: VMkaskusytle.png]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sk53zP5ztdjSs4NarT4Kaf15AcSeo1rpwTx3FhGe55tHeNmefw0JkdgmHSa6suef-ur1wtHHm9yxhb-7C4V25iziuIvCrFqMZgz_cHdnLD7ym3_1Y9_Bg=s0-d)
![[Image: 800px-Install_welcome.png]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u_SPFxRBpOhbAfmfhyduHE2i-1UMLz4quYMt6emRSIFs1GsHG5Qchj5-w8uLgspoCUS8lzRPQBWRf3LVfDllHSsd9ymdhjUAuzJxRDSf2KbJFcKzHa1161FXgWJ3bWkso9oahfTT0vxH9dNMoLqgjZQiJlYnmhdw=s0-d)
Klik Next![[Image: 691px-Install_license.png]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_udHapUutW1VBvc0AnmBcq04z8wUiscPPGHh9Qr9JQwz43w6kKjnbIgm88qlxvHvPYkDqgEULfKbuVEJuUjxMNOEwsJfFngoRHWfPCUGzl4_S4At1KSHK-m6GMQa9pRUG224PBr491DUOok0GElunGGGVADcFWOog=s0-d)
Klik Next![[Image: 697px-Install_database.png]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u_Ly38u3zcabUhuajg-bm1eIXz74FtQXHqd-ouse57WMVP8hY3whPewRKU9iYVhvY-7mLe2e1FhP66Vf0cNLpoBb2liToPTRqEcQPSbHqXuU5ZX48_yAbEHHe_rF4KIE2iLQIow7uvuLAd_c9AoDcGsfEA2z3EmuI=s0-d)
![[Image: 354px-Install_tables.png]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uB--XyiyEgQJKklsRQWmqGq4wp57M8PxI3m6ytCAERXafzpmN9E00kmRiYDQcGb44o204OTECde6YNfrhP0oMfQx_fk8QY4B3CdKbjiZbMul-PXFir5S0j4B9ZcCp2gNj8tIuh6eucoYcbpD5Mb2_BD6GcnRo=s0-d)
![[Image: Install_theme.png]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vgrW0X5ZQ7ojLutxTrrIOOYu4NuBmtdrPR48G2B_JGg8FL8VRzoZ0pcMZmrhqRxBcrgB_49-YWighd0VCfs9hBYZ4aCPiTXmm_CAxY3-Bykrw6uAZF=s0-d)
![[Image: Install_data.png]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uqvUeghPl8Y9Fs6Os1RmYES2V3FcJ-WMQohSLPvcI5ZCfdTDuDkLTnXDu8wOKS-5MUjEZBWF28NGFwJXl9A2AaqYnMXULVM_IGxojXz2Trll3QWA=s0-d)
![[Image: 650px-Install_board.png]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vZpaPB4u3UWZ2e46_TEUPxaXxcAgWVg3ECMki2PnYRelL_pNod0qpnYRN5AVnwlQsayJ_xyDVJZe_B7Ps9F1vN2dHAnNz0KG9ofmouU048p6kReaXf2Nu7z-Eik__UUXlrgV5L-dQ0qT6Ebu0TGTEwDhw=s0-d)
masuk pada Board Configuration Anda dapat mengganti Forum name dengan nama forum anda contoh forums diganti dengan Komunitas MyBB Indonesia hasilnya akan ada header forum lalu klik next![[Image: 687px-Install_admin.png]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_v32c0c_nhQ8yXMNM5O2B_yiefVJ_Y4-ivgwcnjcvIiWhrfW6tUkzBuK_-JOkJW7gyyHAbV0efYjaV-w2oluXh1i9F3qMPas2jZzw92Ljf70q5bnDhfEaqp9WtLJapYgDdZxo46zcWJD4De9_93gYOZc276=s0-d)
![[Image: 727px-Install_finish.png]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tFXuvVpu8C4gw0T4UdnzwuFTSeojnADwLYHYNSQE1iWXHr9Lguh3SO_5qGyN7EWMWD0fi04E94Omcot3Qg5LsPW2I4wRpbRmnTK84lbEvJJY0_m1SfiVuf04keas15NoOYX4UEA618EUzDou8GUSZu81nknw=s0-d)