UI EDITOR MENAMBAH TAB MENU RIBBON DI EXCEL

UI EDITOR CARA MENAMBAH MENU TAB RIBBON DI EXCEL
Luangkan waktu beberapa menit untuk membaca serta memahami artikel ini, karena ini akan sangat panjang pembahasan nya tetapi sangat detail dan singkat. Langsung Praktikkan !!

Pada artikel kami sebelumnya Cara Membuat Menu Ribbon Sendiri Di Excel, kali ini kami akan menjelaskan Cara Menambah Menu Tab Ribbon Di Excel menggunakan software Custom UI Editor. Lihat gambar dibawah ini.


Begitulah kira-kira nanti ending dari artikel ini..

Langsung saja ini langkahnya.

LANGKAH-LANGKAHNYA

1. Buka Microsoft Excel Anda
2. Simpan dengan extensi .xlsm dan berikan nama misal "Menambah Tab Menu Ribbon Di Excel"

Mas.. apa harus berextensi .xlsm ??

Tidak, Anda juga bisa menyimpan dengan extensi .xlsb atau Excel Binary Workbook dan lainnya. Oke kita lanjutkan.

3. Keluarkan Workbook excel Anda "file excel Anda"
4. Buka Software Custom UI Editor

Mas.. saya belum punya Software tersebut..bisa minta linknya mas..??

Silahkan unduh software nya disini dan untuk cara instalnya disini.

5. Setelah Anda buka, sekarang silahkan klik File > Open File atau Anda bisa klik icon folder warna kuning. Silahkan pilih file yang Anda simpan tadi kemudian klik Open. Kemudian klik kanan file excel anda, dan pilih 2007 dan 2010 sehingga tampak seperti gambar dibawah ini.


6. Pada gambar di atas, silahkan pilih 2007 dan 2010, keduanya dipilih.
7. Sekarang Salin Kode XML UI Editor dibawah ini dan tempelkan di UI Editor Anda, tepatnya di Office 2007.

<customUI xmlns="http://schemas.microsoft.com/office/2006/01/customui">
<commands>
<command idMso="ApplicationOptionsDialog" enabled="false"/> 
<command idMso="FileExit" enabled="false"/> 
</commands>
<ribbon startFromScratch="true">
<tabs>
<tab id="customTab2" label="TAB RIBBON KE 2" insertAfterMso="TabHome">
<group id="tabgroupdua" label="Belajar Kode XML UI Editor">
<button id="d" visible="true" size="large" label="Sheets 1" imageMso="HeaderFooterFileNameInsert" onAction="sheeet"/>
<button id="e" visible="true" size="large" label="Sheets 2" imageMso="HeaderFooterFileNameInsert" onAction="ssheet"/>
<button id="f" visible="true" size="large" label="Sheets 3" imageMso="HeaderFooterFileNameInsert" onAction="sssheet"/>
</group>
<group id="tabgrouptiga" label="Alat">
<button idMso="Copy" label="Salin" size="large"/>
<button idMso="PasteValues" label="Tempel" visible="true" size="large" imageMso="Paste"/>
<button idMso="FileSave" label="Simpan" size="large"/>
<button idMso="FileClose" label="Keluar" size="large"/>
</group>
</tab>
<tab id="customTab1" label="TAB RIBBON KE 1" insertAfterMso="TabHome">
<group id="tabgroupsatu" label="Belajar Kode XML UI Editor">
<button id="a" visible="true" size="large" label="Sheets 1" imageMso="HeaderFooterFileNameInsert" onAction="sheet"/>
<button id="b" visible="true" size="large" label="Sheets 2" imageMso="HeaderFooterFileNameInsert" onAction="sheett"/>
<button id="c" visible="true" size="large" label="Sheets 3" imageMso="HeaderFooterFileNameInsert" onAction="sheettt"/>
</group>
</tab>
</tabs>
</ribbon>
</customUI>

8. Kemudian Pada Office 2010 silahkan terapkan Kode XML UI Editor dibawah ini

