[Tutorial] Memindahkan Tab Ke Kanan BBM Versi Terbaru

BBM MOD

Berikut ini saya akan membagikan sebuah tutorial untuk memindahkan posisi Tab pada BBM versi terbaru saat ini 3.3.8.72. Buat kalian yang tidak tahu apa itu Tab BBM, Tab BBM adalah menu dimana kalian memilih untuk melihat Chat, Contact, Feeds, Discover, dan Profile kalian.

Kalau biasanya BBM MOD memiliki fitur Top/Bottom main Tab, kali ini saya buatkan yang berbeda. Karena posisinya bukan lagi diatas atau dibawah, melainkan di kanan😁. Ini saya dapatkan dari hasil compare BBM Trangga Ken. Saya sudah coba untuk memindahkan ke kiri namun gagal, karena menu yang tersedia tidak muncul.

Oke langsung saja, berikut langkah-langkahnya :
1. Pertama kalian ambil/backup BBM kalian dengan aplikasi App Backup & Restore
2. Untuk membongkar aplikasi BBM itu, saya menggunakan tools Portable APKTools M6.7
3. Jika semuanya sudah kalian lakukan, sekarang kalian buka Portable APKToolsnya. Setelah itu kalian Decompile.
4. Jika proses Decompile sudah selesai, kalian cari folder layout di BBM tersebut lalu kalian buka bottom_navigation.xml, fragment_main_activity.xml, dan item_bottom_navigation.xml
5. Ubah isi dari bottom_navigation.xml menjadi seperti ini :



<?xml version="1.0" encoding="utf-8"?>
<merge android:layout_width="wrap_content" android:layout_height="fill_parent"
 xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto">
    <LinearLayout android:orientation="vertical" android:id="@id/bottom_navigation_item_container" android:background="@color/bottom_navigation" android:layout_width="wrap_content" android:layout_height="fill_parent">
        <com.bbm.bali.ui.main.BottomNavigationItemView android:gravity="center" android:id="@id/menu_chats" android:layout_width="wrap_content" android:layout_height="0.0dip" android:layout_weight="1.0" android:contentDescription="@string/menu_chats" app:icon="@drawable/ic_chats" app:menu_text="@string/menu_chats" app:active="true" />
        <com.bbm.bali.ui.main.BottomNavigationItemView android:gravity="center" android:id="@id/menu_contacts" android:layout_width="wrap_content" android:layout_height="0.0dip" android:layout_weight="1.0" android:contentDescription="@string/menu_contacts" app:icon="@drawable/ic_contacts" app:menu_text="@string/menu_contacts" app:active="false" />
        <com.bbm.bali.ui.main.BottomNavigationItemView android:gravity="center" android:id="@id/menu_feeds" android:layout_width="wrap_content" android:layout_height="0.0dip" android:layout_weight="1.0" android:contentDescription="@string/menu_feeds" app:icon="@drawable/ic_feeds" app:menu_text="@string/menu_feeds" app:active="false" />
        <com.bbm.bali.ui.main.BottomNavigationItemView android:gravity="center" android:id="@id/menu_discover" android:layout_width="wrap_content" android:layout_height="0.0dip" android:layout_weight="1.0" android:contentDescription="@string/menu_discover" app:icon="@drawable/ic_discover" app:menu_text="@string/menu_discover" app:active="false" />
        <com.bbm.bali.ui.main.BottomNavigationItemView android:gravity="center" android:id="@id/menu_me" android:layout_width="wrap_content" android:layout_height="0.0dip" android:layout_weight="1.0" android:contentDescription="@string/menu_me" app:icon="@drawable/ic_me" app:menu_text="@string/menu_me" app:active="false" />
    </LinearLayout>
    <View android:layout_gravity="left" android:background="@color/bottom_navigation_divider" android:layout_width="1.0dip" android:layout_height="fill_parent" />
</merge>

6. Ubah juga isi dari fragment_main_activity.xml menjadi :



<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent"
 xmlns:android="http://schemas.android.com/apk/res/android">
    <FrameLayout android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0">
        <FrameLayout android:id="@id/fragment_container" android:layout_width="fill_parent" android:layout_height="fill_parent" />
        <include android:id="@id/default_main_toolbar_shadow" layout="@layout/new_toolbar_shadow" />
    </FrameLayout>
    <com.bbm.bali.ui.main.BottomNavigationView android:id="@id/bottom_navigation" android:layout_width="wrap_content" android:layout_height="fill_parent" />
</LinearLayout>

7. Berikutnya ubah juga isi dari item_bottom_navigation.xml menjadi :



<?xml version="1.0" encoding="utf-8"?>
<FrameLayout android:layout_width="wrap_content" android:layout_height="fill_parent"
 xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto">
    <LinearLayout android:gravity="center" android:orientation="vertical" android:id="@id/container" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_marginTop="@dimen/bottom_navigation_item_top_padding" android:layout_marginBottom="@dimen/bottom_navigation_item_bottom_padding">
        <FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content">
            <ImageView android:layout_gravity="bottom|center" android:id="@id/icon" android:layout_width="@dimen/bottom_navigation_item_icon" android:layout_height="@dimen/bottom_navigation_item_icon" android:layout_marginLeft="@dimen/bottom_navigation_item_icon_padding" android:layout_marginTop="@dimen/bottom_navigation_item_icon_padding_top" android:layout_marginRight="@dimen/bottom_navigation_item_icon_padding" android:layout_marginBottom="@dimen/bottom_navigation_item_icon_bottom_padding" />
            <LinearLayout android:gravity="center" android:layout_gravity="end|center|top" android:layout_width="wrap_content" android:layout_height="wrap_content" android:minWidth="@dimen/bottom_navigation_item_icon_container_min_width">
                <com.bbm.ui.views.BadgeTextView android:id="@id/badge_count" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="@dimen/bottom_navigation_item_badge_count_height" app:fillColor="#fffe3b30" app:setTextColor="@color/white" app:badgeText="N" app:fontSize="9" app:isBold="false" />
            </LinearLayout>
        </FrameLayout>
        <TextView android:textSize="@dimen/bottom_navigation_item_text_size" android:textStyle="normal" android:textColor="@color/bottom_navigation_item_title" android:gravity="center_horizontal" android:id="@id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" />
    </LinearLayout>
</FrameLayout>

8. Jika sudah, silahkan Recompile dan Instal di smartphone kalian.
9. Hasilnya akan seperti ini :

[Tutorial] Memindahkan Tab Ke Kanan BBM Versi Terbaru

BBM Miku by Rivaldi48

10. Selesai deh😊

Demikian informasi yang saya bagikan untuk kalian. Gabung juga di Channel BBM Rivaldi 48. Ada banyak informasi penting lainnya yang tidak saya publikasikan website Rivaldi 48 ini.

Join di Channelnya dengan kode PIN: C004C7E92. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada.

Terima Kasih...