<customUI xmlns="http://schemas.microsoft.com/office/2009/07/customui">
<commands>
<command idMso="ApplicationOptionsDialog" enabled="false"/> 
<command idMso="FileExit" enabled="false"/> 
</commands>
<ribbon startFromScratch="true">
<tabs>
<tab id="customTab2" label="TAB RIBBON KE 2" insertAfterMso="TabHome">
<group id="tabgroupdua" label="Belajar Kode XML UI Editor">
<button id="d" visible="true" size="large" label="Sheets 1" imageMso="HeaderFooterFileNameInsert" onAction="sheeet"/>
<button id="e" visible="true" size="large" label="Sheets 2" imageMso="HeaderFooterFileNameInsert" onAction="ssheet"/>
<button id="f" visible="true" size="large" label="Sheets 3" imageMso="HeaderFooterFileNameInsert" onAction="sssheet"/>
</group>
<group id="tabgrouptiga" label="Alat">
<button idMso="Copy" label="Salin" size="large"/>
<button idMso="PasteValues" label="Tempel" visible="true" size="large" imageMso="Paste"/>
<button idMso="FileSave" label="Simpan" size="large"/>
<button idMso="FileClose" label="Keluar" size="large"/>
</group>
</tab>
<tab id="customTab1" label="TAB RIBBON KE 1" insertAfterMso="TabHome">
<group id="tabgroupsatu" label="Belajar Kode XML UI Editor">
<button id="a" visible="true" size="large" label="Sheets 1" imageMso="HeaderFooterFileNameInsert" onAction="sheet"/>
<button id="b" visible="true" size="large" label="Sheets 2" imageMso="HeaderFooterFileNameInsert" onAction="sheett"/>
<button id="c" visible="true" size="large" label="Sheets 3" imageMso="HeaderFooterFileNameInsert" onAction="sheettt"/>
</group>
</tab>
</tabs>
</ribbon>
</customUI>

Perhatikan Kode XML di office 2007 dan di office 2010, Kode XML tersebut hampir sama, hanya saja yang membedakan adalah pada Kode XML baris paling atas. Lihat kode XML warna merah.

Pada Office 2007
<customUI xmlns="http://schemas.microsoft.com/office/2006/01/customui">

Pada Office 2010
<customUI xmlns="http://schemas.microsoft.com/office/2009/07/customui">

Oke kita lanjut ke langkah selanjutnya...

9. Langkah terakhir silahkan klik "Validate" untuk mengecek kebenaran Kode XML tersebut, Jika ada VbInformation "Custom UI XML is well formed!" berarti sudah benar dan jika ada VbCritical "Error" maka Kode XML masih ada yang salah, dan kesalahan tersebut akan di tampilkan bagian mana yang salah. Lihat gambar dibawah ini.



10. Jika sudah benar (muncul vb information) maka Anda tinggal klik Simpan dan Keluar dari UI Editor.
11. Buka file excel Anda yang tadi, dan apabila file Anda sudah sama persis dengan gambar paling atas, maka Anda sudah berhasil Menambah Tab Ribbon Buatan Sendiri Di Excel Dengan UI Editor.
12. Simpan dan silahkan keluar dari excel
13. Selesai

Mas..saya coba klik tombol menu ribbon tersebut kok belum aktif..?? apakah ada rumus tambahan selain di UI Editor..??

Untuk mengaktifkan tombol menu ribbon buatan sendiri tersebut, selain Kode XML, Anda juga harus menaruh Kode Macro Excel untuk menjalankannya. Selengkapnya Anda dapat membaca kelanjutan dari artikel ini.

MENERAPKAN KODE MACRO UNTUK MENU RIBBON BUATAN SENDIRI

Sudah barang tentu Tombol Menu Ribbon Buatan Anda Tidak Berjalan apabila Anda tidak menaruh kode macro di excelnya dan akan menampilkan VbExlamation "Cannot the macro........" lihat gambar dibawah ini.


Memang ada beberapa tombol yang bisa berfungsi secara otomatis seperti tombol SIMPAN, KELUAR, SALIN, TEMPEL dan lainnya. Karena name yang digunakan di UI Editor adalah IDMSO bawaan office.

LANJUTAN

1. Buka Excel Anda yang tadi
2. Masuk ke VBA, bisa Anda tekan Alt+F11Tekan Alt+F11 untuk masuk ke jendela VBA (Visual Basic for Application)
3. Buatlah satu module dan terapkan Kode Macro dibawah ini.

Sub sheet(Control As IRibbonControl)
Sheets("Sheet1").Select
Range("A1") = "Sampiyan Pancen Toopp"
End Sub
Sub sheett(Control As IRibbonControl)
Sheets("Sheet2").Select
Range("A1") = "Sampiyan Pancen Toopp"
End Sub
Sub sheettt(Control As IRibbonControl)
Sheets("Sheet3").Select
Range("A1") = "Sampiyan Pancen Toopp"
End Sub
Sub sheeet(Control As IRibbonControl)
Sheets("Sheet1").Select
Range("A1") = "Belajar Menu Ribbon Di www.mtsbmtumbrasanom.id"
End Sub
Sub ssheet(Control As IRibbonControl)
Sheets("Sheet2").Select
Range("A1") = "Belajar Menu Ribbon Di www.mtsbmtumbrasanom.id"
End Sub
Sub sssheet(Control As IRibbonControl)
Sheets("Sheet3").Select
Range("A1") = "Belajar Menu Ribbon Di www.mtsbmtumbrasanom.id"
End Sub

4. Kemudian silahkan tekan F5 untuk menjalankan

Jika Anda melakukan 4 langkah diatas dengan benar maka tombol menu ribbon pasti akan berjalan sesuai intruksi dari Anda lewat Kode Macro yang Anda buat.

Mas.. bisa di jelaskan perbedaan antara ID dan IDMSO pada kode XML diatas ??

Oke..coba Anda perhatikan gambaran SINGKAT dibawah ini !!

  • Pada Kode XML diatas ada kode seperti dibawah ini

<tab id="customTab2" label="TAB RIBBON KE 2" insertAfterMso="TabHome">
Nah.. Nama ID tersebut "customTab2" bisa Anda rubah sesuka Anda.
Contoh :
<tab id="customTab2" label="TAB RIBBON KE 2" insertAfterMso="TabHome">
DIRUBAH MENJADI
<tab id="tabke2" label="TAB RIBBON KE 2" insertAfterMso="TabHome">


  • Pada Kode XML diatas JUGA ada kode seperti dibawah ini

<command idMso="ApplicationOptionsDialog" enabled="true"/>
Nah.. Nama IDMSO tersebut bisa Anda rubah sesuka Anda, tetapi harus sesuai dengan komponen office.
Contoh :
<command idMso="ApplicationOptionsDialog" enabled="true"/>
DIRUBAH MENJADI
<command idMso="FileExit" enabled="true"/> 

Jadi intinya adalah : Name dari ID bisa Anda rubah sesuka hati Anda tanpa harus berpedoman koponen office. Sedangkan Name IDMSO tidak bisa Anda rubah dengan sembarang kata.

Kemudian.. apa sih perbedaannya imageMso dan image..??

Secara garis besar, pokoknya kalau ada kata"Mso" maka harus berpedoman dengan komponen office. Jadi seperti IDMSO dan IMAGEMSO itu semua harus berpedoman dengan komponen office sedangkan ID dan IMAGE tidak berpedoman komponen office.

Selengkapnya Anda dapat nonton video di link yang sudah kami sediakan dibawah.

Mas.. gimana sih cara memberi garis pemisah antara tombol-tombol di menu ribbon excel ?? contoh : pada gambar paling atas kan terdapat beberapa tombol menu, nah saya ingin ada garis pemisah antara tombol menu tersebut..

Untuk Kode XML garis pemisah, Anda bisa menggunakan sparator.

<separator  id="Pemisah1" />

Keterangan : 
nama ID harus berbeda dengan nama ID yang lain.
Contoh :
<separator  id="Pemisah1" />
<separator  id="Pemisah2" />
<separator  id="Pemisah3" /> dan seterusnya..



Jika nama ID sama, maka ketika Anda klik tombol "Validate" akan muncul VbCritical Error, sehingga nama ID harus berbeda. Dan nama ID tersebut bisa Anda rubah sesuka hati Anda tanpa berpedoman komponen office sebagaimana yang telah kami jelaskan diatas.

Mas.. apakah harus memakai software Custom UI Editor untuk membuat menu ribbon tersebut..??

Tidak.. Anda bisa menggunakan Notepad atau Notepad++ dan lainnya. Tetapi kami sarankan supaya menggunakan software Custom UI Editor saja, Karena selain mudah pengoprasiannya software Custom UI Editor ini juga gratis dan bisa Anda gunakan di Microsoft Word, Power Poin,  Microsoft Groov, Microsoft Acces dan lain sebagainya. Pokoknya produk office

PRIORITAS KAMI
Kami sangat memperhatikan hasil maksimal dan kepuasan bagi pengunjung sehingga selain artikel diatas, kami juga menyediakan sampel file gratis tanpa proteck dan video untuk pemahaman yang mendalam.

Download File (No Protect)
Lihat Videonya

Apabila Anda merasa bahwa artikel ini bagus dan layak untuk dibagikan maka silahkan share ke sosial media yang Anda punya, bisa lewat Facebook, Google Plus, Whatsapp, Telegram dll.

Link Artikel Ini :

http://www.mtsbmtumbrasanom.id/2017/11/ui-editor-menambah-tab-menu-ribbon-di.html

Jika Anda memperhatikan serta melakukan langkah-langkah diatas, maka Kode XML akan berjalan dengan baik dan hasil filenya akan tampak seperti gambar paling atas serta tombol tersebut juga akan aktif sesuai Kode Macro yang Anda terapkan seperti file yang telah kami lampirkan.

"Kami Selalu Berusaha Memberikan Yang Terbaik Dan Original Untuk Anda"
Jabat Erat@Hak Cipta 2015

Post a Comment for "UI EDITOR MENAMBAH TAB MENU RIBBON DI EXCEL"